/* ==========================================================================
  Stylesheet for Boekentoren Tour
  ITCSS + BEM
  ---
  This SCSS code works with BEM (Block Element Modifier) and ITCSS (Inverted Triangle CSS) methodologies.
  For BEM Please refer to http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
  For ITCSS Please refer to https://speakerdeck.com/dafed/managing-css-projects-with-itcss
   ========================================================================== */
/* Settings: preprocessor variables, colors, global settings
   ========================================================================== */
/* ==========================================================================
  Colors
  Only define colors here. Don't use sass color functions, stick to hex values,
  or the color component in styleguide won't regenerate automatically anymore.
 ========================================================================== */
/* Black - grays
 ========================================================================== */
/* Colors
========================================================================== */
/* Semantic
========================================================================== */
/* ==========================================================================
  Fonts
 ========================================================================== */
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/IBMPlexSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IBMPlexSans-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/IBMPlexSans-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/IBMPlexSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Serif";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-serif-regular.woff2") format("woff2");
}
/* Repeat color variables for semantic mapping
   For example, you can use this file to globally change the colors of primary buttons and links;
  these are usually mapped to $color-primary at the component level.

  This is in a separate file because _settings.color.scss is being used to generate documentation
  about the colors, and we technically cannot read variables that reference other variables.
 ========================================================================== */
/* ==========================================================================
   Variables
   ---
   Global SCSS variables (override default values defined in component files)
   ========================================================================== */
/* Typography
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Z-index stack
   ========================================================================== */
/* Bars
   ========================================================================== */
/* General
   ========================================================================== */
/* Form groups
   ========================================================================== */
/* Button overrides
   ========================================================================== */
/* Generic: CSS reset, box-sizing, global CSS tweaks
  ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* Elements: element selectors, CMS-generated content
  ========================================================================== */
/* ==========================================================================
   Elements: Base
   ---
   Only use elements without selectors when really necessary.
   ========================================================================== */
/* Elements
   ========================================================================== */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 54.16%;
}
@media (min-width: 900px) {
  html {
    font-size: 58.33%;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 62.5%;
  }
}

body {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #40464D;
  background: #FFF;
}

body.c-body-compensate-header {
  margin: 6.4rem 0 0;
}

img,
video {
  max-width: 100%;
}

input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
}

a {
  color: #1E64C8;
  text-decoration: none;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: 500;
}

/* Required fields
   ========================================================================== */
abbr[title] {
  text-decoration: none;
  opacity: 0.5;
}

/* Objects: layout-related CSS, grid, SVG icons frame, flexbox classes
  ========================================================================== */
/* ==========================================================================
  Object: SVG Icon
  ---
  Styling for auto-embedded SVG icons
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Object
   ========================================================================== */
.o-svg-icon {
  display: block;
  width: 2rem;
  height: 2rem;
}
.o-svg-icon svg {
  display: block;
  height: 100%;
  width: 100%;
}
.o-svg-icon:not(.o-svg-icon-multicolor) svg * {
  fill: currentColor;
}

.o-svg-icon--small {
  width: 1.6rem;
  height: 1.6rem;
}

/* ==========================================================================
    Object: Container
    ---
    Fluid container for content
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Object
   ========================================================================== */
.o-container {
  margin: 0 auto;
  max-width: 144rem;
  width: calc(100% - 2.4rem);
}
@media (min-width: 700px) {
  .o-container {
    width: calc(100% - 3.2rem);
  }
}
@media (min-width: 900px) {
  .o-container {
    width: calc(100% - 4.8rem);
  }
}
@media (min-width: 1200px) {
  .o-container {
    width: calc(100% - 6.4rem);
  }
}

.o-container--small {
  margin: 0 auto;
  max-width: 56rem;
}

.o-container--medium {
  margin: 0 auto;
  max-width: 72rem;
}

.o-container--large {
  margin: 0 auto;
  max-width: 94rem;
}

@media (min-width: 700px) {
  .o-container-bp2 {
    max-width: 144rem;
  }

  .o-container-bp2--small {
    max-width: 56rem;
  }

  .o-container-bp2--medium {
    max-width: 72rem;
  }

  .o-container-bp2--large {
    max-width: 94rem;
  }
}
/* ==========================================================================
  Container vertical
   ========================================================================== */
/* Block spacing
   ========================================================================== */
.o-container-vertical--padding-small {
  padding: 2.4rem 0;
}

.o-container-vertical {
  padding: 3.6rem 0;
}

.o-container-vertical--padding-medium {
  padding: 4.8rem 0;
}

.o-container-vertical--padding-large {
  padding: 6.4rem 0;
}

/* Block modifiers
   Change the look of the entire block
   ========================================================================== */
.o-container-vertical--bg-alt {
  background: #F3F3F4;
}

.o-container-vertical--bottom-bordered {
  border-bottom: 1px solid #CFD1D2;
}

/* ==========================================================================
  Block types (attached to vertical containers, since this is often the parent)
   ========================================================================== */
/* Block type: intro
   ========================================================================== */
.o-container-vertical-intro__intro {
  font-size: 1.8rem;
  color: #707479;
  text-align: center;
}

/* Block type: title
   ========================================================================== */
.o-container-vertical-title__title {
  text-align: center;
  font-size: 4.8rem;
  font-weight: 500;
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Block type: subtitle
   ========================================================================== */
.o-container-vertical-subtitle__title {
  font-size: 3.2rem;
  font-weight: 500;
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Block type: anchor list
   ========================================================================== */
.o-container-vertical-anchor-list__list {
  text-align: center;
}
.o-container-vertical-anchor-list__list li {
  display: inline-block;
  margin: 1rem;
}

/* ==========================================================================
    Object: Flex
    ---
    Object to make a container use flexbox
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Utility classes
   ========================================================================== */
.o-flex {
  display: flex;
}

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

.o-flex--vertical-center {
  align-items: center;
}

.o-flex--horizontal-center {
  justify-content: center;
}

.o-flex--center {
  justify-content: center;
  align-items: center;
}

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

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

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

.o-flex--align-start {
  align-items: flex-start;
}

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

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

.o-flex--spaced > *:not(:last-child) {
  margin-right: 0.8rem;
}

.o-flex--spaced-wide > *:not(:last-child) {
  margin-right: 1.6rem;
}

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

/* Flexible items
   ========================================================================== */
.o-flex__item {
  flex: 1;
}

.o-flex__item--shrink {
  flex: 0 1 0%;
}

.o-flex__item--auto {
  flex: 1 0 auto;
}

.o-flex__item--reset {
  flex: initial !important;
}

/* ==========================================================================
  Grid
  ---
  Basic flex-based grid system
  Based on flexbox and calc()
  Support:
     * IE10 and up
     * Edge, Chrome, Safari, Firefox (except very old versions)
   ========================================================================== */
.o-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}

.o-grid--max-width {
  margin: 0 auto;
}

@media (min-width: 1900px) {
  .o-grid--max-width {
    max-width: 154rem;
  }
}
/* Grid columns (default)
   ========================================================================== */
[class*=o-grid-col] {
  flex: 0 0 calc(100% - 2.4rem);
  min-width: 0;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.o-grid-col-1 {
  width: calc(8.3333333333% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-2 {
  width: calc(16.6666666667% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-3 {
  width: calc(25% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-4 {
  width: calc(33.3333333333% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-5 {
  width: calc(41.6666666667% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-6 {
  width: calc(50% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-7 {
  width: calc(58.3333333333% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-8 {
  width: calc(66.6666666667% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-9 {
  width: calc(75% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-10 {
  width: calc(83.3333333333% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-11 {
  width: calc(91.6666666667% - 2.4rem);
  flex: 0 0 auto;
}

.o-grid-col-12 {
  width: calc(100% - 2.4rem);
  flex: 0 0 auto;
}

@media (min-width: 400px) {
  [class*=o-grid-col-bp1-] {
    flex: 0 0 auto;
  }

  .o-grid-col-bp1-1 {
    width: calc(8.3333333333% - 2.4rem);
  }

  .o-grid-col-bp1-2 {
    width: calc(16.6666666667% - 2.4rem);
  }

  .o-grid-col-bp1-3 {
    width: calc(25% - 2.4rem);
  }

  .o-grid-col-bp1-4 {
    width: calc(33.3333333333% - 2.4rem);
  }

  .o-grid-col-bp1-5 {
    width: calc(41.6666666667% - 2.4rem);
  }

  .o-grid-col-bp1-6 {
    width: calc(50% - 2.4rem);
  }

  .o-grid-col-bp1-7 {
    width: calc(58.3333333333% - 2.4rem);
  }

  .o-grid-col-bp1-8 {
    width: calc(66.6666666667% - 2.4rem);
  }

  .o-grid-col-bp1-9 {
    width: calc(75% - 2.4rem);
  }

  .o-grid-col-bp1-10 {
    width: calc(83.3333333333% - 2.4rem);
  }

  .o-grid-col-bp1-11 {
    width: calc(91.6666666667% - 2.4rem);
  }

  .o-grid-col-bp1-12 {
    width: calc(100% - 2.4rem);
  }
}
@media (min-width: 600px) {
  [class*=o-grid-col-bp2-] {
    flex: 0 0 auto;
  }

  .o-grid-col-bp2-1 {
    width: calc(8.3333333333% - 2.4rem);
  }

  .o-grid-col-bp2-2 {
    width: calc(16.6666666667% - 2.4rem);
  }

  .o-grid-col-bp2-3 {
    width: calc(25% - 2.4rem);
  }

  .o-grid-col-bp2-4 {
    width: calc(33.3333333333% - 2.4rem);
  }

  .o-grid-col-bp2-5 {
    width: calc(41.6666666667% - 2.4rem);
  }

  .o-grid-col-bp2-6 {
    width: calc(50% - 2.4rem);
  }

  .o-grid-col-bp2-7 {
    width: calc(58.3333333333% - 2.4rem);
  }

  .o-grid-col-bp2-8 {
    width: calc(66.6666666667% - 2.4rem);
  }

  .o-grid-col-bp2-9 {
    width: calc(75% - 2.4rem);
  }

  .o-grid-col-bp2-10 {
    width: calc(83.3333333333% - 2.4rem);
  }

  .o-grid-col-bp2-11 {
    width: calc(91.6666666667% - 2.4rem);
  }

  .o-grid-col-bp2-12 {
    width: calc(100% - 2.4rem);
  }
}
@media (min-width: 900px) {
  [class*=o-grid-col-bp3-] {
    flex: 0 0 auto;
  }

  .o-grid-col-bp3-1 {
    width: calc(8.3333333333% - 2.4rem);
  }

  .o-grid-col-bp3-2 {
    width: calc(16.6666666667% - 2.4rem);
  }

  .o-grid-col-bp3-3 {
    width: calc(25% - 2.4rem);
  }

  .o-grid-col-bp3-4 {
    width: calc(33.3333333333% - 2.4rem);
  }

  .o-grid-col-bp3-5 {
    width: calc(41.6666666667% - 2.4rem);
  }

  .o-grid-col-bp3-6 {
    width: calc(50% - 2.4rem);
  }

  .o-grid-col-bp3-7 {
    width: calc(58.3333333333% - 2.4rem);
  }

  .o-grid-col-bp3-8 {
    width: calc(66.6666666667% - 2.4rem);
  }

  .o-grid-col-bp3-9 {
    width: calc(75% - 2.4rem);
  }

  .o-grid-col-bp3-10 {
    width: calc(83.3333333333% - 2.4rem);
  }

  .o-grid-col-bp3-11 {
    width: calc(91.6666666667% - 2.4rem);
  }

  .o-grid-col-bp3-12 {
    width: calc(100% - 2.4rem);
  }
}
@media (min-width: 1200px) {
  [class*=o-grid-col-bp4-] {
    flex: 0 0 auto;
  }

  .o-grid-col-bp4-1 {
    width: calc(8.3333333333% - 2.4rem);
  }

  .o-grid-col-bp4-2 {
    width: calc(16.6666666667% - 2.4rem);
  }

  .o-grid-col-bp4-3 {
    width: calc(25% - 2.4rem);
  }

  .o-grid-col-bp4-4 {
    width: calc(33.3333333333% - 2.4rem);
  }

  .o-grid-col-bp4-5 {
    width: calc(41.6666666667% - 2.4rem);
  }

  .o-grid-col-bp4-6 {
    width: calc(50% - 2.4rem);
  }

  .o-grid-col-bp4-7 {
    width: calc(58.3333333333% - 2.4rem);
  }

  .o-grid-col-bp4-8 {
    width: calc(66.6666666667% - 2.4rem);
  }

  .o-grid-col-bp4-9 {
    width: calc(75% - 2.4rem);
  }

  .o-grid-col-bp4-10 {
    width: calc(83.3333333333% - 2.4rem);
  }

  .o-grid-col-bp4-11 {
    width: calc(91.6666666667% - 2.4rem);
  }

  .o-grid-col-bp4-12 {
    width: calc(100% - 2.4rem);
  }
}
/* Grid columns (modifiers)
   ========================================================================== */
.o-grid--no-wrap {
  flex-wrap: nowrap;
}

.o-grid-col-static {
  flex: none;
}

.o-grid-col-flex {
  flex: 0 0 auto;
}

.o-grid--row {
  flex-direction: row;
}

.o-grid--row-reverse {
  flex-direction: row-reverse;
}

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

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

@media (min-width: 900px) {
  .o-grid--row-lg {
    flex-direction: row;
  }

  .o-grid--row-reverse-lg {
    flex-direction: row-reverse;
  }

  .o-grid--column-lg {
    flex-direction: column;
  }

  .o-grid--column-reverse-lg {
    flex-direction: column-reverse;
  }
}
/* ==========================================================================
    Object: Scroll wrapper
    ---
    Object to make a container scrollable
   ========================================================================== */
.o-scroll-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.o-scroll-wrapper__body {
  overflow: auto;
  flex: 1;
  height: 100%;
  position: relative;
}

/* Components: separately styled components (buttons, form inputs, toolbars...)
  ========================================================================== */
/* ==========================================================================
  c-badge
  ========================================================================== */
.c-badge {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: #1E64C8;
  color: #FFF;
}

.c-badge__label {
  font-size: 1.2rem;
  font-weight: 600;
}

/* Badge and text
   ========================================================================== */
.c-badge-and-text {
  display: flex;
  padding-top: 0.5rem;
}
.c-badge-and-text a {
  display: flex;
  text-decoration: none;
  border-radius: 1.2rem;
}
.c-badge-and-text a:hover, .c-badge-and-text a:focus {
  color: #101820;
}
.c-badge-and-text a:focus {
  position: relative;
  transform: translateZ(0);
  outline: 0;
}
.c-badge-and-text a:focus:not(:focus-visible) {
  box-shadow: none;
}
.c-badge-and-text a:focus-visible {
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}
.c-badge-and-text .c-badge {
  margin-right: 0.8rem;
}
.c-badge-and-text .c-badge-and-text__text {
  flex: 1;
  min-width: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0;
}

/* Badge and text list
   ========================================================================== */
@media (min-width: 1200px) {
  .c-badge-and-text-list {
    column-count: 2;
    column-gap: 2.4rem;
  }
  .c-badge-and-text-list li {
    break-inside: avoid;
  }
  .c-badge-and-text-list p:first-child {
    margin-top: 0;
  }
}
.c-badge-and-text-list .c-badge-and-text {
  margin-bottom: 0.7rem;
}

/* ==========================================================================
  Component: c-brand
   ========================================================================== */
.c-brand {
  padding: 0;
  display: block;
  max-width: 3.4rem;
}
.c-brand a,
.c-brand img {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}

/* ==========================================================================
  Component: Buttons
  ---
  This code is about button layout.
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Large/default size
   ========================================================================== */
.c-button {
  appearance: none;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 0rem;
  padding: 0.9rem 1.8rem;
  font-size: 1.8rem;
  text-align: center;
  align-items: center;
  font-weight: 500;
  min-height: 4.8rem;
}

a.c-button {
  display: inline-flex;
  justify-content: center;
}

button.c-button {
  appearance: none;
  margin: 0;
}
button.c-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.c-button .c-button__content {
  align-items: center;
  display: flex;
  justify-content: center;
}

.c-button__label {
  line-height: 2.4rem;
  white-space: nowrap;
}

.c-icon + .c-button__label,
.c-button__label + .c-icon {
  margin-left: 1.2rem;
}

.c-button .c-icon {
  margin-left: -0.4rem;
}
.c-button .c-button__label + .c-icon {
  margin-left: 1.2rem;
  margin-right: -0.4rem;
}

/* Small size
   ========================================================================== */
.c-button--small {
  padding: 0.6rem 1.4rem;
  font-size: 1.6rem;
  min-height: 4rem;
}
.c-button--small .c-icon + .c-button__label,
.c-button--small .c-button__label + .c-icon {
  margin-left: 0.8rem;
}
.c-button--small .c-icon {
  margin-left: -0.4rem;
}
.c-button--small .c-button__label + .c-icon {
  margin-left: 0.8rem;
  margin-right: -0.4rem;
}

/* Icon-only Button (Square)
   ========================================================================== */
.c-button--icon {
  padding: 1.1rem;
}
.c-button--icon .c-icon {
  margin: 0;
}

@media (max-width: 900px) {
  #page-nav .c-button--icon {
    padding: 1.6rem;
  }
}

.c-button--small.c-button--icon {
  padding: 0.7rem;
}

/* No padding button
   ========================================================================== */
.c-button--no-padding {
  padding: 0;
  min-height: auto;
}

/* Block button
   ========================================================================== */
.c-button--block {
  width: 100%;
  text-align: center;
}

/* Link button
   ========================================================================== */
.c-button--link {
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  text-decoration: none;
}
.c-button--link:hover, .c-button--link:active, .c-button--link:hover svg *, .c-button--link:active svg * {
  color: #144385;
}

/* File button
   ---
   Hide an input type file inside a button that is fully clickable
   ========================================================================== */
.c-button--file {
  position: relative;
}
.c-button--file input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.0001;
}

.c-button--top-icon-bottom-label .c-icon + .c-button__label, .c-button--top-icon-bottom-label .c-button__label + .c-icon {
  margin: 0;
}
.c-button--top-icon-bottom-label .c-icon {
  margin: 0;
}
.c-button--top-icon-bottom-label .c-icon + .c-button__label {
  display: block;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
}
@media (min-width: 900px) {
  .c-button--top-icon-bottom-label .c-icon + .c-button__label {
    margin: 0.4rem 0 0;
  }
}
.c-button--top-icon-bottom-label .c-button__content {
  flex-direction: column;
  justify-content: center;
}

/* ==========================================================================
  Component: Button group
  @todo fix border radius
   ========================================================================== */
.c-button-group {
  display: flex;
}
.c-button-group .c-button.c-button--default {
  flex: 1;
}
.c-button-group .c-button.c-button--default:not(:first-child), .c-button-group .c-button.c-button--default:not(:last-child) {
  border-radius: 0;
}

/* ==========================================================================
  Component: Button Skins
  ---
  Rules of this file: you CAN'T touch the box model here, just colors.
   ========================================================================== */
/* Variables
   ========================================================================== */
.c-button {
  transition: 0.18s background ease-in;
}
.c-button:focus {
  outline: 0;
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}
.c-button:focus:not(:focus-visible) {
  box-shadow: none;
}
.c-button:focus-visible {
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}

/* Primary
   ========================================================================== */
.c-button.c-button--primary {
  border: 0.1rem solid #101820;
  background: #101820;
  color: #FFF;
}
.c-button.c-button--primary svg * {
  fill: #FFF;
}
.c-button.c-button--primary:hover, .c-button.c-button--primary:active, .c-button.c-button--primary.c-button--active, .c-button.c-button--primary:active:focus {
  background: #FFF;
  color: #101820;
}
.c-button.c-button--primary:hover svg *, .c-button.c-button--primary:active svg *, .c-button.c-button--primary.c-button--active svg *, .c-button.c-button--primary:active:focus svg * {
  fill: #101820;
}

/* Secondary
   ========================================================================== */
.c-button.c-button--secondary {
  border: 0.1rem solid #101820;
  background: #FFF;
  color: #101820;
}
.c-button.c-button--secondary svg * {
  fill: #101820;
}
.c-button.c-button--secondary:hover, .c-button.c-button--secondary:active, .c-button.c-button--secondary:active:focus {
  background: #101820;
  color: #FFF;
}
.c-button.c-button--secondary:hover svg *, .c-button.c-button--secondary:active svg *, .c-button.c-button--secondary:active:focus svg * {
  fill: #FFF;
}

/* Borderless
   ========================================================================== */
.c-button.c-button--borderless {
  border-color: transparent;
  background: transparent;
}
.c-button.c-button--borderless svg * {
  fill: currentColor;
}
.c-button.c-button--borderless[disabled], .c-button.c-button--borderless:disabled, .c-button.c-button--borderless.c-button-disabled {
  pointer-events: none;
}

.c-button.c-button--borderless {
  color: #101820;
}
.c-button.c-button--borderless:hover, .c-button.c-button--borderless.c-button--hover {
  color: #1E64C8;
  background: transparent;
}
.c-button.c-button--borderless:active, .c-button.c-button--borderless:active:focus {
  color: #1E64C8;
  background: transparent;
}
.c-button.c-button--borderless:focus {
  color: #1E64C8;
  background: transparent;
}
.c-button.c-button--borderless[disabled], .c-button.c-button--borderless:disabled, .c-button.c-button--borderless.c-button-disabled {
  color: #9FA3A6;
}
.c-button.c-button--borderless[disabled] svg *, .c-button.c-button--borderless:disabled svg *, .c-button.c-button--borderless.c-button-disabled svg * {
  fill: #9FA3A6;
}

/* Shared disabled state for all buttons
   ========================================================================== */
.c-button.c-button--primary:disabled, .c-button.c-button--primary.c-button--disabled,
.c-button.c-button--secondary:disabled,
.c-button.c-button--secondary.c-button--disabled {
  border-color: #9FA3A6;
  background: #9FA3A6;
  color: #FFF;
  pointer-events: none;
}
.c-button.c-button--primary:disabled svg *, .c-button.c-button--primary.c-button--disabled svg *,
.c-button.c-button--secondary:disabled svg *,
.c-button.c-button--secondary.c-button--disabled svg * {
  fill: #FFF;
}

/* Invisible
   ========================================================================== */
.c-button--invisible {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
}
.c-button--invisible:hover, .c-button--invisible:focus {
  background-color: #F3F3F4;
  border: 0.1rem solid #1E64C8;
}

/* ==========================================================================
  Component: Button Toolbar
  ---
  Group multiple buttons together
   ========================================================================== */
.c-button-toolbar {
  align-items: center;
  display: flex;
  z-index: 1;
}
.c-button-toolbar .c-button + .c-button {
  margin-left: 0.8rem;
}
.c-button-toolbar .c-button--link + .c-button--link {
  margin-left: 1.6rem;
}

.c-button-toolbar--compact .c-button-toolbar__label {
  margin: 0;
}
.c-button-toolbar--compact .c-button-toolbar__label + * {
  margin-left: 1.6rem;
}
.c-button-toolbar--compact * + .c-button-toolbar__label {
  margin-left: 1.6rem;
}
.c-button-toolbar--compact .c-button + .c-button {
  margin: 0 0 0 -0.1rem;
}

/* Vertical
   ========================================================================== */
.c-button-toolbar--vertical {
  flex-direction: column;
}
.c-button-toolbar--vertical .c-button + .c-button {
  margin-left: 0;
  margin-top: 2.4rem;
}
.c-button-toolbar--vertical.c-button-toolbar--compact .c-button + .c-button {
  margin: -0.2rem 0 0 0;
}

/* Fixed
   ========================================================================== */
.c-button-toolbar--fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
}
.c-button-toolbar--fixed .c-button + .c-button {
  margin: 0;
}
@media (min-width: 900px) {
  .c-button-toolbar--fixed {
    bottom: 1.6rem;
    right: 1.6rem;
    width: auto;
  }
  .c-button-toolbar--fixed .c-button:not(:last-child) {
    margin-right: 0.8rem;
  }
}

/* ==========================================================================
  c-card
   ========================================================================== */
.c-card {
  position: relative;
}
.c-card:hover img {
  transform: scale(1.05);
}
.c-card:hover .c-text-and-icon {
  color: #1E64C8;
}
.c-card:hover .c-text-and-icon .c-icon {
  transform: translateX(0.4rem);
}

.c-card__invisible-link {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.c-card__invisible-link:focus {
  outline: 0;
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}
.c-card__invisible-link:focus:not(:focus-visible) {
  box-shadow: none;
}
.c-card__invisible-link:focus-visible {
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}

.c-card__image {
  margin-bottom: 2.4rem;
  overflow: hidden;
}
.c-card__image img {
  display: block;
  transition: transform 200ms ease-in-out;
}

.c-card__subtitle {
  font-size: 1.8rem;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  display: block;
  position: relative;
}
.c-card__subtitle:hover, .c-card__subtitle:focus {
  color: #101820;
}
.c-card__subtitle:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

/* ==========================================================================
  c-content
  ---
  Usage: wrap a .c-content class around content to turn it into rich text.

  .c-h1, .c-h2, .c-body-1, c-body 2
  ---
  Usage: use these classes to style individual components like their rich text equivalent
   ========================================================================== */
.c-h1, .c-h2, .c-h3, .c-h4,
.c-content h1,
.c-content h2,
.c-content h3,
.c-content h4 {
  color: #282F36;
}

.c-h1, .c-content h1 {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 5rem;
  margin: 0 0 2.4rem;
  line-height: 1.1;
}
.c-h1.c-h1--sm, .c-content h1.c-h1--sm {
  font-size: 3.8rem;
}
.c-h1.c-h1--lg, .c-content h1.c-h1--lg {
  font-size: 6rem;
}

.c-h2, .c-content h2 {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 3rem;
  margin: 0 0 3.2rem;
  line-height: 1.25;
}

.c-h2--lg {
  font-size: 4.8rem;
}

.c-h3, .c-content h3 {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 2.4rem;
  margin: 0 0 1.6rem;
  line-height: 1.25;
}

.c-h4, .c-content h4 {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  margin: 0 0 0.8rem;
  line-height: 1.5;
}

.c-h5, .c-content h5 {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  margin: 0 0 0.8rem;
  line-height: 1.5;
}

.c-body-big {
  font-family: "Noto Serif", "Times New Roman", serif;
  font-size: 1.8rem;
  line-height: 1.75;
  margin: 1.6rem 0;
}

.c-body-small {
  font-family: "Noto Serif", "Times New Roman", serif;
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 1.4rem 0;
}

.c-body-tiny {
  font-family: "Noto Serif", "Times New Roman", serif;
  font-size: 1.4rem;
  line-height: 1.45;
  margin: 1.4rem 0;
}

.c-caption.c-caption {
  font-size: 1.6rem;
  line-height: 1.75;
  margin-top: 0.8rem;
}
.c-slider .c-caption.c-caption {
  font-family: "Noto Serif", "Times New Roman", serif;
}

.c-introduction p, .c-content .c-introduction p {
  font-size: 2.4rem;
  margin: 1.6rem 0;
  line-height: 1.5;
  font-family: "Noto Serif", "Times New Roman", serif;
}

.c-content p {
  font-family: "Noto Serif", "Times New Roman", serif;
  font-size: 1.8rem;
  line-height: 1.75;
  margin: 1.6rem 0;
}
.c-content dl {
  border: 1px solid #CFD1D2;
  border-radius: 0.3rem;
  overflow: hidden;
  padding: 1.2rem;
  margin: 1.6rem 0;
}
.c-content dl dt {
  float: left;
  width: 30%;
  clear: left;
  font-weight: 500;
}
.c-content dl dd {
  float: left;
  width: 70%;
}
.c-content ul, .c-content ol {
  padding-left: 3rem;
  margin: 1.6rem 0;
}
.c-content ul ul, .c-content ul ol, .c-content ol ul, .c-content ol ol {
  margin: 0;
}
.c-content ul {
  list-style: square;
}
.c-content ol {
  list-style: decimal;
}
.c-content blockquote {
  font-style: normal;
  font-size: 2.4rem;
  margin: 2.4rem 0;
  padding-left: 2.4rem;
  border-left: 0.1rem solid #CFD1D2;
  line-height: 1.5;
  font-family: "Noto Serif", "Times New Roman", serif;
}
.c-content table {
  width: 100%;
  margin: 1.6rem 0;
}
.c-content table td,
.c-content table th {
  padding: 0.8rem;
}
.c-content table th {
  border-bottom: 0.2rem solid #9FA3A6;
  font-weight: 500;
  text-align: left;
}
.c-content table td {
  border-bottom: 1px solid #CFD1D2;
}
.c-content strong {
  font-weight: 600;
}
.c-content .c-button {
  text-decoration: none;
}
.c-content pre {
  background: #F3F3F4;
  padding: 1.6rem;
  margin: 0 0 1rem;
  font-size: 75%;
  white-space: pre-wrap;
}
.c-content pre, .c-content code {
  font-family: Consolas, "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
.c-content code {
  font-size: 85%;
  background: #F3F3F4;
  padding: 0.2rem;
  border-radius: 0.2rem;
  color: #DC4E28;
}

.c-content--inverse p,
.c-content--inverse .c-caption,
.c-content--inverse .c-content p,
.c-content--inverse h2,
.c-content--inverse h3,
.c-content--inverse h4,
.c-content--inverse h5 {
  color: #FFF;
}
.c-content--inverse .c-section {
  color: #FFF;
  opacity: 0.5;
}

.c-h2--inverse {
  color: #FFF;
}

.c-section--inverse {
  color: rgba(255, 255, 255, 0.5);
}

/* ==========================================================================
  c-figure
  ---
  Logic for captioning on images.
   ========================================================================== */
.c-figure {
  position: relative;
}

.c-figure__figcaption,
.c-content .c-figure__figcaption {
  margin-top: 0.8rem;
  line-height: 1.5;
  font-size: 1.4rem;
  color: #707479;
}
.c-figure__figcaption a,
.c-content .c-figure__figcaption a {
  color: #707479;
}
.c-figure__figcaption a:hover,
.c-content .c-figure__figcaption a:hover {
  text-decoration: underline;
}
.c-figure__figcaption p,
.c-content .c-figure__figcaption p {
  font-size: 1.4rem;
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin-top: 0;
}

.c-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 2.4rem;
}

.c-grid-item a {
  text-decoration: none;
}
.c-grid-item a:hover, .c-grid-item a:focus {
  color: #000;
  transition: 0.18s color ease-in;
}
.c-grid-item a:hover img, .c-grid-item a:focus img {
  transition: 0.18s opacity ease-in;
  opacity: 0.8;
}
.c-grid-item img {
  width: 100%;
}

.c-grid-item__title {
  font-size: 1.6rem;
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.c-grid-item__desc {
  font-weight: 400;
  color: #9FA3A6;
}

.c-grid-item__date {
  opacity: 0.5;
}

.c-icon--primary {
  color: #1E64C8;
}

/* ==========================================================================
  Component: hr
  ---
  A horizontal ruler.
   ========================================================================== */
.c-hr {
  margin: 3.2rem 0;
  border: none;
  border-bottom: 1px solid #CFD1D2;
}

/* ==========================================================================
  Component: c-image
   ========================================================================== */
.c-image {
  display: block;
}

.c-image--fill {
  display: block;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
@media (min-width: 900px) {
  .c-image--fill {
    height: 60vh;
    height: calc(100vh - 4.8rem);
  }
}

/* ==========================================================================
  Component: Info box
   ========================================================================== */
.c-info-banner {
  padding: 1.2rem 1.6rem;
  background-color: #F7DB88;
  position: relative;
  min-height: 4.8rem;
}
.c-info-banner .c-icon {
  position: absolute;
  right: 1.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.4rem;
}
.c-info-banner a {
  text-decoration: underline;
  color: #101820;
}
.c-info-banner a:hover, .c-info-banner a:focus {
  color: #1E64C8;
}

.c-info-banner__label {
  padding-right: 3.2rem;
}

@media (min-width: 900px) {
  .c-info-banner {
    text-align: center;
  }

  .c-info-banner__label {
    padding: 0 3.2rem;
  }
}
@media (min-width: 900px) {
  .js-has-banner .c-image--fill {
    height: calc(100vh - 9.6rem);
  }
}
/* ==========================================================================
  Component: Info box
   ========================================================================== */
.c-info-box {
  padding: 1.2rem 1.6rem;
  background-color: #F3F3F4;
  display: flex;
}
.c-info-box .o-svg-icon {
  position: relative;
  top: 0.2rem;
}
.c-info-box .o-svg-icon svg * {
  fill: #707479;
}

.c-info-box__label {
  margin-left: 1.2rem;
  color: #707479;
  line-height: 1.5;
}

/* ==========================================================================
  c-language
  ========================================================================== */
ul.c-language-list {
  padding: 0;
  margin: 0;
}

li.c-language {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 6rem;
  margin: 0 0 2.4rem;
  line-height: 1.1;
  list-style: none;
}
li.c-language a {
  text-decoration: none;
}
li.c-language a:hover, li.c-language a:focus {
  color: #101820;
}
li.c-language.c-language--active a {
  color: #101820;
}

/* ==========================================================================
  Legend
   ========================================================================== */
.c-legend__item a {
  display: flex;
  align-items: center;
  padding: 0.6rem 0;
  color: #101820;
  text-decoration: none;
}
.c-legend__item a:hover, .c-legend__item a:focus {
  color: #1E64C8;
}
.c-legend__item a:focus {
  position: relative;
  transform: translateZ(0);
  outline: 0;
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}
.c-legend__item a:focus:not(:focus-visible) {
  box-shadow: none;
}
.c-legend__item a:focus-visible {
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}

.c-legend__item-name {
  font-size: 1.6rem;
}

.c-legend__mini-point {
  background: #9FA3A6;
  color: #FFF;
  border-radius: 100%;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-right: 0.8rem;
  position: relative;
  top: 0.1rem;
  font-size: 1.2rem;
  font-weight: 600;
}

.c-legend__mini-point span {
  position: relative;
}

.c-legend-active-floor + ul .c-legend__mini-point {
  background: #1E64C8;
}

#legend-content ul {
  list-style: none;
  padding: 0 0 2rem;
}

#legend-content > li {
  margin-bottom: 2.6rem;
}

.c-legend__floor-name {
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
  color: #101820;
  margin: 0;
  padding: 1rem 0;
}

/* ==========================================================================
  Component: main layout
   ========================================================================== */
.c-main-layout {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
}

@media (min-width: 900px) {
  .c-main-layout {
    flex-direction: row;
  }
}
/* ==========================================================================
Component: c-modal
========================================================================== */
/* Component
  ========================================================================== */
.c-modal-context {
  position: fixed;
  z-index: 4001;
  width: 100%;
  background-color: #F3F3F4;
  overflow: scroll;
  height: 100%;
  transition: visibility 200ms linear 200ms, opacity 200ms linear 200ms;
  visibility: hidden;
  opacity: 0;
}
.c-modal-context.c-modal-context--visible {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 900px) {
  .c-modal-context {
    background-color: #fff;
    height: 100vh;
    top: 0;
    left: 0;
    padding: 0;
  }
}
.c-modal-context.c-modal-context--map {
  background-color: #fff;
  padding: 0;
}

.c-modal__content {
  outline: 0;
}
@media (min-width: 900px) {
  .c-modal__content {
    display: flex;
  }
}

.c-modal__body {
  background-color: #F3F3F4;
  transition: visibility 0s linear 200ms, opacity 200ms linear, transform 0.2s ease-in-out;
  visibility: hidden;
  transform: translateY(-2rem) scale(0.99);
  opacity: 0;
  padding: 4.8rem 2.4rem;
}
.c-modal-context--visible .c-modal__body {
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
}
@media (min-width: 900px) {
  .c-modal__body {
    margin: 2.4rem;
    width: calc(100% - 9.6rem);
    height: calc(100vh - 4.8rem);
    padding: 8rem 8rem 4.8rem 8rem;
    overflow: scroll;
  }
}
@media (min-width: 1200px) {
  .c-modal__body {
    padding: 11rem;
  }
}

.c-modal .c-modal__sidebar .c-sidebar__nav {
  margin-left: auto;
}
@media (min-width: 900px) {
  .c-modal .c-modal__sidebar {
    height: 100vh;
  }
  .c-modal .c-modal__sidebar .c-sidebar__nav {
    margin-left: 0;
  }
  .c-modal .c-modal__sidebar .c-sidebar__nav-bottom {
    margin-top: auto;
  }
}

.c-modal--map {
  background-color: transparent;
}
@media (min-width: 900px) {
  .c-modal--map {
    margin: 0;
    padding: 0;
    height: 100vh;
  }
}

/* ==========================================================================
  Component: scroll wrapper
   ========================================================================== */
.c-scroll-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.c-scroll-wrapper__body {
  overflow: scroll;
  flex: 1;
  height: 100%;
}

/* ==========================================================================
  c-section
   ========================================================================== */
.c-section {
  font-size: 1.8rem;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  display: block;
  margin-bottom: 1.2rem;
}

.c-section--small {
  font-size: 1.6rem;
}

a.c-card__invisible-link + * + .c-section {
  color: #1E64C8;
}

/* ==========================================================================
  Component: navigation bar
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
   ========================================================================== */
.c-sidebar {
  background: #FFF;
  width: 100%;
  height: 6.4rem;
  border-bottom: 0.1rem solid #101820;
  padding: 1.2rem 0 1.2rem 1.6rem;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 900px) {
  .c-sidebar {
    width: 9.6rem;
    height: 100%;
    border-bottom: none;
    border-right: 0.1rem solid #101820;
    padding: 2.4rem 1rem 3.6rem 1rem;
    flex-direction: column;
  }
}

.c-sidebar__menu {
  flex: 1;
  overflow: hidden;
}

.c-sidebar__logo {
  display: flex;
  align-items: center;
  position: relative;
}
.c-sidebar__logo:focus {
  transform: translateZ(0);
  outline: 0;
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}
.c-sidebar__logo:focus:not(:focus-visible) {
  box-shadow: none;
}
.c-sidebar__logo:focus-visible {
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}
@media (min-width: 900px) {
  .c-sidebar__logo {
    padding-top: 1.2rem;
    flex-direction: column;
  }
}
.c-sidebar__logo img {
  height: 4rem;
  margin-right: 1.2rem;
}
@media (min-width: 900px) {
  .c-sidebar__logo img {
    max-width: 3.4rem;
    height: 100%;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}

.c-sidebar__brand {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #101820;
  letter-spacing: 0.05rem;
  line-height: 1;
}
@media (min-width: 900px) {
  .c-sidebar__brand {
    margin-bottom: 1.6rem;
  }
}
.c-sidebar__brand.c-sidebar__brand--mobile {
  max-width: 11rem;
}
.c-sidebar__brand.c-sidebar__brand--desktop {
  display: none;
  font-size: 1.3rem;
}
@media (min-width: 900px) {
  .c-sidebar__brand.c-sidebar__brand--mobile {
    display: none;
  }
  .c-sidebar__brand.c-sidebar__brand--desktop {
    display: block;
  }
}

.c-sidebar__nav {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 900px) {
  .c-sidebar__nav {
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
  }
}

.c-sidebar__nav-top {
  display: flex;
  flex-direction: row;
}
@media (min-width: 900px) {
  .c-sidebar__nav-top {
    flex-direction: column;
  }
  .c-sidebar__nav-top .c-button + .c-button {
    margin-left: 0;
    margin-top: 0.8rem;
  }
}

.c-sidebar__nav-bottom {
  display: flex;
  flex-direction: row;
}
@media (min-width: 900px) {
  .c-sidebar__nav-bottom {
    flex-direction: column;
  }
  .c-sidebar__nav-bottom .c-button + .c-button {
    margin-left: 0;
    margin-top: 0.8rem;
  }
}

.c-sidebar + .o-scroll-wrapper {
  width: 100%;
}
@media (min-width: 900px) {
  .c-sidebar + .o-scroll-wrapper {
    width: calc(100% - 9.6rem);
  }
}

/* ==========================================================================
   c-slider
   ========================================================================== */
ul.c-slider__slides {
  padding: 0;
}

.c-slider {
  width: 100%;
  overflow: visible;
}

.tns-inner::-webkit-scrollbar {
  display: none;
}

.c-slider .tns-ovh {
  overflow: visible;
}

/* Hide scrollbar for IE and Edge */
.tns-inner {
  -ms-overflow-style: none;
}

.c-slider-item {
  cursor: grab;
  position: relative;
}
.c-slider-item:active {
  cursor: grabbing;
}

.c-slider-item__img img {
  display: block;
}

.c-slider__controls {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 4.8rem;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.c-slider__controls .c-button + .c-button {
  margin-left: 0.4rem;
}
.c-slider__controls .c-button[disabled] {
  display: none;
}
.c-slider__controls .c-button[data-controls=next] {
  margin-left: auto;
}

@media (max-width: 700px) {
  .c-slider__controls {
    display: none;
  }
}
.tns-nav {
  display: flex;
  justify-content: center;
  margin-top: 1.6rem;
}

.tns-nav button[aria-controls] {
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 100%;
  display: inline-block;
  padding: 0.4rem;
  margin: 0;
  background-color: #9FA3A6;
  border: none;
  margin-right: 0.8rem;
}
.tns-nav button[aria-controls].tns-nav-active {
  background-color: #101820;
}
.u-bg-black-90 .tns-nav button[aria-controls].tns-nav-active {
  background-color: #fff;
}
.tns-nav button[aria-controls]:last-child {
  margin-right: 0;
}

#c-skip-nav {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-decoration: none;
  padding: 0.8rem;
  text-align: center;
  background: #F3F3F4;
  color: #40464D;
}

#c-skip-nav:focus {
  display: block;
  position: fixed;
  left: 1.6rem;
  top: 1.2rem;
  right: 1.6rem;
  margin: 1.6rem 5.6rem 0;
  width: auto;
  height: auto;
  overflow: visible;
  z-index: 100;
  max-width: 65%;
  margin: 0 auto;
}
@media (min-width: 900px) {
  #c-skip-nav:focus {
    top: 1.6rem;
  }
}

/* ==========================================================================
  c-text-icon
   ========================================================================== */
.c-text-and-icon--medium {
  margin: 0 0 2.4rem;
}
.c-text-and-icon--medium .c-text__label {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.25;
}

.c-text-and-icon--big {
  margin: 0 0 2.4rem;
}
.c-text-and-icon--big .c-text__label {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.25;
}

.c-text-and-icon {
  display: flex;
  align-items: center;
  color: #101820;
  text-decoration: none;
  transition: color 200ms ease-in-out;
  border-radius: 0.3rem;
}
.c-text-and-icon:hover, .c-text-and-icon:focus {
  color: #1E64C8;
}
.c-text-and-icon:hover .c-icon, .c-text-and-icon:focus .c-icon {
  transform: translateX(0.4rem);
}
.c-text-and-icon:focus {
  position: relative;
  transform: translateZ(0);
  outline: 0;
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}
.c-text-and-icon:focus:not(:focus-visible) {
  box-shadow: none;
}
.c-text-and-icon:focus-visible {
  box-shadow: 0 0 0 2px white, 0 0 0 5px #1E64C8;
}
.c-text-and-icon .c-text__label {
  margin-right: 1.2rem;
}
.c-text-and-icon .c-icon {
  transition: transform 200ms ease-in-out;
}

/* Map
  ========================================================================== */
/* ==========================================================================
  Div structure for the map
  -
  Code outside of ITCSS regular component structure
   ========================================================================== */
#map-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

#map-wrapper__map {
  position: relative;
  width: 100%;
  height: calc(100vh - 6.4rem);
}
@media (min-width: 900px) {
  #map-wrapper__map {
    height: 100vh;
    padding: 2.4rem;
  }
}

#map-wrapper.legend-visible #show-legend svg {
  transform: rotate(-90deg);
}

#map-wrapper #show-legend svg {
  transform: rotate(90deg);
}

@media (min-width: 900px) {
  #map-wrapper.legend-visible #show-legend svg {
    transform: rotate(0deg);
  }

  #map-wrapper #show-legend svg {
    transform: rotate(180deg);
  }
}
#map-wrapper #map-wrapper__legend {
  display: none;
}

#map-wrapper.legend-visible #map-wrapper__legend {
  position: relative;
  overflow: scroll;
  background: #FFF;
  padding: 2.4rem;
  height: calc(35vh - 1.6rem);
  display: block;
  border-top: 0.1rem solid #000;
}
@media (min-width: 900px) {
  #map-wrapper.legend-visible #map-wrapper__legend {
    border: none;
  }
}

#map-wrapper.legend-visible #map-wrapper__map {
  height: calc(65vh - 4.8rem);
}

@media (min-width: 900px) {
  #map-wrapper {
    flex-direction: row;
  }

  #map-wrapper.legend-visible #map-wrapper__map {
    width: 75%;
    flex: 1 0 auto;
    padding: 2.4rem;
    height: 100vh;
  }

  #map-wrapper.legend-visible #map-wrapper__legend {
    flex: 1 0 25%;
    position: relative;
    padding: 3.2rem 3.2rem 3.2rem 0.8rem;
    height: 100vh;
    overflow-y: scroll;
  }
}
#map-containers {
  position: relative;
  width: 100%;
  height: 100%;
}

#map-containers > #map-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* ==========================================================================
  Map
   ========================================================================== */
/* Adjust the map background */
.leaflet-container {
  background: #F3F3F4;
}

/* ==========================================================================
  Markers
   ========================================================================== */
/* Adjust customization to Leaflet where we render a div instead of a bitmap marker */
.leaflet-div-icon {
  border: none;
  background: none;
  display: relative;
}

.marker,
.marker-bg {
  position: absolute;
  left: -0.7rem;
  bottom: -0.7rem;
  user-select: none;
  text-align: center;
  color: #FFF;
  font-size: 1.4rem;
  height: 2.8rem;
  width: 2.8rem;
  line-height: 2.8rem;
  font-weight: 500;
}

.leaflet-marker-icon {
  display: none !important;
}

.leaflet-marker-icon.floor-active {
  display: block !important;
}

.floor-active .marker-bg {
  border-radius: 100%;
}

.marker-bg {
  background: #1E64C8;
  box-shadow: 0 0 0 0.4rem rgba(30, 100, 200, 0.25);
  border-radius: 100%;
  transition: background ease-out 0.17s, box-shadow ease-out 0.17s;
}

.marker-bg.marker-bg--inactive {
  background: #9FA3A6;
  box-shadow: 0 0 0 0.4rem rgba(159, 163, 166, 0.25);
}

.leaflet-marker-icon:focus-visible .marker-bg {
  background: #000;
  box-shadow: 0 0 0 1.6rem rgba(25, 25, 25, 0.25);
}

.leaflet-marker-icon:focus .marker-bg,
.leaflet-marker-icon:active .marker-bg,
.leaflet-marker-icon:hover .marker-bg {
  background: #1E64C8;
  transition: box-shadow ease-in-out 0.17s;
  box-shadow: 0 0 0 0.8rem rgba(30, 100, 200, 0.25);
}

/* ==========================================================================
  Zoom controls
   ========================================================================== */
.c-map-controls-holder {
  position: absolute;
  z-index: 500;
  bottom: 1.6rem;
  right: 1.6rem;
}
.c-map-controls-holder .c-button:focus {
  z-index: 1000;
}

.c-map-controls-holder .c-button-toolbar {
  margin-top: 1.6rem;
}

.c-map-controls-holder button svg {
  pointer-events: none;
}

/* ==========================================================================
  Floor controls
   ========================================================================== */
#floor-controls {
  position: absolute;
  z-index: 500;
  top: 1.6rem;
  left: 1.6rem;
}

#floor-controls button {
  margin: 0;
}

/* ==========================================================================
  Mini point
  Used in popup
   ========================================================================== */
.popup-mini-point {
  background: #1E64C8;
  color: #FFF;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

.leaflet-popup-content img {
  max-width: 100%;
}

.leaflet-popup-content {
  font-size: 1.6rem;
}

.leaflet-popup-content .leaflet-popup-content__heading {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
}

.leaflet-popup-content__content-area {
  padding-bottom: 3.2rem;
  min-width: 24rem;
  max-width: 80vw;
}

.leaflet-popup-content .c-button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.leaflet-popup-content .c-button svg {
  margin-left: 0.8rem;
  width: 2rem;
  height: 2rem;
  margin-right: -0.4rem;
}

/* ==========================================================================
  Show legend wrapper
   ========================================================================== */
#show-legend-wrapper {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  z-index: 4000;
  display: none;
}

@media (min-height: 400px) {
  #show-legend-wrapper {
    display: block;
  }
}
@media (min-height: 600px) and (min-width: 600px) {
  #show-legend-wrapper {
    top: 1.6rem;
    right: 1.6rem;
  }
}
/* Vendor
   3rd party code
  ========================================================================== */
/* Leaflet default styles
   Optimized - Things we do not use are taken out
   ========================================================================== */
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 1.6rem;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 1.6rem;
}

.leaflet-left .leaflet-control {
  margin-left: 1.6rem;
}

.leaflet-right .leaflet-control {
  margin-right: 1.6rem;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  outline: 0;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-container a.leaflet-active {
  outline: 0.2rem solid orange;
}

.leaflet-zoom-box {
  border: 0.2rem dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

/* layers control */
.leaflet-control-layers {
  background: #fff;
  border: 0.1rem solid #000;
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 2rem;
}

.leaflet-popup-content-wrapper {
  padding: 0;
  text-align: left;
  border: 0.1rem solid #000;
}

.leaflet-popup-content {
  margin: 0;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 0.1rem solid #ddd;
  border-top: 0.1rem solid #ddd;
}

.leaflet-popup-close-button {
  display: none;
}

/* Styles for laters control; styling radio buttons (leaflet default for layers) as buttons to accord to design
   ========================================================================== */
.leaflet-control-layers-expanded {
  color: #333;
  background: #fff;
}

.leaflet-control-layers-base input {
  appearance: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0.01;
  display: block;
  border: none;
}

.leaflet-control-layers-base input + span {
  background: #FFF;
  font-size: 1.6rem;
  line-height: 3.8rem;
  width: 3.8rem;
  height: 3.8rem;
  text-align: center;
  display: block;
  font-weight: 600;
}

.leaflet-control-layers-base label div {
  border-bottom: 0.1rem solid #000;
}

.leaflet-control-layers-base label:last-child div {
  border-bottom: none;
}

.leaflet-control-layers-base input:hover + span {
  background: #EEE;
}

.leaflet-control-layers-base input:checked + span {
  background: #000;
  color: #FFF;
}

/* Focus styles
   ref: https://css-tricks.com/keyboard-only-focus-styles/
   ========================================================================== */
.leaflet-control-layers-base input:focus + span {
  box-shadow: 0 0 0 1px #FFF, 0 0 0 4px #1E64C8;
  position: relative;
}

.leaflet-control-layers-base input:focus:not(:focus-visible) + span {
  box-shadow: none;
}

.leaflet-control-layers-base input:focus-visible + span {
  box-shadow: 0 0 0 1px #FFF, 0 0 0 4px #1E64C8;
  position: relative;
}

/* Utilities: specific helper classes, overrides
  ========================================================================== */
/* ==========================================================================
  u-bg
  Background
   ========================================================================== */
.u-bg-white {
  background: #FFF;
}

.u-bg-black-5 {
  background: #F3F3F4 !important;
}

.u-bg-black-90 {
  background: #282F36;
}

/**
 * Utility: Generic
 * ===
 * Set of generic helping classes
 */
.u-maximize-height {
  height: 100% !important;
}

.u-maximize-width {
  width: 100% !important;
}

.u-float-right {
  float: right !important;
}

.u-center-m {
  margin: 0 auto !important;
}

.u-nowrap {
  white-space: nowrap !important;
}

.u-position-relative {
  position: relative !important;
}

.u-position-absolute {
  position: absolute !important;
}

.u-ta-center {
  text-align: center !important;
}

.u-hidden {
  display: none !important;
}

.u-opacity-50 {
  opacity: 0.5;
}

.u-scroll {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

.u-overflow-hidden,
.u-kill-scroll {
  overflow: hidden !important;
}

.u-m0 {
  margin: 0 !important;
}

.u-sr-accessible {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.u-sr-accessible-table-cell {
  display: flex;
  position: absolute;
  left: -10000px;
  top: -10000px;
  width: 0;
  height: 1px;
  overflow: hidden;
  padding: 0 !important;
  background: #FFF;
  margin: 0 !important;
}

.u-limit-width {
  max-width: 60rem;
}

.u-text-editable {
  border-bottom: 1px dotted #666;
  cursor: pointer;
}

.u-remove-link-styling a,
.u-remove-link-styling {
  color: #40464D;
}

.u-sticky {
  position: sticky;
  top: 2.4rem;
}

.u-body-flex {
  display: flex;
  flex-direction: column;
}

.u-content-flex {
  flex: 1 0 auto;
}

.u-footer-flex {
  flex-shrink: 0;
}

.u-link-muted {
  color: inherit;
}

/* ==========================================================================
  Utility: spacing
  ========================================================================== */
/* Resets
  ========================================================================== */
.u-spacing-m-0 {
  margin: 0 !important;
}

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

.u-spacer-p-xs-0 {
  padding: 0rem !important;
}

.u-spacer-p-xs-1 {
  padding: 0.8rem !important;
}

.u-spacer-p-xs-2 {
  padding: 1.6rem !important;
}

.u-spacer-p-xs-3 {
  padding: 2.4rem !important;
}

.u-spacer-p-xs-4 {
  padding: 3.2rem !important;
}

.u-spacer-p-xs-5 {
  padding: 4rem !important;
}

.u-spacer-p-xs-6 {
  padding: 4.8rem !important;
}

.u-spacer-p-xs-12 {
  padding: 9.6rem !important;
}

.u-spacer-pt-xs-0 {
  padding-top: 0rem !important;
}

.u-spacer-pt-xs-1 {
  padding-top: 0.8rem !important;
}

.u-spacer-pt-xs-2 {
  padding-top: 1.6rem !important;
}

.u-spacer-pt-xs-3 {
  padding-top: 2.4rem !important;
}

.u-spacer-pt-xs-4 {
  padding-top: 3.2rem !important;
}

.u-spacer-pt-xs-5 {
  padding-top: 4rem !important;
}

.u-spacer-pt-xs-6 {
  padding-top: 4.8rem !important;
}

.u-spacer-pt-xs-12 {
  padding-top: 9.6rem !important;
}

.u-spacer-pr-xs-0 {
  padding-right: 0rem !important;
}

.u-spacer-pr-xs-1 {
  padding-right: 0.8rem !important;
}

.u-spacer-pr-xs-2 {
  padding-right: 1.6rem !important;
}

.u-spacer-pr-xs-3 {
  padding-right: 2.4rem !important;
}

.u-spacer-pr-xs-4 {
  padding-right: 3.2rem !important;
}

.u-spacer-pr-xs-5 {
  padding-right: 4rem !important;
}

.u-spacer-pr-xs-6 {
  padding-right: 4.8rem !important;
}

.u-spacer-pr-xs-12 {
  padding-right: 9.6rem !important;
}

.u-spacer-pb-xs-0 {
  padding-bottom: 0rem !important;
}

.u-spacer-pb-xs-1 {
  padding-bottom: 0.8rem !important;
}

.u-spacer-pb-xs-2 {
  padding-bottom: 1.6rem !important;
}

.u-spacer-pb-xs-3 {
  padding-bottom: 2.4rem !important;
}

.u-spacer-pb-xs-4 {
  padding-bottom: 3.2rem !important;
}

.u-spacer-pb-xs-5 {
  padding-bottom: 4rem !important;
}

.u-spacer-pb-xs-6 {
  padding-bottom: 4.8rem !important;
}

.u-spacer-pb-xs-12 {
  padding-bottom: 9.6rem !important;
}

.u-spacer-pl-xs-0 {
  padding-left: 0rem !important;
}

.u-spacer-pl-xs-1 {
  padding-left: 0.8rem !important;
}

.u-spacer-pl-xs-2 {
  padding-left: 1.6rem !important;
}

.u-spacer-pl-xs-3 {
  padding-left: 2.4rem !important;
}

.u-spacer-pl-xs-4 {
  padding-left: 3.2rem !important;
}

.u-spacer-pl-xs-5 {
  padding-left: 4rem !important;
}

.u-spacer-pl-xs-6 {
  padding-left: 4.8rem !important;
}

.u-spacer-pl-xs-12 {
  padding-left: 9.6rem !important;
}

.u-spacer-m-xs-0 {
  margin: 0rem !important;
}

.u-spacer-m-xs-1 {
  margin: 0.8rem !important;
}

.u-spacer-m-xs-2 {
  margin: 1.6rem !important;
}

.u-spacer-m-xs-3 {
  margin: 2.4rem !important;
}

.u-spacer-m-xs-4 {
  margin: 3.2rem !important;
}

.u-spacer-m-xs-5 {
  margin: 4rem !important;
}

.u-spacer-m-xs-6 {
  margin: 4.8rem !important;
}

.u-spacer-m-xs-12 {
  margin: 9.6rem !important;
}

.u-spacer-mt-xs-0 {
  margin-top: 0rem !important;
}

.u-spacer-mt-xs-1 {
  margin-top: 0.8rem !important;
}

.u-spacer-mt-xs-2 {
  margin-top: 1.6rem !important;
}

.u-spacer-mt-xs-3 {
  margin-top: 2.4rem !important;
}

.u-spacer-mt-xs-4 {
  margin-top: 3.2rem !important;
}

.u-spacer-mt-xs-5 {
  margin-top: 4rem !important;
}

.u-spacer-mt-xs-6 {
  margin-top: 4.8rem !important;
}

.u-spacer-mt-xs-12 {
  margin-top: 9.6rem !important;
}

.u-spacer-mr-xs-0 {
  margin-right: 0rem !important;
}

.u-spacer-mr-xs-1 {
  margin-right: 0.8rem !important;
}

.u-spacer-mr-xs-2 {
  margin-right: 1.6rem !important;
}

.u-spacer-mr-xs-3 {
  margin-right: 2.4rem !important;
}

.u-spacer-mr-xs-4 {
  margin-right: 3.2rem !important;
}

.u-spacer-mr-xs-5 {
  margin-right: 4rem !important;
}

.u-spacer-mr-xs-6 {
  margin-right: 4.8rem !important;
}

.u-spacer-mr-xs-12 {
  margin-right: 9.6rem !important;
}

.u-spacer-mb-xs-0 {
  margin-bottom: 0rem !important;
}

.u-spacer-mb-xs-1 {
  margin-bottom: 0.8rem !important;
}

.u-spacer-mb-xs-2 {
  margin-bottom: 1.6rem !important;
}

.u-spacer-mb-xs-3 {
  margin-bottom: 2.4rem !important;
}

.u-spacer-mb-xs-4 {
  margin-bottom: 3.2rem !important;
}

.u-spacer-mb-xs-5 {
  margin-bottom: 4rem !important;
}

.u-spacer-mb-xs-6 {
  margin-bottom: 4.8rem !important;
}

.u-spacer-mb-xs-12 {
  margin-bottom: 9.6rem !important;
}

.u-spacer-ml-xs-0 {
  margin-left: 0rem !important;
}

.u-spacer-ml-xs-1 {
  margin-left: 0.8rem !important;
}

.u-spacer-ml-xs-2 {
  margin-left: 1.6rem !important;
}

.u-spacer-ml-xs-3 {
  margin-left: 2.4rem !important;
}

.u-spacer-ml-xs-4 {
  margin-left: 3.2rem !important;
}

.u-spacer-ml-xs-5 {
  margin-left: 4rem !important;
}

.u-spacer-ml-xs-6 {
  margin-left: 4.8rem !important;
}

.u-spacer-ml-xs-12 {
  margin-left: 9.6rem !important;
}

@media screen and (min-width: 400px) {
  .u-spacer-p-sm-0 {
    padding: 0rem !important;
  }

  .u-spacer-p-sm-1 {
    padding: 0.8rem !important;
  }

  .u-spacer-p-sm-2 {
    padding: 1.6rem !important;
  }

  .u-spacer-p-sm-3 {
    padding: 2.4rem !important;
  }

  .u-spacer-p-sm-4 {
    padding: 3.2rem !important;
  }

  .u-spacer-p-sm-5 {
    padding: 4rem !important;
  }

  .u-spacer-p-sm-6 {
    padding: 4.8rem !important;
  }

  .u-spacer-p-sm-12 {
    padding: 9.6rem !important;
  }

  .u-spacer-pt-sm-0 {
    padding-top: 0rem !important;
  }

  .u-spacer-pt-sm-1 {
    padding-top: 0.8rem !important;
  }

  .u-spacer-pt-sm-2 {
    padding-top: 1.6rem !important;
  }

  .u-spacer-pt-sm-3 {
    padding-top: 2.4rem !important;
  }

  .u-spacer-pt-sm-4 {
    padding-top: 3.2rem !important;
  }

  .u-spacer-pt-sm-5 {
    padding-top: 4rem !important;
  }

  .u-spacer-pt-sm-6 {
    padding-top: 4.8rem !important;
  }

  .u-spacer-pt-sm-12 {
    padding-top: 9.6rem !important;
  }

  .u-spacer-pr-sm-0 {
    padding-right: 0rem !important;
  }

  .u-spacer-pr-sm-1 {
    padding-right: 0.8rem !important;
  }

  .u-spacer-pr-sm-2 {
    padding-right: 1.6rem !important;
  }

  .u-spacer-pr-sm-3 {
    padding-right: 2.4rem !important;
  }

  .u-spacer-pr-sm-4 {
    padding-right: 3.2rem !important;
  }

  .u-spacer-pr-sm-5 {
    padding-right: 4rem !important;
  }

  .u-spacer-pr-sm-6 {
    padding-right: 4.8rem !important;
  }

  .u-spacer-pr-sm-12 {
    padding-right: 9.6rem !important;
  }

  .u-spacer-pb-sm-0 {
    padding-bottom: 0rem !important;
  }

  .u-spacer-pb-sm-1 {
    padding-bottom: 0.8rem !important;
  }

  .u-spacer-pb-sm-2 {
    padding-bottom: 1.6rem !important;
  }

  .u-spacer-pb-sm-3 {
    padding-bottom: 2.4rem !important;
  }

  .u-spacer-pb-sm-4 {
    padding-bottom: 3.2rem !important;
  }

  .u-spacer-pb-sm-5 {
    padding-bottom: 4rem !important;
  }

  .u-spacer-pb-sm-6 {
    padding-bottom: 4.8rem !important;
  }

  .u-spacer-pb-sm-12 {
    padding-bottom: 9.6rem !important;
  }

  .u-spacer-pl-sm-0 {
    padding-left: 0rem !important;
  }

  .u-spacer-pl-sm-1 {
    padding-left: 0.8rem !important;
  }

  .u-spacer-pl-sm-2 {
    padding-left: 1.6rem !important;
  }

  .u-spacer-pl-sm-3 {
    padding-left: 2.4rem !important;
  }

  .u-spacer-pl-sm-4 {
    padding-left: 3.2rem !important;
  }

  .u-spacer-pl-sm-5 {
    padding-left: 4rem !important;
  }

  .u-spacer-pl-sm-6 {
    padding-left: 4.8rem !important;
  }

  .u-spacer-pl-sm-12 {
    padding-left: 9.6rem !important;
  }

  .u-spacer-m-sm-0 {
    margin: 0rem !important;
  }

  .u-spacer-m-sm-1 {
    margin: 0.8rem !important;
  }

  .u-spacer-m-sm-2 {
    margin: 1.6rem !important;
  }

  .u-spacer-m-sm-3 {
    margin: 2.4rem !important;
  }

  .u-spacer-m-sm-4 {
    margin: 3.2rem !important;
  }

  .u-spacer-m-sm-5 {
    margin: 4rem !important;
  }

  .u-spacer-m-sm-6 {
    margin: 4.8rem !important;
  }

  .u-spacer-m-sm-12 {
    margin: 9.6rem !important;
  }

  .u-spacer-mt-sm-0 {
    margin-top: 0rem !important;
  }

  .u-spacer-mt-sm-1 {
    margin-top: 0.8rem !important;
  }

  .u-spacer-mt-sm-2 {
    margin-top: 1.6rem !important;
  }

  .u-spacer-mt-sm-3 {
    margin-top: 2.4rem !important;
  }

  .u-spacer-mt-sm-4 {
    margin-top: 3.2rem !important;
  }

  .u-spacer-mt-sm-5 {
    margin-top: 4rem !important;
  }

  .u-spacer-mt-sm-6 {
    margin-top: 4.8rem !important;
  }

  .u-spacer-mt-sm-12 {
    margin-top: 9.6rem !important;
  }

  .u-spacer-mr-sm-0 {
    margin-right: 0rem !important;
  }

  .u-spacer-mr-sm-1 {
    margin-right: 0.8rem !important;
  }

  .u-spacer-mr-sm-2 {
    margin-right: 1.6rem !important;
  }

  .u-spacer-mr-sm-3 {
    margin-right: 2.4rem !important;
  }

  .u-spacer-mr-sm-4 {
    margin-right: 3.2rem !important;
  }

  .u-spacer-mr-sm-5 {
    margin-right: 4rem !important;
  }

  .u-spacer-mr-sm-6 {
    margin-right: 4.8rem !important;
  }

  .u-spacer-mr-sm-12 {
    margin-right: 9.6rem !important;
  }

  .u-spacer-mb-sm-0 {
    margin-bottom: 0rem !important;
  }

  .u-spacer-mb-sm-1 {
    margin-bottom: 0.8rem !important;
  }

  .u-spacer-mb-sm-2 {
    margin-bottom: 1.6rem !important;
  }

  .u-spacer-mb-sm-3 {
    margin-bottom: 2.4rem !important;
  }

  .u-spacer-mb-sm-4 {
    margin-bottom: 3.2rem !important;
  }

  .u-spacer-mb-sm-5 {
    margin-bottom: 4rem !important;
  }

  .u-spacer-mb-sm-6 {
    margin-bottom: 4.8rem !important;
  }

  .u-spacer-mb-sm-12 {
    margin-bottom: 9.6rem !important;
  }

  .u-spacer-ml-sm-0 {
    margin-left: 0rem !important;
  }

  .u-spacer-ml-sm-1 {
    margin-left: 0.8rem !important;
  }

  .u-spacer-ml-sm-2 {
    margin-left: 1.6rem !important;
  }

  .u-spacer-ml-sm-3 {
    margin-left: 2.4rem !important;
  }

  .u-spacer-ml-sm-4 {
    margin-left: 3.2rem !important;
  }

  .u-spacer-ml-sm-5 {
    margin-left: 4rem !important;
  }

  .u-spacer-ml-sm-6 {
    margin-left: 4.8rem !important;
  }

  .u-spacer-ml-sm-12 {
    margin-left: 9.6rem !important;
  }
}
@media screen and (min-width: 700px) {
  .u-spacer-p-md-0 {
    padding: 0rem !important;
  }

  .u-spacer-p-md-1 {
    padding: 0.8rem !important;
  }

  .u-spacer-p-md-2 {
    padding: 1.6rem !important;
  }

  .u-spacer-p-md-3 {
    padding: 2.4rem !important;
  }

  .u-spacer-p-md-4 {
    padding: 3.2rem !important;
  }

  .u-spacer-p-md-5 {
    padding: 4rem !important;
  }

  .u-spacer-p-md-6 {
    padding: 4.8rem !important;
  }

  .u-spacer-p-md-12 {
    padding: 9.6rem !important;
  }

  .u-spacer-pt-md-0 {
    padding-top: 0rem !important;
  }

  .u-spacer-pt-md-1 {
    padding-top: 0.8rem !important;
  }

  .u-spacer-pt-md-2 {
    padding-top: 1.6rem !important;
  }

  .u-spacer-pt-md-3 {
    padding-top: 2.4rem !important;
  }

  .u-spacer-pt-md-4 {
    padding-top: 3.2rem !important;
  }

  .u-spacer-pt-md-5 {
    padding-top: 4rem !important;
  }

  .u-spacer-pt-md-6 {
    padding-top: 4.8rem !important;
  }

  .u-spacer-pt-md-12 {
    padding-top: 9.6rem !important;
  }

  .u-spacer-pr-md-0 {
    padding-right: 0rem !important;
  }

  .u-spacer-pr-md-1 {
    padding-right: 0.8rem !important;
  }

  .u-spacer-pr-md-2 {
    padding-right: 1.6rem !important;
  }

  .u-spacer-pr-md-3 {
    padding-right: 2.4rem !important;
  }

  .u-spacer-pr-md-4 {
    padding-right: 3.2rem !important;
  }

  .u-spacer-pr-md-5 {
    padding-right: 4rem !important;
  }

  .u-spacer-pr-md-6 {
    padding-right: 4.8rem !important;
  }

  .u-spacer-pr-md-12 {
    padding-right: 9.6rem !important;
  }

  .u-spacer-pb-md-0 {
    padding-bottom: 0rem !important;
  }

  .u-spacer-pb-md-1 {
    padding-bottom: 0.8rem !important;
  }

  .u-spacer-pb-md-2 {
    padding-bottom: 1.6rem !important;
  }

  .u-spacer-pb-md-3 {
    padding-bottom: 2.4rem !important;
  }

  .u-spacer-pb-md-4 {
    padding-bottom: 3.2rem !important;
  }

  .u-spacer-pb-md-5 {
    padding-bottom: 4rem !important;
  }

  .u-spacer-pb-md-6 {
    padding-bottom: 4.8rem !important;
  }

  .u-spacer-pb-md-12 {
    padding-bottom: 9.6rem !important;
  }

  .u-spacer-pl-md-0 {
    padding-left: 0rem !important;
  }

  .u-spacer-pl-md-1 {
    padding-left: 0.8rem !important;
  }

  .u-spacer-pl-md-2 {
    padding-left: 1.6rem !important;
  }

  .u-spacer-pl-md-3 {
    padding-left: 2.4rem !important;
  }

  .u-spacer-pl-md-4 {
    padding-left: 3.2rem !important;
  }

  .u-spacer-pl-md-5 {
    padding-left: 4rem !important;
  }

  .u-spacer-pl-md-6 {
    padding-left: 4.8rem !important;
  }

  .u-spacer-pl-md-12 {
    padding-left: 9.6rem !important;
  }

  .u-spacer-m-md-0 {
    margin: 0rem !important;
  }

  .u-spacer-m-md-1 {
    margin: 0.8rem !important;
  }

  .u-spacer-m-md-2 {
    margin: 1.6rem !important;
  }

  .u-spacer-m-md-3 {
    margin: 2.4rem !important;
  }

  .u-spacer-m-md-4 {
    margin: 3.2rem !important;
  }

  .u-spacer-m-md-5 {
    margin: 4rem !important;
  }

  .u-spacer-m-md-6 {
    margin: 4.8rem !important;
  }

  .u-spacer-m-md-12 {
    margin: 9.6rem !important;
  }

  .u-spacer-mt-md-0 {
    margin-top: 0rem !important;
  }

  .u-spacer-mt-md-1 {
    margin-top: 0.8rem !important;
  }

  .u-spacer-mt-md-2 {
    margin-top: 1.6rem !important;
  }

  .u-spacer-mt-md-3 {
    margin-top: 2.4rem !important;
  }

  .u-spacer-mt-md-4 {
    margin-top: 3.2rem !important;
  }

  .u-spacer-mt-md-5 {
    margin-top: 4rem !important;
  }

  .u-spacer-mt-md-6 {
    margin-top: 4.8rem !important;
  }

  .u-spacer-mt-md-12 {
    margin-top: 9.6rem !important;
  }

  .u-spacer-mr-md-0 {
    margin-right: 0rem !important;
  }

  .u-spacer-mr-md-1 {
    margin-right: 0.8rem !important;
  }

  .u-spacer-mr-md-2 {
    margin-right: 1.6rem !important;
  }

  .u-spacer-mr-md-3 {
    margin-right: 2.4rem !important;
  }

  .u-spacer-mr-md-4 {
    margin-right: 3.2rem !important;
  }

  .u-spacer-mr-md-5 {
    margin-right: 4rem !important;
  }

  .u-spacer-mr-md-6 {
    margin-right: 4.8rem !important;
  }

  .u-spacer-mr-md-12 {
    margin-right: 9.6rem !important;
  }

  .u-spacer-mb-md-0 {
    margin-bottom: 0rem !important;
  }

  .u-spacer-mb-md-1 {
    margin-bottom: 0.8rem !important;
  }

  .u-spacer-mb-md-2 {
    margin-bottom: 1.6rem !important;
  }

  .u-spacer-mb-md-3 {
    margin-bottom: 2.4rem !important;
  }

  .u-spacer-mb-md-4 {
    margin-bottom: 3.2rem !important;
  }

  .u-spacer-mb-md-5 {
    margin-bottom: 4rem !important;
  }

  .u-spacer-mb-md-6 {
    margin-bottom: 4.8rem !important;
  }

  .u-spacer-mb-md-12 {
    margin-bottom: 9.6rem !important;
  }

  .u-spacer-ml-md-0 {
    margin-left: 0rem !important;
  }

  .u-spacer-ml-md-1 {
    margin-left: 0.8rem !important;
  }

  .u-spacer-ml-md-2 {
    margin-left: 1.6rem !important;
  }

  .u-spacer-ml-md-3 {
    margin-left: 2.4rem !important;
  }

  .u-spacer-ml-md-4 {
    margin-left: 3.2rem !important;
  }

  .u-spacer-ml-md-5 {
    margin-left: 4rem !important;
  }

  .u-spacer-ml-md-6 {
    margin-left: 4.8rem !important;
  }

  .u-spacer-ml-md-12 {
    margin-left: 9.6rem !important;
  }
}
@media screen and (min-width: 900px) {
  .u-spacer-p-lg-0 {
    padding: 0rem !important;
  }

  .u-spacer-p-lg-1 {
    padding: 0.8rem !important;
  }

  .u-spacer-p-lg-2 {
    padding: 1.6rem !important;
  }

  .u-spacer-p-lg-3 {
    padding: 2.4rem !important;
  }

  .u-spacer-p-lg-4 {
    padding: 3.2rem !important;
  }

  .u-spacer-p-lg-5 {
    padding: 4rem !important;
  }

  .u-spacer-p-lg-6 {
    padding: 4.8rem !important;
  }

  .u-spacer-p-lg-12 {
    padding: 9.6rem !important;
  }

  .u-spacer-pt-lg-0 {
    padding-top: 0rem !important;
  }

  .u-spacer-pt-lg-1 {
    padding-top: 0.8rem !important;
  }

  .u-spacer-pt-lg-2 {
    padding-top: 1.6rem !important;
  }

  .u-spacer-pt-lg-3 {
    padding-top: 2.4rem !important;
  }

  .u-spacer-pt-lg-4 {
    padding-top: 3.2rem !important;
  }

  .u-spacer-pt-lg-5 {
    padding-top: 4rem !important;
  }

  .u-spacer-pt-lg-6 {
    padding-top: 4.8rem !important;
  }

  .u-spacer-pt-lg-12 {
    padding-top: 9.6rem !important;
  }

  .u-spacer-pr-lg-0 {
    padding-right: 0rem !important;
  }

  .u-spacer-pr-lg-1 {
    padding-right: 0.8rem !important;
  }

  .u-spacer-pr-lg-2 {
    padding-right: 1.6rem !important;
  }

  .u-spacer-pr-lg-3 {
    padding-right: 2.4rem !important;
  }

  .u-spacer-pr-lg-4 {
    padding-right: 3.2rem !important;
  }

  .u-spacer-pr-lg-5 {
    padding-right: 4rem !important;
  }

  .u-spacer-pr-lg-6 {
    padding-right: 4.8rem !important;
  }

  .u-spacer-pr-lg-12 {
    padding-right: 9.6rem !important;
  }

  .u-spacer-pb-lg-0 {
    padding-bottom: 0rem !important;
  }

  .u-spacer-pb-lg-1 {
    padding-bottom: 0.8rem !important;
  }

  .u-spacer-pb-lg-2 {
    padding-bottom: 1.6rem !important;
  }

  .u-spacer-pb-lg-3 {
    padding-bottom: 2.4rem !important;
  }

  .u-spacer-pb-lg-4 {
    padding-bottom: 3.2rem !important;
  }

  .u-spacer-pb-lg-5 {
    padding-bottom: 4rem !important;
  }

  .u-spacer-pb-lg-6 {
    padding-bottom: 4.8rem !important;
  }

  .u-spacer-pb-lg-12 {
    padding-bottom: 9.6rem !important;
  }

  .u-spacer-pl-lg-0 {
    padding-left: 0rem !important;
  }

  .u-spacer-pl-lg-1 {
    padding-left: 0.8rem !important;
  }

  .u-spacer-pl-lg-2 {
    padding-left: 1.6rem !important;
  }

  .u-spacer-pl-lg-3 {
    padding-left: 2.4rem !important;
  }

  .u-spacer-pl-lg-4 {
    padding-left: 3.2rem !important;
  }

  .u-spacer-pl-lg-5 {
    padding-left: 4rem !important;
  }

  .u-spacer-pl-lg-6 {
    padding-left: 4.8rem !important;
  }

  .u-spacer-pl-lg-12 {
    padding-left: 9.6rem !important;
  }

  .u-spacer-m-lg-0 {
    margin: 0rem !important;
  }

  .u-spacer-m-lg-1 {
    margin: 0.8rem !important;
  }

  .u-spacer-m-lg-2 {
    margin: 1.6rem !important;
  }

  .u-spacer-m-lg-3 {
    margin: 2.4rem !important;
  }

  .u-spacer-m-lg-4 {
    margin: 3.2rem !important;
  }

  .u-spacer-m-lg-5 {
    margin: 4rem !important;
  }

  .u-spacer-m-lg-6 {
    margin: 4.8rem !important;
  }

  .u-spacer-m-lg-12 {
    margin: 9.6rem !important;
  }

  .u-spacer-mt-lg-0 {
    margin-top: 0rem !important;
  }

  .u-spacer-mt-lg-1 {
    margin-top: 0.8rem !important;
  }

  .u-spacer-mt-lg-2 {
    margin-top: 1.6rem !important;
  }

  .u-spacer-mt-lg-3 {
    margin-top: 2.4rem !important;
  }

  .u-spacer-mt-lg-4 {
    margin-top: 3.2rem !important;
  }

  .u-spacer-mt-lg-5 {
    margin-top: 4rem !important;
  }

  .u-spacer-mt-lg-6 {
    margin-top: 4.8rem !important;
  }

  .u-spacer-mt-lg-12 {
    margin-top: 9.6rem !important;
  }

  .u-spacer-mr-lg-0 {
    margin-right: 0rem !important;
  }

  .u-spacer-mr-lg-1 {
    margin-right: 0.8rem !important;
  }

  .u-spacer-mr-lg-2 {
    margin-right: 1.6rem !important;
  }

  .u-spacer-mr-lg-3 {
    margin-right: 2.4rem !important;
  }

  .u-spacer-mr-lg-4 {
    margin-right: 3.2rem !important;
  }

  .u-spacer-mr-lg-5 {
    margin-right: 4rem !important;
  }

  .u-spacer-mr-lg-6 {
    margin-right: 4.8rem !important;
  }

  .u-spacer-mr-lg-12 {
    margin-right: 9.6rem !important;
  }

  .u-spacer-mb-lg-0 {
    margin-bottom: 0rem !important;
  }

  .u-spacer-mb-lg-1 {
    margin-bottom: 0.8rem !important;
  }

  .u-spacer-mb-lg-2 {
    margin-bottom: 1.6rem !important;
  }

  .u-spacer-mb-lg-3 {
    margin-bottom: 2.4rem !important;
  }

  .u-spacer-mb-lg-4 {
    margin-bottom: 3.2rem !important;
  }

  .u-spacer-mb-lg-5 {
    margin-bottom: 4rem !important;
  }

  .u-spacer-mb-lg-6 {
    margin-bottom: 4.8rem !important;
  }

  .u-spacer-mb-lg-12 {
    margin-bottom: 9.6rem !important;
  }

  .u-spacer-ml-lg-0 {
    margin-left: 0rem !important;
  }

  .u-spacer-ml-lg-1 {
    margin-left: 0.8rem !important;
  }

  .u-spacer-ml-lg-2 {
    margin-left: 1.6rem !important;
  }

  .u-spacer-ml-lg-3 {
    margin-left: 2.4rem !important;
  }

  .u-spacer-ml-lg-4 {
    margin-left: 3.2rem !important;
  }

  .u-spacer-ml-lg-5 {
    margin-left: 4rem !important;
  }

  .u-spacer-ml-lg-6 {
    margin-left: 4.8rem !important;
  }

  .u-spacer-ml-lg-12 {
    margin-left: 9.6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-spacer-p-xl-0 {
    padding: 0rem !important;
  }

  .u-spacer-p-xl-1 {
    padding: 0.8rem !important;
  }

  .u-spacer-p-xl-2 {
    padding: 1.6rem !important;
  }

  .u-spacer-p-xl-3 {
    padding: 2.4rem !important;
  }

  .u-spacer-p-xl-4 {
    padding: 3.2rem !important;
  }

  .u-spacer-p-xl-5 {
    padding: 4rem !important;
  }

  .u-spacer-p-xl-6 {
    padding: 4.8rem !important;
  }

  .u-spacer-p-xl-12 {
    padding: 9.6rem !important;
  }

  .u-spacer-pt-xl-0 {
    padding-top: 0rem !important;
  }

  .u-spacer-pt-xl-1 {
    padding-top: 0.8rem !important;
  }

  .u-spacer-pt-xl-2 {
    padding-top: 1.6rem !important;
  }

  .u-spacer-pt-xl-3 {
    padding-top: 2.4rem !important;
  }

  .u-spacer-pt-xl-4 {
    padding-top: 3.2rem !important;
  }

  .u-spacer-pt-xl-5 {
    padding-top: 4rem !important;
  }

  .u-spacer-pt-xl-6 {
    padding-top: 4.8rem !important;
  }

  .u-spacer-pt-xl-12 {
    padding-top: 9.6rem !important;
  }

  .u-spacer-pr-xl-0 {
    padding-right: 0rem !important;
  }

  .u-spacer-pr-xl-1 {
    padding-right: 0.8rem !important;
  }

  .u-spacer-pr-xl-2 {
    padding-right: 1.6rem !important;
  }

  .u-spacer-pr-xl-3 {
    padding-right: 2.4rem !important;
  }

  .u-spacer-pr-xl-4 {
    padding-right: 3.2rem !important;
  }

  .u-spacer-pr-xl-5 {
    padding-right: 4rem !important;
  }

  .u-spacer-pr-xl-6 {
    padding-right: 4.8rem !important;
  }

  .u-spacer-pr-xl-12 {
    padding-right: 9.6rem !important;
  }

  .u-spacer-pb-xl-0 {
    padding-bottom: 0rem !important;
  }

  .u-spacer-pb-xl-1 {
    padding-bottom: 0.8rem !important;
  }

  .u-spacer-pb-xl-2 {
    padding-bottom: 1.6rem !important;
  }

  .u-spacer-pb-xl-3 {
    padding-bottom: 2.4rem !important;
  }

  .u-spacer-pb-xl-4 {
    padding-bottom: 3.2rem !important;
  }

  .u-spacer-pb-xl-5 {
    padding-bottom: 4rem !important;
  }

  .u-spacer-pb-xl-6 {
    padding-bottom: 4.8rem !important;
  }

  .u-spacer-pb-xl-12 {
    padding-bottom: 9.6rem !important;
  }

  .u-spacer-pl-xl-0 {
    padding-left: 0rem !important;
  }

  .u-spacer-pl-xl-1 {
    padding-left: 0.8rem !important;
  }

  .u-spacer-pl-xl-2 {
    padding-left: 1.6rem !important;
  }

  .u-spacer-pl-xl-3 {
    padding-left: 2.4rem !important;
  }

  .u-spacer-pl-xl-4 {
    padding-left: 3.2rem !important;
  }

  .u-spacer-pl-xl-5 {
    padding-left: 4rem !important;
  }

  .u-spacer-pl-xl-6 {
    padding-left: 4.8rem !important;
  }

  .u-spacer-pl-xl-12 {
    padding-left: 9.6rem !important;
  }

  .u-spacer-m-xl-0 {
    margin: 0rem !important;
  }

  .u-spacer-m-xl-1 {
    margin: 0.8rem !important;
  }

  .u-spacer-m-xl-2 {
    margin: 1.6rem !important;
  }

  .u-spacer-m-xl-3 {
    margin: 2.4rem !important;
  }

  .u-spacer-m-xl-4 {
    margin: 3.2rem !important;
  }

  .u-spacer-m-xl-5 {
    margin: 4rem !important;
  }

  .u-spacer-m-xl-6 {
    margin: 4.8rem !important;
  }

  .u-spacer-m-xl-12 {
    margin: 9.6rem !important;
  }

  .u-spacer-mt-xl-0 {
    margin-top: 0rem !important;
  }

  .u-spacer-mt-xl-1 {
    margin-top: 0.8rem !important;
  }

  .u-spacer-mt-xl-2 {
    margin-top: 1.6rem !important;
  }

  .u-spacer-mt-xl-3 {
    margin-top: 2.4rem !important;
  }

  .u-spacer-mt-xl-4 {
    margin-top: 3.2rem !important;
  }

  .u-spacer-mt-xl-5 {
    margin-top: 4rem !important;
  }

  .u-spacer-mt-xl-6 {
    margin-top: 4.8rem !important;
  }

  .u-spacer-mt-xl-12 {
    margin-top: 9.6rem !important;
  }

  .u-spacer-mr-xl-0 {
    margin-right: 0rem !important;
  }

  .u-spacer-mr-xl-1 {
    margin-right: 0.8rem !important;
  }

  .u-spacer-mr-xl-2 {
    margin-right: 1.6rem !important;
  }

  .u-spacer-mr-xl-3 {
    margin-right: 2.4rem !important;
  }

  .u-spacer-mr-xl-4 {
    margin-right: 3.2rem !important;
  }

  .u-spacer-mr-xl-5 {
    margin-right: 4rem !important;
  }

  .u-spacer-mr-xl-6 {
    margin-right: 4.8rem !important;
  }

  .u-spacer-mr-xl-12 {
    margin-right: 9.6rem !important;
  }

  .u-spacer-mb-xl-0 {
    margin-bottom: 0rem !important;
  }

  .u-spacer-mb-xl-1 {
    margin-bottom: 0.8rem !important;
  }

  .u-spacer-mb-xl-2 {
    margin-bottom: 1.6rem !important;
  }

  .u-spacer-mb-xl-3 {
    margin-bottom: 2.4rem !important;
  }

  .u-spacer-mb-xl-4 {
    margin-bottom: 3.2rem !important;
  }

  .u-spacer-mb-xl-5 {
    margin-bottom: 4rem !important;
  }

  .u-spacer-mb-xl-6 {
    margin-bottom: 4.8rem !important;
  }

  .u-spacer-mb-xl-12 {
    margin-bottom: 9.6rem !important;
  }

  .u-spacer-ml-xl-0 {
    margin-left: 0rem !important;
  }

  .u-spacer-ml-xl-1 {
    margin-left: 0.8rem !important;
  }

  .u-spacer-ml-xl-2 {
    margin-left: 1.6rem !important;
  }

  .u-spacer-ml-xl-3 {
    margin-left: 2.4rem !important;
  }

  .u-spacer-ml-xl-4 {
    margin-left: 3.2rem !important;
  }

  .u-spacer-ml-xl-5 {
    margin-left: 4rem !important;
  }

  .u-spacer-ml-xl-6 {
    margin-left: 4.8rem !important;
  }

  .u-spacer-ml-xl-12 {
    margin-left: 9.6rem !important;
  }
}
/* ==========================================================================
  Responsive behavior
   ========================================================================== */
/* Responsive vehavior for main nav
   ========================================================================== */
.u-mq-switch-main-nav-very-little-space {
  display: none;
}
@media (max-width: 599px) {
  .u-mq-switch-main-nav-very-little-space {
    display: block;
  }
}

.u-mq-switch-main-nav-little-space {
  display: none;
}
@media (min-width: 600px) {
  .u-mq-switch-main-nav-little-space {
    display: block;
  }
}
@media (min-width: 1100px) {
  .u-mq-switch-main-nav-little-space {
    display: none;
  }
}

.u-mq-switch-main-nav-has-space {
  display: none;
}
@media (min-width: 1100px) {
  .u-mq-switch-main-nav-has-space {
    display: block;
  }
}

.u-mq-switch-main-nav-user-dropdown {
  display: none;
}
@media (min-width: 600px) {
  .u-mq-switch-main-nav-user-dropdown {
    display: block;
  }
}

.u-mq-switch-main-nav-notifications {
  display: none;
}
@media (min-width: 450px) {
  .u-mq-switch-main-nav-notifications {
    display: block;
  }
}

.u-mq-switch-main-nav-authentication {
  display: none;
}
@media (min-width: 450px) {
  .u-mq-switch-main-nav-authentication {
    display: block;
  }
}

/* ==========================================================================
  Utility: Text
  ===
  Text-related utility classes
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Utilities
   ========================================================================== */
.u-text-muted {
  color: #707479 !important;
}

.u-text-muted-i, .u-text-muted-i p {
  color: #9FA3A6 !important;
}

.u-text-primary {
  color: #1E64C8 !important;
}

.u-text-success {
  color: #00C070 !important;
}
.u-text-success .o-svg-icon {
  color: #00C070 !important;
}

.u-text-danger {
  color: #DC4E28 !important;
}

.u-text-bold {
  font-weight: 500 !important;
}

.u-text-center {
  text-align: center !important;
}

.u-text-right {
  text-align: right !important;
}

.u-text-hidden {
  display: none !important;
}

.u-text-uc {
  text-transform: uppercase !important;
}

@media (min-width: 900px) {
  .u-text-col-2 {
    column-count: 2;
    column-gap: 2.4rem;
  }
  .u-text-col-2 p:first-child {
    margin-top: 0;
  }
}

/* ==========================================================================
  Utility: display
  ===
  Display-related utility classes
   ========================================================================== */
/* Utilities
   ========================================================================== */
.u-d-block {
  display: block;
}

/* Responsive utilities
   ========================================================================== */
@media (min-width: 400px) {
  .u-max-bp1-d-none {
    display: none !important;
  }
}

.u-min-bp1-d-block {
  display: none;
}
@media (min-width: 400px) {
  .u-min-bp1-d-block {
    display: block;
  }
}

@media (min-width: 700px) {
  .u-max-bp2-d-none {
    display: none !important;
  }
}

.u-min-bp2-d-block {
  display: none;
}
@media (min-width: 700px) {
  .u-min-bp2-d-block {
    display: block;
  }
}

@media (min-width: 900px) {
  .u-max-bp3-d-none {
    display: none !important;
  }
}

.u-min-bp3-d-block {
  display: none;
}
@media (min-width: 900px) {
  .u-min-bp3-d-block {
    display: block;
  }
}

.u-min-bp3-d-flex {
  display: none;
}
@media (min-width: 900px) {
  .u-min-bp3-d-flex {
    display: flex;
  }
}

@media (min-width: 1200px) {
  .u-max-bp4-d-none {
    display: none;
  }
}

.u-min-bp4-d-block {
  display: none;
}
@media (min-width: 1200px) {
  .u-min-bp4-d-block {
    display: block;
  }
}

.u-min-bp4-d-flex {
  display: none;
}
@media (min-width: 1200px) {
  .u-min-bp4-d-flex {
    display: flex;
  }
}

/* Custom utilities
  ========================================================================== */
/* ==========================================================================
  Utility: Vertical divider
   ========================================================================== */
.u-vertical-divider {
  width: 0.1rem;
  height: 3.2rem;
  background: #CFD1D2;
}

/*# sourceMappingURL=main.css.map */