@charset "UTF-8";
/* Settings */ /* =========================================================================  */
/* Maths */
/* =========================================================================  */
/**
 * Returns a given list with each value multiplied by the given multiplier,
 * and optionnally adjusts the result of each multiplication with
 * the given margin.
 *
 * @param {List} $values - a list of numbers.
 * @param {Int} $multiplier - the multiplier.
 * @param {Int} $margin - A positive/negative number (optional).
 */
/**
 * Returns the value to be set as spacing for the inner element to be positioned
 * where we want it when contained in a wider, touch-friendly area.
 *
 * E.g. for an icon of 16x16, we want the user to be able to tap it easily, so
 * the outer `a` element is set to a width of 44px. We want the icon to be
 * positioned 20px from the viewport edge. The function will return the right
 * value to be set as X position for the `a`, in that case 6px.
 *
 * @param {String} $el-length - the width/height of the visible element.
 * @param {String} - $el-to-edge-distance — the distance between the element
 *     and the edge of the closest positioned parent.
 * @param {String} - $touch-area-length - the width/height of the
 *     touch area (optional).
 */
/* =========================================================================  */
/* Units */
/* =========================================================================  */
/**
 * Returns a rem-based value from a px-based input.
 *
 * @param {String} $px-value - eg. 16px.
 * @param {String} $base-font-size - eg. 16px (optional).
 *
 * @requires @function `base-font-size`.
 */
/**
 * Returns an em-based value from a px-based input.
 *
 * @param {String} $px-value - eg. 16px.
 * @param {String} $base-font-size - eg. 16px (optional).
 *
 * @requires @function `base-font-size`.
 */
/* =========================================================================  */
/* Typography */
/* =========================================================================  */
/**
 * Returns the font size defined for the given font map key
 * before any breakpoint kicks in.
 *
 * @param {String} $font-map-key - the key for the target font map in $fonts.
 *
 * @requires @variable $fonts.
 *
 * 1. Get the font map for the given key.
 * 2. Get the font size map.
 * 3. Return the font size using the base
 *    font size.
 */
/**
 * Returns the font size defined for the given font map key
 * at the given breakpoint.
 *
 * @param {String} $font-map-key - the key for the target font map in $fonts.
 * @param {String} $breakpoint - a breakpoint in
 *     $layouts-break-point (optional).
 *
 * @requires @variable $fonts.
 *
 * 1. Get the font map for the given key.
 * 2. Get the font size map.
 * 3. Return the font size using provided breakpoint.
 */
/**
 * Returns the line height defined for the given font map key
 * before any breakpoint kicks in.
 *
 * @param {String} $font-map-key - the key for the target font map in $fonts.
 *
 * @requires @variable $fonts.
 *
 * 1. Get the font map for the given key.
 * 2. Get the line-height map.
 * 3. Return the line height using the base
 *    font size.
 */
/**
 * Returns an em-based value from a unitless value.
 *
 * @param {Int} $unitless-number - a letter spacing value
 *     gotten from a design app.
 */
/* =========================================================================  */
/* Layout */
/* =========================================================================  */
/**
 * Returns a property value defined at a breakpoint.
 */
/* =========================================================================  */
/* Resets */
/* =========================================================================  */
/**
 * Resets list styles.
 */
/**
 * Resets button styles for a common cross-browser base.
 */
/**
 * Resets input styles for a common cross-browser base.
 */
/* =========================================================================  */
/* Layout */
/* =========================================================================  */
/**
 * Wraps the bracketed @content into a media query matching
 * the given breakpoint key.
 *
 * @param {String} $from - the min-width breakpoint.
 * @param {String} $to - the max-width breakpoint (optional).
 *
 * @requires @variable $layouts-name.
 * @requires @variable $layouts-break-point.
 */
/**
 * Clears floating children elements.
 */
/* =========================================================================  */
/* Breakpoint loops */
/* =========================================================================  */
/**
 * For a given property, outputs the value for a given list of values matching
 * (binding on index) the $layouts-break-point list.
 *
 * @requires @mixin `media-query`.
 * @requries @variable $layouts-name.
 *
 * @requires mixin `media-query`.
 * @requires @variable $layouts-name.
 */
/* =========================================================================  */
/* Typography */
/* =========================================================================  */
/**
 * Outputs the font-family rule with the fallbak to start with and the webfont
 * once loaded.
 *
 * @param {String} $type - the type of font.
 *
 * @requires @variable $sans-serif-fallback
 * @requires @variable $sans-serif
 * @requires @variable $sans-serif-fallback
 * @requires @variable $sans-serif
 */
/**
 * Outputs all properties and values for each breakpoint in a given font map.
 *
 * @param {String} $font-map-key - the key to a font map in $fonts.
 *
 * @requires @mixin `responsive`.
 * @requires @mixin `font-family`.
 * @requires @variable $fonts.
 */
/**
 * Outputs font size for each breakpoint in a given font map.
 *
 * @param {String} $font-map-key - the key to a font map in $fonts.
 *
 * @requires @mixin `responsive`.
 * @requires @variable $fonts.
 *
 * 1. Get the font map.
 * 2. Get the font size map.
 * 3. Run the responsive mixin with `font-size`
 *    as property and ``$fs-responsive-map` as map.
 */
/**
 * Outputs a font property value from a given property and breakpoint
 * e.g. : margin: font-property-value('body-sans', 'line-height', 'main');
 *
 * @param {String} $font-map-key - the key to a font map in $fonts.
 * @param {String} $property - the property needed (font-size or line-height).
 * @param {String} $breakpoint - a breakpoint in $layouts-break-point.
 *
 * @requires @variable $fonts.
 *
 * 1. Get the font map.
 * 2. Get the property map.
 * 3. Return the value at a specific breakpoint
 */
/* =========================================================================  */
/* Visibility */
/* =========================================================================  */
/**
 * Hides content visually.
 */
/**
 * Reverts visibility of visually hidden element.
 */
/* =========================================================================  */
/* Interactivity */
/* =========================================================================  */
/**
 * @mixin `interaction`
 *
 * Outputs bracketed @content as focus state, as well as
 * breakpoint-based hover state.
 *
 * @param {String} $altering-element - a CSS selector for the element
 *     that will inherit the rules, space-prefixed if not pseudo-element.
 * @param {Bool} $remove-outline - whether to remove the outline or not.
 * @param {String} $from-breakpoint - a breakpoint in $layouts-break-point.
 *
 * @requires mixin `media-query`.
 * @requires @variable $layouts-break-point.
 */
/**
 * Expands the target area of the inner link to the boundaries
 * of the current CSS selector.
 *
 * @param {String} $link-selector - a CSS selector
 *     for the inner link (optional).
 * @param {String} $pseudo-element - `before` or `after` (optional).
 * @param {Int} $z-ghost-link - the z-index to apply
 *     to the pseudo element (optional).
 */
/* =========================================================================  */
/* Decoration */
/* =========================================================================  */
/**
 * Prevents jump when underline is applied on interaction by presetting the
 * bottom padding.
 *
 * @requires global @variable $underline-bottom-padding.
 */
/**
 * Underlines text using the background-image technique.
 *
 * @param {Bool} $keep-padding - Set to true to keep previously defined bottom padding
 * @param {String} $y-pos - the position of the underline on the Y axis only if $keep-padding is true (optional).
 * @param {String} $display - the type of CSS display (optional).
 * @param {String} $color - the color of the underline (optional).
 * @param {String} $padding-bottom - the padding added to the bottom of the text string (optional).
 * @requires global @variable $underline-bottom-padding.
 * @requires global @variable $underline-thickness.
 */
/**
 * Sets the color of the underline.
 *
 * @param {String} $color - the color of the underline.
 */
/**
 * Sets the position of the underline on the Y axis.
 *
 * @param {String} $y-pos - the position of the underline on the Y axis.
 */
/**
 * @mixin `prefix`
 *
 * Generates some prefix selector, often associated with a class selector.
 *
 * @param `$prefix` {string} or {list} - prefix classname (without the `.`).
 * @param `$associated-class` {string} - (optional, default: '').
 *
 * @example: `@include prefix( ('u-bt', 'u-bg-'), '.classname') { ... }`
 */
[data-whatintent=mouse] .s-click-focus {
  outline: none;
}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

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

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

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

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

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 0;
}

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

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

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

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

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

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

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

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

/**
 * Avoid italics for cite and address
 */
cite, address {
  font-style: normal;
}

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html, body {
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6, ul, li, p {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style-type: none;
}

img {
  border: 0;
  display: block;
  -ms-interpolation-mode: bicubic;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

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

/*
img {
  height: auto;
  width: auto;
}
*/
/* =========================================================================  */
/* Layout settings */
/* =========================================================================  */
:root {
  --margin: 1.8rem;
  --margin-container: 1.8rem;
  --carousel-padding-bottom: calc(var(--margin) * 2);
}
@media only screen and (min-width: 600px) {
  :root {
    --margin: 2.4rem;
    --margin-container: 2.4rem;
  }
}
@media only screen and (min-width: 960px) {
  :root {
    --margin: 2.8rem;
    --margin-container: 2.8rem;
  }
}
@media only screen and (min-width: 1280px) {
  :root {
    --margin: 2.8rem;
    --margin-container: 5.6rem;
  }
}
@media only screen and (min-width: 1680px) {
  :root {
    --margin: 2.8rem;
    --margin-container: 8.4rem;
  }
}

/* =========================================================================  */
/* Layout mix-ins */
/* =========================================================================  */
/* =========================================================================  */
/* Font Stacks */
/* =========================================================================  */
/* =========================================================================  */
/* Type variables */
/* =========================================================================  */
/* =========================================================================  */
/* Font maps */
/* =========================================================================  */
/* =========================================================================  */
/* Font settings */
/* =========================================================================  */
:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-primary: #0B34C6;
  --color-light: #0099FF;
  --color-dark: #1C1046;
  --color-yellow: #FFC800;
  --color-gray: #EBEBEB;
  --color-text: #232323;
  --color-text-link: var(--color-primary);
  --color-text-link-hover: var(--color-primary);
  --color-text-inverted: #ffffff;
  --color-text-gray: #8e8e8e;
  --color-background: var(--color-primary);
  --color-background-light: var(--color-light);
  --color-background-dark: var(--color-dark);
  --color-highlight: var(--color-primary);
  --color-border: rgba(0,0,0,0.25);
  --color-border-field: rgba(0,0,0,0.25);
  --color-border-inverted: rgba(255,255,255,0.3);
  --opacity-text-faded: 0.5;
}

.text-color-primary {
  color: #0B34C6;
  color: var(--color-primary);
}

.text-color-light {
  color: #0099FF;
  color: var(--color-light);
}

.text-color-dark {
  color: #1C1046;
  color: var(--color-dark);
}

.has-color-inverted,
.has-color-primary,
.c-highlight__inner:hover,
.c-highlight--colour .c-highlight__inner:hover,
.c-nav-mobile,
.has-color-dark,
.c-highlight--colour .c-highlight__inner,
.c-mobile-nav,
body[data-menu-open=true] .c-site-header {
  --color-border: rgba(255,255,255,0.3);
}

.has-color-light {
  --color-border: rgba(255,255,255,0.45);
}

.has-color-inverted {
  background-color: #0B34C6;
  background-color: var(--color-background);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.has-color-primary {
  background-color: #0B34C6;
  background-color: var(--color-background);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-highlight__inner:hover {
  background-color: #0B34C6;
  background-color: var(--color-background);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-highlight--colour .c-highlight__inner:hover {
  background-color: #0B34C6;
  background-color: var(--color-background);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-nav-mobile {
  background-color: #0B34C6;
  background-color: var(--color-background);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.has-background-blue {
  background-color: #0B34C6;
  background-color: var(--color-background);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.has-color-light {
  background-color: #0099FF;
  background-color: var(--color-background-light);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.has-background-light-blue {
  background-color: #0099FF;
  background-color: var(--color-background-light);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.has-color-dark {
  background-color: #1C1046;
  background-color: var(--color-background-dark);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-highlight--colour .c-highlight__inner {
  background-color: #1C1046;
  background-color: var(--color-background-dark);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-mobile-nav {
  background-color: #1C1046;
  background-color: var(--color-background-dark);
  color: #ffffff;
  color: var(--color-text-inverted);
}

body[data-menu-open=true] .c-site-header {
  background-color: #1C1046;
  background-color: var(--color-background-dark);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.has-background-dark-blue {
  background-color: #1C1046;
  background-color: var(--color-background-dark);
  color: #ffffff;
  color: var(--color-text-inverted);
}

/**
 * Settings
 */
/**
 * Easings
 */
/**
 * Core
 */
[data-sal] {
  transition-duration: 0.4s;
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-duration: var(--sal-duration, 0.4s);
  transition-delay: 0s;
  transition-delay: var(--sal-delay, 0s);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: var(--sal-easing, cubic-bezier(0.4, 0, 0.2, 1));
}

[data-sal][data-sal-duration="200"] {
  transition-duration: 0.2s;
}

[data-sal][data-sal-duration="250"] {
  transition-duration: 0.25s;
}

[data-sal][data-sal-duration="300"] {
  transition-duration: 0.3s;
}

[data-sal][data-sal-duration="350"] {
  transition-duration: 0.35s;
}

[data-sal][data-sal-duration="400"] {
  transition-duration: 0.4s;
}

[data-sal][data-sal-duration="450"] {
  transition-duration: 0.45s;
}

[data-sal][data-sal-duration="500"] {
  transition-duration: 0.5s;
}

[data-sal][data-sal-duration="550"] {
  transition-duration: 0.55s;
}

[data-sal][data-sal-duration="600"] {
  transition-duration: 0.6s;
}

[data-sal][data-sal-duration="650"] {
  transition-duration: 0.65s;
}

[data-sal][data-sal-duration="700"] {
  transition-duration: 0.7s;
}

[data-sal][data-sal-duration="750"] {
  transition-duration: 0.75s;
}

[data-sal][data-sal-duration="800"] {
  transition-duration: 0.8s;
}

[data-sal][data-sal-duration="850"] {
  transition-duration: 0.85s;
}

[data-sal][data-sal-duration="900"] {
  transition-duration: 0.9s;
}

[data-sal][data-sal-duration="950"] {
  transition-duration: 0.95s;
}

[data-sal][data-sal-duration="1000"] {
  transition-duration: 1s;
}

[data-sal][data-sal-duration="1050"] {
  transition-duration: 1.05s;
}

[data-sal][data-sal-duration="1100"] {
  transition-duration: 1.1s;
}

[data-sal][data-sal-duration="1150"] {
  transition-duration: 1.15s;
}

[data-sal][data-sal-duration="1200"] {
  transition-duration: 1.2s;
}

[data-sal][data-sal-duration="1250"] {
  transition-duration: 1.25s;
}

[data-sal][data-sal-duration="1300"] {
  transition-duration: 1.3s;
}

[data-sal][data-sal-duration="1350"] {
  transition-duration: 1.35s;
}

[data-sal][data-sal-duration="1400"] {
  transition-duration: 1.4s;
}

[data-sal][data-sal-duration="1450"] {
  transition-duration: 1.45s;
}

[data-sal][data-sal-duration="1500"] {
  transition-duration: 1.5s;
}

[data-sal][data-sal-duration="1550"] {
  transition-duration: 1.55s;
}

[data-sal][data-sal-duration="1600"] {
  transition-duration: 1.6s;
}

[data-sal][data-sal-duration="1650"] {
  transition-duration: 1.65s;
}

[data-sal][data-sal-duration="1700"] {
  transition-duration: 1.7s;
}

[data-sal][data-sal-duration="1750"] {
  transition-duration: 1.75s;
}

[data-sal][data-sal-duration="1800"] {
  transition-duration: 1.8s;
}

[data-sal][data-sal-duration="1850"] {
  transition-duration: 1.85s;
}

[data-sal][data-sal-duration="1900"] {
  transition-duration: 1.9s;
}

[data-sal][data-sal-duration="1950"] {
  transition-duration: 1.95s;
}

[data-sal][data-sal-duration="2000"] {
  transition-duration: 2s;
}

[data-sal][data-sal-delay="50"] {
  transition-delay: 0.05s;
}

[data-sal][data-sal-delay="100"] {
  transition-delay: 0.1s;
}

[data-sal][data-sal-delay="150"] {
  transition-delay: 0.15s;
}

[data-sal][data-sal-delay="200"] {
  transition-delay: 0.2s;
}

[data-sal][data-sal-delay="250"] {
  transition-delay: 0.25s;
}

[data-sal][data-sal-delay="300"] {
  transition-delay: 0.3s;
}

[data-sal][data-sal-delay="350"] {
  transition-delay: 0.35s;
}

[data-sal][data-sal-delay="400"] {
  transition-delay: 0.4s;
}

[data-sal][data-sal-delay="450"] {
  transition-delay: 0.45s;
}

[data-sal][data-sal-delay="500"] {
  transition-delay: 0.5s;
}

[data-sal][data-sal-delay="550"] {
  transition-delay: 0.55s;
}

[data-sal][data-sal-delay="600"] {
  transition-delay: 0.6s;
}

[data-sal][data-sal-delay="650"] {
  transition-delay: 0.65s;
}

[data-sal][data-sal-delay="700"] {
  transition-delay: 0.7s;
}

[data-sal][data-sal-delay="750"] {
  transition-delay: 0.75s;
}

[data-sal][data-sal-delay="800"] {
  transition-delay: 0.8s;
}

[data-sal][data-sal-delay="850"] {
  transition-delay: 0.85s;
}

[data-sal][data-sal-delay="900"] {
  transition-delay: 0.9s;
}

[data-sal][data-sal-delay="950"] {
  transition-delay: 0.95s;
}

[data-sal][data-sal-delay="1000"] {
  transition-delay: 1s;
}

[data-sal][data-sal-easing=linear] {
  transition-timing-function: linear;
}

[data-sal][data-sal-easing=ease] {
  transition-timing-function: ease;
}

[data-sal][data-sal-easing=ease-in] {
  transition-timing-function: ease-in;
}

[data-sal][data-sal-easing=ease-out] {
  transition-timing-function: ease-out;
}

[data-sal][data-sal-easing=ease-in-out] {
  transition-timing-function: ease-in-out;
}

[data-sal][data-sal-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

[data-sal][data-sal-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-circ] {
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

[data-sal][data-sal-easing=ease-out-circ] {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-sal][data-sal-easing=ease-in-out-circ] {
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

[data-sal][data-sal-easing=ease-in-expo] {
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

[data-sal][data-sal-easing=ease-out-expo] {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

[data-sal][data-sal-easing=ease-in-out-expo] {
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

[data-sal][data-sal-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-sal][data-sal-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sal][data-sal-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-sal][data-sal-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

[data-sal][data-sal-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-sal][data-sal-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

[data-sal][data-sal-easing=ease-in-quint] {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

[data-sal][data-sal-easing=ease-out-quint] {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

[data-sal][data-sal-easing=ease-in-out-quint] {
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

[data-sal][data-sal-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-sal][data-sal-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-sal][data-sal-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-sal][data-sal-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-sal][data-sal-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-sal][data-sal-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-sal][data-sal-easing=ease-custom] {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/**
 * Animations
 */
[data-sal|=fade] {
  opacity: 0;
  transition-property: opacity;
}

[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
  opacity: 1;
}

[data-sal|=slide] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-sal=slide-up] {
  opacity: 1;
  transform: translateY(15%);
}

[data-sal=slide-down] {
  transform: translateY(-15%);
}

[data-sal=slide-left] {
  transform: translateX(15%);
}

[data-sal=slide-right] {
  transform: translateX(-15%);
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
  opacity: 1;
  transform: none;
}

[data-sal|=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-sal=zoom-in] {
  transform: scale(0.5);
}

[data-sal=zoom-out] {
  transform: scale(1.1);
}

[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
  opacity: 1;
  transform: none;
}

[data-sal|=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform;
}

[data-sal=flip-left] {
  transform: perspective(2000px) rotateY(-91deg);
}

[data-sal=flip-right] {
  transform: perspective(2000px) rotateY(91deg);
}

[data-sal=flip-up] {
  transform: perspective(2000px) rotateX(-91deg);
}

[data-sal=flip-down] {
  transform: perspective(2000px) rotateX(91deg);
}

[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip] {
  transform: none;
}

/* Base */
html {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
}

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

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

body.no-scroll {
  overflow: hidden;
}

html.no-js img {
  opacity: 1 !important;
}
html.no-js img.lazyload {
  display: none !important;
}

hr {
  width: 100%;
  height: 1px;
  background-color: rgba(0,0,0,0.25);
  background-color: var(--color-border);
  border: none;
}

.js-view-container section[data-section] {
  display: none;
}

.js-view-container[data-view=list] section[data-section=list] {
  display: block;
}

.js-view-container[data-view=map] section[data-section=map] {
  display: block;
}

/* =========================================================================  */
/* Base typography */
/* =========================================================================  */
html {
  color: #000000;
  color: var(--color-black);
  font-family: "liberation-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  line-height: 1.35em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (min-width: 600px) {
  body {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  body {
    font-size: 1.8rem;
  }
}
a {
  color: inherit;
  text-decoration: none;
}

p {
  margin-bottom: 1.25em;
  max-width: 45em;
}
p:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
  font-size: inherit;
}

sup {
  top: -0.75em;
  font-size: 50%;
}

b, strong {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

/* =========================================================================  */
/* Typesetting */
/* =========================================================================  */
.t-small,
.t-sans-small {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 960px) {
  .t-small,
  .t-sans-small {
    font-size: 1.3rem;
  }
}
.t-ui,
.t-sans-ui,
.o-text cite {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 600px) {
  .t-ui,
  .t-sans-ui,
  .o-text cite {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .t-ui,
  .t-sans-ui,
  .o-text cite {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .t-ui,
  .t-sans-ui,
  .o-text cite {
    font-size: 1.5rem;
  }
}
.t-body,
.t-sans-body,
.o-text p,
.o-text ul,
.o-text ol,
.o-text h3 {
  font-size: 1.4rem;
  line-height: 1.35em;
}
@media only screen and (min-width: 600px) {
  .t-body,
  .t-sans-body,
  .o-text p,
  .o-text ul,
  .o-text ol,
  .o-text h3 {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  .t-body,
  .t-sans-body,
  .o-text p,
  .o-text ul,
  .o-text ol,
  .o-text h3 {
    font-size: 1.8rem;
  }
}
.t-larger,
.t-sans-larger,
.o-text h2,
.o-title--medium {
  font-size: 2.1rem;
  letter-spacing: -0.035em;
  line-height: 1.133em;
  font-weight: 700;
  text-transform: lowercase;
}
@media only screen and (min-width: 600px) {
  .t-larger,
  .t-sans-larger,
  .o-text h2,
  .o-title--medium {
    font-size: 2.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .t-larger,
  .t-sans-larger,
  .o-text h2,
  .o-title--medium {
    font-size: 2.7rem;
  }
}
@media only screen and (min-width: 1280px) {
  .t-larger,
  .t-sans-larger,
  .o-text h2,
  .o-title--medium {
    font-size: 3rem;
  }
}
.t-large, .c-nav-mobile li,
.t-sans-large,
.o-text blockquote,
.o-text blockquote p,
.o-text .intro,
.o-text .intro p,
.o-text h1,
.o-title--large {
  font-size: 2.7rem;
  letter-spacing: -0.035em;
  line-height: 1.05em;
  font-weight: 700;
  text-transform: lowercase;
}
@media only screen and (min-width: 600px) {
  .t-large, .c-nav-mobile li,
  .t-sans-large,
  .o-text blockquote,
  .o-text blockquote p,
  .o-text .intro,
  .o-text .intro p,
  .o-text h1,
  .o-title--large {
    font-size: 3.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  .t-large, .c-nav-mobile li,
  .t-sans-large,
  .o-text blockquote,
  .o-text blockquote p,
  .o-text .intro,
  .o-text .intro p,
  .o-text h1,
  .o-title--large {
    font-size: 4rem;
  }
}
.t-faded {
  opacity: 0.5;
  opacity: var(--opacity-text-faded);
}
.t-gray {
  opacity: 0.5;
  opacity: var(--opacity-text-faded);
}

.t-huge,
.t-sans-huge {
  font-size: 4rem;
  letter-spacing: -0.04em;
  line-height: 0.96em;
  font-weight: 700;
  text-transform: lowercase;
}
@media only screen and (min-width: 960px) {
  .t-huge,
  .t-sans-huge {
    font-size: 5.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .t-huge,
  .t-sans-huge {
    font-size: 6.8rem;
  }
}
.t-serif-body {
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  font-size: 1.4rem;
  line-height: 1.35em;
}
@media only screen and (min-width: 600px) {
  .t-serif-body {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  .t-serif-body {
    font-size: 1.8rem;
  }
}
.t-serif-large {
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  font-size: 2.1rem;
  line-height: 1.25em;
}
@media only screen and (min-width: 600px) {
  .t-serif-large {
    font-size: 2.7rem;
  }
}
@media only screen and (min-width: 1280px) {
  .t-serif-large {
    font-size: 3rem;
  }
}
.t-num {
  -ms-font-feature-settings: "kern" 1, "liga" 1, "tnum" 1;
  -o-font-feature-settings: "kern" 1, "liga" 1, "tnum" 1;
  font-feature-settings: "kern" 1, "liga" 1, "tnum" 1;
}

.t-bold {
  font-weight: 700;
}

.t-link {
  color: #0B34C6;
  color: var(--color-text-link);
}
.t-link:hover {
  color: #0B34C6;
  color: var(--color-text-link-hover);
  text-decoration: underline;
}

/* Type overflow */
/* =========================================================================  */
.t-dont-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* =========================================================================  */
/* Type treatments */
/* =========================================================================  */
.t-center {
  text-align: center !important;
}

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

.t-uppercase {
  text-transform: uppercase !important;
}

.t-default {
  text-transform: none !important;
}

.t-comma-seperated {
  display: inline-flex;
}

.t-comma-seperated:after {
  content: ", ";
}

.t-comma-seperated:last-child:after {
  content: "";
}

.t-slash-seperated {
  display: inline-flex;
}

.t-slash-seperated:after {
  content: " / ";
}

.t-slash-seperated:last-child:after {
  content: "";
}

img, video, object, embed, iframe {
  max-width: 100%;
  vertical-align: top;
  border: none;
}

video {
  width: 100%;
  height: auto;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

img.lazyload,
img.lazyloading,
iframe.lazyload,
iframe.lazyloading,
video.lazyload,
video.lazyloading {
  opacity: 0;
}

img.lazyloaded,
video.lazyloaded,
iframe.lazyloaded {
  opacity: 1;
  transition: opacity 0.44s cubic-bezier(0.12, 0.67, 0.53, 1), transform 0.44s cubic-bezier(0.12, 0.67, 0.53, 1);
}

form {
  postion: relative;
  overflow: hidden;
  width: 100%;
}

input,
textarea,
button,
select {
  font-family: inherit;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: normal !important;
  vertical-align: middle;
  height: auto;
  display: inline-block;
  color: inherit;
}

select, option {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

input[type=text],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=submit],
select,
textarea {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

button,
a[type=button] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: inherit;
  font: inherit;
}

input[type=submit]:disabled {
  color: #8e8e8e;
  color: var(--color-text-gray);
}

::-webkit-input-placeholder {
  color: #8e8e8e;
  color: var(--color-text-gray);
}

::-moz-placeholder {
  color: #8e8e8e;
  color: var(--color-text-gray);
}

:-ms-input-placeholder {
  color: #8e8e8e;
  color: var(--color-text-gray);
}

input:-moz-placeholder {
  color: #8e8e8e;
  color: var(--color-text-gray);
}

.cc-window {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  opacity: 1;
  border-radius: 0px;
  transition: opacity 0.44s cubic-bezier(0.12, 0.67, 0.53, 1);
}

.cc-window.cc-invisible {
  opacity: 0;
}

.cc-animate.cc-revoke {
  transition: transform 0.44s cubic-bezier(0.12, 0.67, 0.53, 1);
}

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-top {
  transform: translateY(0);
}

.cc-animate.cc-revoke.cc-active.cc-bottom {
  transform: translateY(0);
}

.cc-revoke:hover {
  transform: translateY(0);
}

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.44s;
}

.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  display: flex;
  flex-wrap: nowrap;
  z-index: 9999;
}
@media only screen and (min-width: 960px) {
  .cc-revoke,
  .cc-window {
    font-size: 1.3rem;
  }
}
.cc-window.cc-static {
  position: static;
}

.cc-window.cc-floating {
  padding: calc(1.8rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  max-width: 24em;
  flex-direction: column;
}

@media only screen and (min-width: 1680px){
  .cc-window.cc-floating{
  padding: calc(2.8rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 1280px){
  .cc-window.cc-floating{
  padding: calc(2.8rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 960px){
  .cc-window.cc-floating{
  padding: calc(2.8rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 600px){
  .cc-window.cc-floating{
  padding: calc(2.4rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  }
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  flex-direction: row;
}

.cc-revoke {
  padding: 0.5em;
}

.cc-revoke:hover {
  text-decoration: underline;
}

.cc-header {
  font-size: 18px;
  font-weight: 700;
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer;
  outline: none;
}

.cc-link {
  display: inline-block;
  text-decoration: underline;
  opacity: 1;
  outline: none;
}

.cc-link:hover {
  opacity: 1;
}

.cc-link:active,
.cc-link:visited {
  color: initial;
}

.cc-btn {
  outline: none;
  display: block;
  color: #0B34C6;
  color: var(--color-primary);
  opacity: 1;
}
.cc-btn:hover {
  text-decoration: underline;
}

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline;
}

.cc-close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.6em;
  opacity: 0.9;
  line-height: 0.75;
}

.cc-close:focus,
.cc-close:hover {
  opacity: 1;
}

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}

.cc-top {
  top: 1.8rem;
  top: var(--margin);
}

@media only screen and (min-width: 1680px){
  .cc-top{
  top: 2.8rem;
  top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .cc-top{
  top: 2.8rem;
  top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .cc-top{
  top: 2.8rem;
  top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .cc-top{
  top: 2.4rem;
  top: var(--margin);
  }
}

.cc-left {
  left: 1.8rem;
  left: var(--margin);
}

@media only screen and (min-width: 1680px){
  .cc-left{
  left: 2.8rem;
  left: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .cc-left{
  left: 2.8rem;
  left: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .cc-left{
  left: 2.8rem;
  left: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .cc-left{
  left: 2.4rem;
  left: var(--margin);
  }
}

.cc-right {
  right: 1.8rem;
  right: var(--margin);
}

@media only screen and (min-width: 1680px){
  .cc-right{
  right: 2.8rem;
  right: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .cc-right{
  right: 2.8rem;
  right: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .cc-right{
  right: 2.8rem;
  right: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .cc-right{
  right: 2.4rem;
  right: var(--margin);
  }
}

.cc-bottom {
  bottom: 1.8rem;
  bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .cc-bottom{
  bottom: 2.8rem;
  bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .cc-bottom{
  bottom: 2.8rem;
  bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .cc-bottom{
  bottom: 2.8rem;
  bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .cc-bottom{
  bottom: 2.4rem;
  bottom: var(--margin);
  }
}

.cc-floating > .cc-link {
  margin-bottom: 1em;
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
  flex: 1 0 auto;
}

.cc-window.cc-banner {
  align-items: center;
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}

.cc-banner .cc-message {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  margin-right: 1em;
}

.cc-compliance {
  display: flex;
  align-items: center;
  align-content: space-between;
}

.cc-floating .cc-compliance > .cc-btn {
  flex: 1;
}

.cc-btn + .cc-btn {
  margin-left: 0.5em;
}

@media print {
  .cc-revoke,
  .cc-window {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }
  .cc-window.cc-bottom {
    bottom: 0;
  }
  .cc-window.cc-banner,
  .cc-window.cc-floating,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0;
  }
  .cc-window.cc-banner {
    flex-direction: column;
  }
  .cc-window.cc-banner .cc-compliance {
    flex: 1 1 auto;
  }
  .cc-window.cc-floating {
    max-width: none;
  }
  .cc-window .cc-message {
    margin-bottom: 1em;
  }
  .cc-window.cc-banner {
    align-items: unset;
  }
  .cc-window.cc-banner .cc-message {
    margin-right: 0;
  }
}
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  flex: none;
}

.cc-theme-classic .cc-btn {
  border-radius: 5px;
}

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block;
}

.cc-theme-edgeless.cc-window {
  padding: 0;
}

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em;
}

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: 0.8em 1.8em;
  height: 100%;
}

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em;
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0;
}

/* Utilities */
.u-has-icon:before,
.u-has-icon-before:before {
  content: "";
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -webkit-transition-delay: 0s;
  -moz-transition-property: transform;
  -moz-transition-duration: 0.28s;
  -moz-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -moz-transition-delay: 0s;
  -o-transition-property: transform;
  -o-transition-duration: 0.28s;
  -o-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -o-transition-delay: 0s;
  -ms-transition-property: transform;
  -ms-transition-duration: 0.28s;
  -ms-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -ms-transition-delay: 0s;
  transition-property: transform;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  transition-delay: 0s;
  font-size: 100%;
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-right: 0.3em;
  margin-top: 0px;
  margin-bottom: auto;
}
.u-has-icon--left:before,
.u-has-icon-before--left:before {
  background-image: url("../images/icon-arrow-left.svg");
}
.u-has-icon--left--white:before,
.u-has-icon-before--left--white:before {
  background-image: url("../images/icon-arrow-left--white.svg");
}
.u-has-icon--right:before,
.u-has-icon-before--right:before {
  background-image: url("../images/icon-arrow-right.svg");
}
.u-has-icon--up:before,
.u-has-icon-before--up:before {
  background-image: url("../images/icon-arrow-up.svg");
}
.u-has-icon--down:before,
.u-has-icon-before--down:before {
  background-image: url("../images/icon-arrow-down.svg");
}
.u-has-icon--upper-left:before,
.u-has-icon-before--upper-left:before {
  background-image: url("../images/icon-arrow-upper-left.svg");
}
.u-has-icon--upper-right:before,
.u-has-icon-before--upper-right:before {
  background-image: url("../images/icon-arrow-upper-right.svg");
}
.u-has-icon--lower-right:before,
.u-has-icon-before--lower-right:before {
  background-image: url("../images/icon-arrow-lower-right.svg");
}
.u-has-icon--lower-left:before,
.u-has-icon-before--lower-left:before {
  background-image: url("../images/icon-arrow-lower-left.svg");
}
.u-has-icon--plus:before, .u-has-icon--more:before,
.u-has-icon-before--plus:before,
.u-has-icon-before--more:before {
  background-image: url("../images/icon-plus.svg");
}
.u-has-icon--minus:before, .u-has-icon--less:before,
.u-has-icon-before--minus:before,
.u-has-icon-before--less:before {
  background-image: url("../images/icon-minus.svg");
}

.u-has-glyph:before,
.u-has-glyph-before:before,
.o-link--select:before,
.o-link--toggle:before {
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -webkit-transition-delay: 0s;
  -moz-transition-property: transform;
  -moz-transition-duration: 0.28s;
  -moz-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -moz-transition-delay: 0s;
  -o-transition-property: transform;
  -o-transition-duration: 0.28s;
  -o-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -o-transition-delay: 0s;
  -ms-transition-property: transform;
  -ms-transition-duration: 0.28s;
  -ms-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -ms-transition-delay: 0s;
  transition-property: transform;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  transition-delay: 0s;
  font-size: 100%;
  display: inline-block;
  width: 0.7em;
  margin-right: 0.3em;
  margin-top: 0px;
  margin-bottom: auto;
}
.u-has-glyph--left:before,
.u-has-glyph-before--left:before {
  content: "←";
}
.u-has-glyph--right:before,
.u-has-glyph-before--right:before {
  content: "→";
}
.u-has-glyph--up:before,
.u-has-glyph-before--up:before {
  content: "↑";
}
.u-has-glyph--down:before,
.u-has-glyph-before--down:before {
  content: "↓";
}
.u-has-glyph--upper-left:before,
.u-has-glyph-before--upper-left:before {
  content: "↖";
}
.u-has-glyph--upper-right:before,
.u-has-glyph-before--upper-right:before {
  content: "↗";
}
.u-has-glyph--lower-right:before,
.u-has-glyph-before--lower-right:before {
  content: "↘";
}
.u-has-glyph--lower-left:before,
.u-has-glyph-before--lower-left:before {
  content: "↙";
}
.u-has-glyph--plus:before, .u-has-glyph--more:before,
.u-has-glyph-before--plus:before,
.u-has-glyph-before--more:before {
  content: "+";
  transform: rotate(0deg);
}
.u-has-glyph--plus:hover:before, .u-has-glyph--more:hover:before,
.u-has-glyph-before--plus:hover:before,
.u-has-glyph-before--more:hover:before {
  transform: rotate(90deg);
}
.u-has-glyph--minus:before, .u-has-glyph--less:before,
.u-has-glyph-before--minus:before,
.u-has-glyph-before--less:before {
  content: "−";
}

.u-has-glyph-after:after {
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -webkit-transition-delay: 0s;
  -moz-transition-property: transform;
  -moz-transition-duration: 0.28s;
  -moz-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -moz-transition-delay: 0s;
  -o-transition-property: transform;
  -o-transition-duration: 0.28s;
  -o-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -o-transition-delay: 0s;
  -ms-transition-property: transform;
  -ms-transition-duration: 0.28s;
  -ms-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -ms-transition-delay: 0s;
  transition-property: transform;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  transition-delay: 0s;
  font-size: 95%;
  display: inline-block;
  width: 0.7em;
  margin-left: 0.3em;
  margin-top: auto;
  margin-bottom: auto;
}
.u-has-glyph-after--left:after {
  content: "←";
}
.u-has-glyph-after--right:after {
  content: "→";
}
.u-has-glyph-after--up:after {
  content: "↑";
}
.u-has-glyph-after--down:after {
  content: "↓";
}
.u-has-glyph-after--upper-left:after {
  content: "↖";
}
.u-has-glyph-after--upper-right:after {
  content: "↗";
}
.u-has-glyph-after--lower-right:after {
  content: "↘";
}
.u-has-glyph-after--lower-left:after {
  content: "↙";
}
.u-has-glyph-after--plus:after, .u-has-glyph-after--more:after {
  content: "+";
}
.u-has-glyph-after--minus:after, .u-has-glyph-after--less:after {
  content: "−";
}

.u-clearfix:before, .u-clearfix:after {
  content: " ";
  display: table;
}
.u-clearfix:after {
  clear: both;
}

.u-display-block {
  display: block;
}

.u-vertical-center {
  display: table;
  height: 100%;
  width: 100%;
}

.u-vertical-center__content {
  display: table-cell;
  vertical-align: middle;
}

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

.u-float--mid-left {
  float: left !important;
  margin-left: 6.66vw !important;
}

.u-float--center {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-float--mid-right {
  float: right !important;
  margin-right: 6.66vw !important;
}

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

.u-fixed--top-left {
  z-index: 900;
}

.u-fixed--top-left {
  position: fixed;
  top: 0;
  left: 0;
}

.u-fixed--top-right {
  position: fixed;
  top: 0;
  right: 0;
}

.u-fixed--bottom-left {
  position: fixed;
  bottom: 0;
  left: 0;
}

.u-fixed--bottom-right {
  position: fixed;
  bottom: 0;
  right: 0;
}

.u-no-padding-top {
  padding-top: 0 !important;
}

.u-no-padding-bottom {
  padding-bottom: 0 !important;
}

.u-no-padding-left {
  padding-left: 0 !important;
}

.u-no-padding-right {
  padding-right: 0 !important;
}

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

.u-flex-align-bottom {
  margin-top: auto !important;
}

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

.u-visible {
  display: block !important;
}

.u-toggle-visibility[data-state=closed] {
  display: none !important;
}

.u-toggle-visibility[data-state=open] {
  display: block !important;
}

.u-visible-inline {
  display: inline !important;
}

.u-visible-inline-block {
  display: inline-block !important;
}

.u-visible-flex {
  display: flex !important;
}

.u-visible-inline-flex {
  display: inline-flex !important;
}

.u-visible-min-br-small {
  display: none !important;
}
@media screen and (min-width: small) {
  .u-visible-min-br-small {
    display: block !important;
  }
}

.u-visible-min-br-medium {
  display: none !important;
}
@media screen and (min-width: med) {
  .u-visible-min-br-medium {
    display: block !important;
  }
}

.u-visible-min-br-med-small {
  display: none !important;
}
@media screen and (min-width: med-sm) {
  .u-visible-min-br-med-small {
    display: block !important;
  }
}

.u-visible-min-br-large {
  display: none !important;
}
@media screen and (min-width: large) {
  .u-visible-min-br-large {
    display: block !important;
  }
}

@media only screen and (min-width: sm) {
  .u-hidden-max-br-small {
    display: none !important;
  }
}

@media only screen and (min-width: med) {
  .u-hidden-max-br-medium {
    display: none !important;
  }
}

@media only screen and (min-width: med-sm) {
  .u-hidden-max-br-med-small {
    display: none !important;
  }
}

@media only screen and (min-width: large) {
  .u-hidden-max-br-large {
    display: none !important;
  }
}

/* Objects */
.o-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: inherit;
  font: inherit;
}

.o-button {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  line-height: 1em;
  font-weight: 700;
  background-color: #ffffff;
  background-color: var(--color-white);
  color: #0B34C6;
  color: var(--color-primary);
  border-radius: 50px !important;
  padding: 0.66em 1em 0.66em 1em !important;
  cursor: pointer;
}

.o-form input[type=submit] {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  line-height: 1em;
  font-weight: 700;
  background-color: #ffffff;
  background-color: var(--color-white);
  color: #0B34C6;
  color: var(--color-primary);
  border-radius: 50px !important;
  padding: 0.66em 1em 0.66em 1em !important;
  cursor: pointer;
}

.o-form input[type=button] {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  line-height: 1em;
  font-weight: 700;
  background-color: #ffffff;
  background-color: var(--color-white);
  color: #0B34C6;
  color: var(--color-primary);
  border-radius: 50px !important;
  padding: 0.66em 1em 0.66em 1em !important;
  cursor: pointer;
}

.o-form button {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  line-height: 1em;
  font-weight: 700;
  background-color: #ffffff;
  background-color: var(--color-white);
  color: #0B34C6;
  color: var(--color-primary);
  border-radius: 50px !important;
  padding: 0.66em 1em 0.66em 1em !important;
  cursor: pointer;
}
@media only screen and (min-width: 600px) {
  .o-button,
  .o-form input[type=submit],
  .o-form input[type=button],
  .o-form button {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .o-button,
  .o-form input[type=submit],
  .o-form input[type=button],
  .o-form button {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .o-button,
  .o-form input[type=submit],
  .o-form input[type=button],
  .o-form button {
    font-size: 1.5rem;
  }
}
.o-button:hover {
  background-color: #FFC800;
  background-color: var(--color-yellow);
}
.o-form input[type=submit]:hover {
  background-color: #FFC800;
  background-color: var(--color-yellow);
}
.o-form input[type=button]:hover {
  background-color: #FFC800;
  background-color: var(--color-yellow);
}
.o-form button:hover {
  background-color: #FFC800;
  background-color: var(--color-yellow);
}

.o-button--toggle {
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-white);
}

.o-button--cta {
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-white);
  border: none;
  width: 100%;
}

.o-form input[type=submit] {
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-white);
  border: none;
  width: 100%;
}

.o-form input[type=button] {
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-white);
  border: none;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .o-button--cta,
  .o-form input[type=submit],
  .o-form input[type=button] {
    width: 100%;
  }
}
@media only screen and (min-width: 960px) {
  .o-button--cta,
  .o-form input[type=submit],
  .o-form input[type=button] {
    width: auto;
  }
}

.o-button--arrow:after {
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -webkit-transition-delay: 0s;
  -moz-transition-property: transform;
  -moz-transition-duration: 0.28s;
  -moz-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -moz-transition-delay: 0s;
  -o-transition-property: transform;
  -o-transition-duration: 0.28s;
  -o-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -o-transition-delay: 0s;
  -ms-transition-property: transform;
  -ms-transition-duration: 0.28s;
  -ms-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -ms-transition-delay: 0s;
  transition-property: transform;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  transition-delay: 0s;
  font-size: 95%;
  display: inline-block;
  position: absolute;
}

.o-button--arrow-left:after {
  content: "←";
}

.o-button--arrow-right:after {
  content: "→";
}

.o-button--arrow-up:after {
  content: "↑";
}

.o-button--arrow-down:after {
  content: "↓";
}

.o-button--arrow-upper-left:after {
  content: "↖";
}

.o-button--arrow-upper-right:after {
  content: "↗";
}

.o-button--arrow-lower-right:after {
  content: "↘";
}

.o-button--arrow-lower-left:after {
  content: "↙";
}

.o-image {
  width: 100%;
  height: auto;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.o-image-container {
  position: relative;
  overflow: hidden;
}

.u-aspect-ratio > :first-child {
  width: 100%;
}

.u-aspect-ratio > img,
.u-aspect-ratio > video,
.u-aspect-ratio > iframe {
  height: auto;
}

.u-aspect-ratio {
  position: relative;
  overflow: hidden;
}
.u-aspect-ratio--landscape {
  position: relative;
}
.u-aspect-ratio--landscape:before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.u-aspect-ratio--video {
  position: relative;
}
.u-aspect-ratio--video:before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.u-aspect-ratio--portrait {
  position: relative;
}
.u-aspect-ratio--portrait:before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 150%;
}
.u-aspect-ratio--square {
  position: relative;
}
.u-aspect-ratio--square:before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.u-aspect-ratio > img,
.u-aspect-ratio > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
}

.u-aspect-ratio > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-link--toggle:before {
  content: "+";
}

.o-link--toggle.is-active:before {
  content: "−";
}

.o-select label {
  line-height: inherit !important;
  display: inline;
}

.o-link--select {
  padding: 0;
  border: 0;
  width: auto;
  float: right;
  line-height: inherit !important;
  outline: none;
  -webkit-appearance: none;
  text-align: right;
  -moz-text-align-last: right !important;
       text-align-last: right !important;
  direction: rtl !important;
}
.o-link--select:before {
  content: "+";
}
.o-link--select option {
  direction: rtl !important;
}

.o-title--medium {
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-title--medium{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-title--medium{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-title--medium{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-title--medium{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.o-title--large {
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-title--large{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-title--large{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-title--large{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-title--large{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.o-caption {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  position: relative;
  margin-top: 0.5em;
  color: #8e8e8e;
  color: var(--color-text-gray);
}

figcaption {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  position: relative;
  margin-top: 0.5em;
  color: #8e8e8e;
  color: var(--color-text-gray);
}
@media only screen and (min-width: 960px) {
  .o-caption,
  figcaption {
    font-size: 1.3rem;
  }
}
.o-table {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
}
.o-table:before, .o-table:after {
  content: " ";
  display: table;
}
.o-table:after {
  clear: both;
}
@media only screen and (min-width: 600px) {
  .o-table {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .o-table {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .o-table {
    font-size: 1.5rem;
  }
}
.o-table:not(:last-child) {
  margin-bottom: 1.25em;
}

.o-table__row {
  vertical-align: top;
  display: flex;
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.66);
  padding-bottom: calc(var(--margin) * 0.66);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  border-bottom: 1px solid var(--color-border);
}

@media only screen and (min-width: 1680px){
  .o-table__row{
  padding-bottom: calc(2.8rem * 0.66);
  padding-bottom: calc(var(--margin) * 0.66);
  }
}

@media only screen and (min-width: 1280px){
  .o-table__row{
  padding-bottom: calc(2.8rem * 0.66);
  padding-bottom: calc(var(--margin) * 0.66);
  }
}

@media only screen and (min-width: 960px){
  .o-table__row{
  padding-bottom: calc(2.8rem * 0.66);
  padding-bottom: calc(var(--margin) * 0.66);
  }
}

@media only screen and (min-width: 600px){
  .o-table__row{
  padding-bottom: calc(2.4rem * 0.66);
  padding-bottom: calc(var(--margin) * 0.66);
  }
}

@media only screen and (min-width: 1680px){
  .o-table__row{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .o-table__row{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .o-table__row{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .o-table__row{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-table__row:first-child {
  border-top: 1px solid rgba(0,0,0,0.25);
  border-top: 1px solid var(--color-border);
}

.o-table--large {
  font-size: 1.4rem;
  line-height: 1.35em;
  font-weight: normal;
}
@media only screen and (min-width: 600px) {
  .o-table--large {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  .o-table--large {
    font-size: 1.8rem;
  }
}
.o-table--large .o-table__row {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
}
@media only screen and (min-width: 1680px){
  .o-table--large .o-table__row{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-table--large .o-table__row{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-table--large .o-table__row{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-table--large .o-table__row{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-table--large .o-table__row{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-table--large .o-table__row{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-table--large .o-table__row{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-table--large .o-table__row{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-table--large .o-table__row:first-child {
  padding-top: 0;
  border-top: 0;
}

.o-table__col {
  vertical-align: top;
  flex: 1 1 100%;
  padding-right: calc(1.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
}

@media only screen and (min-width: 1680px){
  .o-table__col{
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .o-table__col{
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .o-table__col{
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .o-table__col{
  padding-right: calc(2.4rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}
.o-table__col:last-child {
  padding-right: 0;
}

dt.o-table__col {
  font-weight: 700;
}

.o-table__col + .o-table__col {
  padding-left: calc(1.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
}

@media only screen and (min-width: 1680px){
  .o-table__col + .o-table__col{
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .o-table__col + .o-table__col{
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .o-table__col + .o-table__col{
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .o-table__col + .o-table__col{
  padding-left: calc(2.4rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

.o-table__col:first-child {
  padding-right: calc(1.8rem * 1);
  padding-right: calc(var(--margin) * 1);
}

@media only screen and (min-width: 1680px){
  .o-table__col:first-child{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .o-table__col:first-child{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .o-table__col:first-child{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .o-table__col:first-child{
  padding-right: calc(2.4rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

.o-table__col:last-child {
  padding-left: calc(1.8rem * 1);
  padding-left: calc(var(--margin) * 1);
}

@media only screen and (min-width: 1680px){
  .o-table__col:last-child{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .o-table__col:last-child{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .o-table__col:last-child{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .o-table__col:last-child{
  padding-left: calc(2.4rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

.o-text h1 {
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text h1{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text h1{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text h1{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text h1{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.o-text h2 {
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text h2{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text h2{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text h2{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text h2{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.o-text h1:not(:first-child) {
  margin-top: 1.8rem;
  margin-top: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text h1:not(:first-child){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text h1:not(:first-child){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text h1:not(:first-child){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text h1:not(:first-child){
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}

.o-text h2:not(:first-child) {
  margin-top: 1.8rem;
  margin-top: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text h2:not(:first-child){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text h2:not(:first-child){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text h2:not(:first-child){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text h2:not(:first-child){
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}

.o-text h3 {
  font-weight: 700;
}

.o-text a {
  color: #0B34C6;
  color: var(--color-text-link);
  text-decoration-color: #0B34C6;
  text-decoration-color: var(--color-text-link);
}
.o-text a:hover {
  background-color: #0B34C6;
  background-color: var(--color-text-link-hover);
  color: white;
}

.o-text p {
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text p{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text p{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text p{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text p{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.o-text ul {
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text ul{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text ul{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text ul{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text ul{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.o-text ol {
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text ol{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text ol{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text ol{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text ol{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}
.o-text p:last-child,
.o-text ul:last-child,
.o-text ol:last-child {
  margin-bottom: 0;
}

.o-text h1 + ul {
  margin-top: 1.8rem;
  margin-top: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text h1 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text h1 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text h1 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text h1 + ul{
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}

.o-text h2 + ul {
  margin-top: 1.8rem;
  margin-top: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text h2 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text h2 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text h2 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text h2 + ul{
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}

.o-text h3 + ul {
  margin-top: 1.8rem;
  margin-top: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text h3 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text h3 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text h3 + ul{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text h3 + ul{
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}

.o-text ul {
  display: block;
  list-style-type: disc;
  list-style-position: outside;
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text ul{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text ul{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text ul{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text ul{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}
.o-text ul li {
  margin-left: 1em;
}

.o-text ol {
  display: block;
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text ol{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text ol{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text ol{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text ol{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.o-text figure:not(.o-image-container) {
  margin-top: 1.8rem;
  margin-top: var(--margin);
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text figure:not(.o-image-container){
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text figure:not(.o-image-container){
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text figure:not(.o-image-container){
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text figure:not(.o-image-container){
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1680px){
  .o-text figure:not(.o-image-container){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text figure:not(.o-image-container){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text figure:not(.o-image-container){
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text figure:not(.o-image-container){
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}

.o-text *:first-child {
  margin-top: 0;
}

.o-text .intro {
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text .intro{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text .intro{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text .intro{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text .intro{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}
.o-text .intro:last-child {
  margin-bottom: 0;
}

.o-text.t-large, .c-nav-mobile li.o-text {
  margin-bottom: 1em;
}

q,
blockquote p {
  quotes: "“" "”" "‘" "’";
  font-style: italic;
}

q:before,
blockquote p:before {
  content: open-quote;
}

q:after,
blockquote p:after {
  content: close-quote;
}

.o-text blockquote {
  display: block;
  font-style: italic;
  margin-top: calc(1.8rem * 1.25);
  margin-top: calc(var(--margin) * 1.25);
  margin-bottom: calc(1.8rem * 1.25);
  margin-bottom: calc(var(--margin) * 1.25);
  padding-left: 1.8rem;
  padding-left: var(--margin);
  padding-right: 1.8rem;
  padding-right: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-text blockquote{
  padding-right: 2.8rem;
  padding-right: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text blockquote{
  padding-right: 2.8rem;
  padding-right: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text blockquote{
  padding-right: 2.8rem;
  padding-right: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text blockquote{
  padding-right: 2.4rem;
  padding-right: var(--margin);
  }
}

@media only screen and (min-width: 1680px){
  .o-text blockquote{
  padding-left: 2.8rem;
  padding-left: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-text blockquote{
  padding-left: 2.8rem;
  padding-left: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-text blockquote{
  padding-left: 2.8rem;
  padding-left: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-text blockquote{
  padding-left: 2.4rem;
  padding-left: var(--margin);
  }
}

@media only screen and (min-width: 1680px){
  .o-text blockquote{
  margin-bottom: calc(2.8rem * 1.25);
  margin-bottom: calc(var(--margin) * 1.25);
  }
}

@media only screen and (min-width: 1280px){
  .o-text blockquote{
  margin-bottom: calc(2.8rem * 1.25);
  margin-bottom: calc(var(--margin) * 1.25);
  }
}

@media only screen and (min-width: 960px){
  .o-text blockquote{
  margin-bottom: calc(2.8rem * 1.25);
  margin-bottom: calc(var(--margin) * 1.25);
  }
}

@media only screen and (min-width: 600px){
  .o-text blockquote{
  margin-bottom: calc(2.4rem * 1.25);
  margin-bottom: calc(var(--margin) * 1.25);
  }
}

@media only screen and (min-width: 1680px){
  .o-text blockquote{
  margin-top: calc(2.8rem * 1.25);
  margin-top: calc(var(--margin) * 1.25);
  }
}

@media only screen and (min-width: 1280px){
  .o-text blockquote{
  margin-top: calc(2.8rem * 1.25);
  margin-top: calc(var(--margin) * 1.25);
  }
}

@media only screen and (min-width: 960px){
  .o-text blockquote{
  margin-top: calc(2.8rem * 1.25);
  margin-top: calc(var(--margin) * 1.25);
  }
}

@media only screen and (min-width: 600px){
  .o-text blockquote{
  margin-top: calc(2.4rem * 1.25);
  margin-top: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 960px) {
  .o-text blockquote {
    padding-left: calc(2.8rem * 1.25);
    padding-left: calc(var(--margin) * 1.25);
    padding-right: 0;
  }
  @media only screen and (min-width: 1680px){
    .o-text blockquote{
    padding-left: calc(2.8rem * 1.25);
    padding-left: calc(var(--margin) * 1.25);
    }
  }
  @media only screen and (min-width: 1280px){
    .o-text blockquote{
    padding-left: calc(2.8rem * 1.25);
    padding-left: calc(var(--margin) * 1.25);
    }
  }
  @media only screen and (min-width: 960px){
    .o-text blockquote{
    padding-left: calc(2.8rem * 1.25);
    padding-left: calc(var(--margin) * 1.25);
    }
  }
  @media only screen and (min-width: 600px){
    .o-text blockquote{
    padding-left: calc(2.8rem * 1.25);
    padding-left: calc(var(--margin) * 1.25);
    }
  }
}

.o-text cite {
  margin-top: -1em !important;
  display: block;
  font-family: "liberation-sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.o-meta {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 600px) {
  .o-meta {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .o-meta {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .o-meta {
    font-size: 1.5rem;
  }
}
.o-meta > * {
  display: inline-block;
  margin-right: 0.5em;
}

.o-meta ul li {
  display: inline-block;
  font-weight: 700;
}
.o-meta ul li:last-child {
  margin-right: 0;
}

.o-tag {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  font-weight: 700;
  line-height: 1em;
  padding: 0.66em 1em 0.66em 1em !important;
  border: 1px solid rgba(0,0,0,0.25);
  border: 1px solid var(--color-border);
  border-radius: 50px;
  transition: border-radius 0.28s, background-color 0.28s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: cursor;
}
@media only screen and (min-width: 600px) {
  .o-tag {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .o-tag {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .o-tag {
    font-size: 1.5rem;
  }
}
.o-tag {
  margin: 0.25em;
  margin-left: 0;
}

.o-tag:active {
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.o-tag:focus {
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.o-tag:hover {
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.o-tag:first-child {
  margin-left: 0;
}

.o-tag.is-active {
  transition: border-radius 0.28s, background-color 0.28s;
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-text-inverted);
}

use.icon {
  fill: #ffffff;
  fill: var(--color-text-inverted);
  stroke: #ffffff;
  stroke: var(--color-text-inverted);
}

use.icon-social {
  fill: #ffffff;
  fill: var(--color-text-inverted);
}

use.icon-ui {
  stroke: #ffffff;
  stroke: var(--color-text-inverted);
  fill: none;
}

svg.o-icon {
  width: 1em;
  height: 1em;
}

svg.o-icon--social {
  width: 1em;
  height: 1em;
}
svg.o-icon--social path {
  fill: #ffffff;
  fill: var(--color-text-inverted);
}

.o-form__item[data-size=third],
.o-form__item[data-size=half],
.o-form__item[data-size=two_third],
.o-form__item[data-size=full] {
  padding: 0;
  width: 100%;
  display: block;
  width: 100%;
}

@supports (display: grid) {
  .o-form--grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: calc(1.8rem / 2);
    grid-column-gap: calc(var(--margin) / 2);
    grid-row-gap: calc(1.8rem / 2);
    grid-row-gap: calc(var(--margin) / 2);
  }
  @media only screen and (min-width: 1680px){
    .o-form--grid{
    grid-row-gap: calc(2.8rem / 2);
    grid-row-gap: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 1280px){
    .o-form--grid{
    grid-row-gap: calc(2.8rem / 2);
    grid-row-gap: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 960px){
    .o-form--grid{
    grid-row-gap: calc(2.8rem / 2);
    grid-row-gap: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 600px){
    .o-form--grid{
    grid-row-gap: calc(2.4rem / 2);
    grid-row-gap: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 1680px){
    .o-form--grid{
    grid-column-gap: calc(2.8rem / 2);
    grid-column-gap: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 1280px){
    .o-form--grid{
    grid-column-gap: calc(2.8rem / 2);
    grid-column-gap: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 960px){
    .o-form--grid{
    grid-column-gap: calc(2.8rem / 2);
    grid-column-gap: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 600px){
    .o-form--grid{
    grid-column-gap: calc(2.4rem / 2);
    grid-column-gap: calc(var(--margin) / 2);
    }
  }
  .o-form__item {
    grid-column-end: span 6;
  }
  .o-form__item[data-size=third] {
    grid-column-end: span 6;
  }
  @media only screen and (min-width: 600px) {
    .o-form__item[data-size=third] {
      grid-column-end: span 2;
    }
  }
  .o-form__item[data-size=half] {
    grid-column-end: span 6;
  }
  @media only screen and (min-width: 600px) {
    .o-form__item[data-size=half] {
      grid-column-end: span 3;
    }
  }
  .o-form__item[data-size=two_third] {
    grid-column-end: span 6;
  }
  @media only screen and (min-width: 600px) {
    .o-form__item[data-size=two_third] {
      grid-column-end: span 4;
    }
  }
  .o-form__item[data-size=full] {
    grid-column-end: span 6;
  }
  @media only screen and (min-width: 600px) {
    .o-form__item[data-size=full] {
      grid-column-end: span 6;
    }
  }
}
.o-form input[type=text] {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form input[type=text]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=text]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=text]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=text]{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=text]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=text]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=text]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=text]{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=text]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=text]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=text]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=text]{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=text]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=text]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=text]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=text]{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form input[type=select] {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form input[type=select]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=select]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=select]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=select]{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=select]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=select]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=select]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=select]{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=select]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=select]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=select]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=select]{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=select]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=select]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=select]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=select]{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form input[type=search] {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form input[type=search]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=search]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=search]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=search]{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=search]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=search]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=search]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=search]{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=search]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=search]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=search]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=search]{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=search]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=search]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=search]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=search]{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form input[type=email] {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form input[type=email]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=email]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=email]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=email]{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=email]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=email]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=email]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=email]{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=email]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=email]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=email]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=email]{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=email]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=email]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=email]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=email]{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form input[type=tel] {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form input[type=tel]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=tel]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=tel]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=tel]{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=tel]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=tel]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=tel]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=tel]{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=tel]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=tel]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=tel]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=tel]{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=tel]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=tel]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=tel]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=tel]{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form input[type=url] {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form input[type=url]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=url]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=url]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=url]{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=url]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=url]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=url]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=url]{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=url]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=url]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=url]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=url]{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=url]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=url]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=url]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=url]{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form input[type=password] {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form input[type=password]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=password]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=password]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=password]{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=password]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=password]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=password]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=password]{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=password]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=password]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=password]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=password]{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=password]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=password]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=password]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=password]{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form input[type=submit] {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form input[type=submit]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=submit]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=submit]{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=submit]{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=submit]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=submit]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=submit]{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=submit]{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=submit]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=submit]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=submit]{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=submit]{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form input[type=submit]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=submit]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=submit]{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=submit]{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form select {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form select{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form select{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form select{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form select{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form select{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form select{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form select{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form select{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form select{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form select{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form select{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form select{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form select{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form select{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form select{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form select{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form textarea {
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  padding-left: calc(1.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  padding-right: calc(1.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  width: 100%;
  line-height: normal !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border: 1px solid var(--color-border-field) !important;
}
@media only screen and (min-width: 1680px){
  .o-form textarea{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form textarea{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form textarea{
  padding-right: calc(2.8rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form textarea{
  padding-right: calc(2.4rem * 0.5);
  padding-right: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form textarea{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form textarea{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form textarea{
  padding-left: calc(2.8rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form textarea{
  padding-left: calc(2.4rem * 0.5);
  padding-left: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .o-form textarea{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form textarea{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form textarea{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form textarea{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1680px){
  .o-form textarea{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 1280px){
  .o-form textarea{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 960px){
  .o-form textarea{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 600px){
  .o-form textarea{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
.o-form input[type=text]:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=text]:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=select]:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=select]:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=search]:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=search]:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=email]:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=email]:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=tel]:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=tel]:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=url]:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=url]:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=password]:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=password]:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=submit]:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=submit]:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form select:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form select:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form textarea:hover {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form textarea:focus {
  border: 1px solid #0B34C6;
  border: 1px solid var(--color-primary);
}
.o-form input[type=text].error,
.o-form input[type=select].error,
.o-form input[type=search].error,
.o-form input[type=email].error,
.o-form input[type=tel].error,
.o-form input[type=url].error,
.o-form input[type=password].error,
.o-form input[type=submit].error,
.o-form select.error,
.o-form textarea.error {
  outline-width: 2px;
  outline-style: solid;
  outline-color: red;
}

.o-form input[type=submit] {
  margin-top: calc(1.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  margin-bottom: calc(1.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  width: auto;
  min-width: 10em;
  padding-left: calc(1.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  padding-right: calc(1.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 1680px){
  .o-form input[type=submit]{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .o-form input[type=submit]{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .o-form input[type=submit]{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .o-form input[type=submit]{
  padding-right: calc(2.4rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1680px){
  .o-form input[type=submit]{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .o-form input[type=submit]{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .o-form input[type=submit]{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .o-form input[type=submit]{
  padding-left: calc(2.4rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1680px){
  .o-form input[type=submit]{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1280px){
  .o-form input[type=submit]{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 960px){
  .o-form input[type=submit]{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 600px){
  .o-form input[type=submit]{
  margin-bottom: calc(2.4rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1680px){
  .o-form input[type=submit]{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1280px){
  .o-form input[type=submit]{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 960px){
  .o-form input[type=submit]{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 600px){
  .o-form input[type=submit]{
  margin-top: calc(2.4rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

.o-form input[type=button] {
  margin-top: calc(1.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  margin-bottom: calc(1.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  width: auto;
  min-width: 10em;
  padding-left: calc(1.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  padding-right: calc(1.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 1680px){
  .o-form input[type=button]{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .o-form input[type=button]{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .o-form input[type=button]{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .o-form input[type=button]{
  padding-right: calc(2.4rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1680px){
  .o-form input[type=button]{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .o-form input[type=button]{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .o-form input[type=button]{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .o-form input[type=button]{
  padding-left: calc(2.4rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1680px){
  .o-form input[type=button]{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1280px){
  .o-form input[type=button]{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 960px){
  .o-form input[type=button]{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 600px){
  .o-form input[type=button]{
  margin-bottom: calc(2.4rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1680px){
  .o-form input[type=button]{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1280px){
  .o-form input[type=button]{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 960px){
  .o-form input[type=button]{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 600px){
  .o-form input[type=button]{
  margin-top: calc(2.4rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

.o-form button {
  margin-top: calc(1.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  margin-bottom: calc(1.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  width: auto;
  min-width: 10em;
  padding-left: calc(1.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  padding-right: calc(1.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 1680px){
  .o-form button{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .o-form button{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .o-form button{
  padding-right: calc(2.8rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .o-form button{
  padding-right: calc(2.4rem * 1);
  padding-right: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1680px){
  .o-form button{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .o-form button{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .o-form button{
  padding-left: calc(2.8rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .o-form button{
  padding-left: calc(2.4rem * 1);
  padding-left: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1680px){
  .o-form button{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1280px){
  .o-form button{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 960px){
  .o-form button{
  margin-bottom: calc(2.8rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 600px){
  .o-form button{
  margin-bottom: calc(2.4rem / 4);
  margin-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1680px){
  .o-form button{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1280px){
  .o-form button{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 960px){
  .o-form button{
  margin-top: calc(2.8rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 600px){
  .o-form button{
  margin-top: calc(2.4rem / 4);
  margin-top: calc(var(--margin) / 4);
  }
}
.o-form input[type=submit]:not(.o-button) {
  margin-bottom: calc(1.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
}
@media only screen and (min-width: 1680px){
  .o-form input[type=submit]:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=submit]:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=submit]:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=submit]:not(.o-button){
  margin-bottom: calc(2.4rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
.o-form input[type=button]:not(.o-button) {
  margin-bottom: calc(1.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
}
@media only screen and (min-width: 1680px){
  .o-form input[type=button]:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input[type=button]:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input[type=button]:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input[type=button]:not(.o-button){
  margin-bottom: calc(2.4rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
.o-form button:not(.o-button) {
  margin-bottom: calc(1.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
}
@media only screen and (min-width: 1680px){
  .o-form button:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form button:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form button:not(.o-button){
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form button:not(.o-button){
  margin-bottom: calc(2.4rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px) {
  .o-form input[type=submit],
  .o-form input[type=button],
  .o-form button {
    width: auto;
  }
}
@media only screen and (min-width: 960px) {
  .o-form input[type=submit],
  .o-form input[type=button],
  .o-form button {
    width: auto;
  }
}

.o-form select {
  position: relative;
  background-image: url("../images/icon-arrow-down.svg");
  background-size: 0.75em;
  background-repeat: no-repeat;
  background-position: right calc(1.8rem / 4) center;
  background-position: right calc(var(--margin) / 4) center;
}

@media only screen and (min-width: 1680px){
  .o-form select{
  background-position: right calc(2.8rem / 4) center;
  background-position: right calc(var(--margin) / 4) center;
  }
}

@media only screen and (min-width: 1280px){
  .o-form select{
  background-position: right calc(2.8rem / 4) center;
  background-position: right calc(var(--margin) / 4) center;
  }
}

@media only screen and (min-width: 960px){
  .o-form select{
  background-position: right calc(2.8rem / 4) center;
  background-position: right calc(var(--margin) / 4) center;
  }
}

@media only screen and (min-width: 600px){
  .o-form select{
  background-position: right calc(2.4rem / 4) center;
  background-position: right calc(var(--margin) / 4) center;
  }
}

.o-form label {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  float: none;
  display: block;
  width: 100%;
  padding: calc(1.8rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
}

@media only screen and (min-width: 1680px){
  .o-form label{
  padding: calc(2.8rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
  }
}

@media only screen and (min-width: 1280px){
  .o-form label{
  padding: calc(2.8rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
  }
}

@media only screen and (min-width: 960px){
  .o-form label{
  padding: calc(2.8rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
  }
}

@media only screen and (min-width: 600px){
  .o-form label{
  padding: calc(2.4rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
  }
}
@media only screen and (min-width: 600px) {
  .o-form label {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .o-form label {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .o-form label {
    font-size: 1.5rem;
  }
}
.o-form input {
  margin-bottom: calc(1.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
}
@media only screen and (min-width: 1680px){
  .o-form input{
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form input{
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form input{
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form input{
  margin-bottom: calc(2.4rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
.o-form select {
  margin-bottom: calc(1.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
}
@media only screen and (min-width: 1680px){
  .o-form select{
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-form select{
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .o-form select{
  margin-bottom: calc(2.8rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .o-form select{
  margin-bottom: calc(2.4rem / 1.5);
  margin-bottom: calc(var(--margin) / 1.5);
  }
}

.o-form__item input,
.o-form__item select {
  margin-bottom: 0;
}

.o-form__button-container {
  padding: calc(1.8rem / 1.5) 0;
  padding: calc(var(--margin) / 1.5) 0;
}

@media only screen and (min-width: 1680px){
  .o-form__button-container{
  padding: calc(2.8rem / 1.5) 0;
  padding: calc(var(--margin) / 1.5) 0;
  }
}

@media only screen and (min-width: 1280px){
  .o-form__button-container{
  padding: calc(2.8rem / 1.5) 0;
  padding: calc(var(--margin) / 1.5) 0;
  }
}

@media only screen and (min-width: 960px){
  .o-form__button-container{
  padding: calc(2.8rem / 1.5) 0;
  padding: calc(var(--margin) / 1.5) 0;
  }
}

@media only screen and (min-width: 600px){
  .o-form__button-container{
  padding: calc(2.4rem / 1.5) 0;
  padding: calc(var(--margin) / 1.5) 0;
  }
}
.o-form__button-container .o-button {
  margin: 0;
}

.o-form fieldset {
  margin: calc(1.8rem) 0;
  margin: calc(var(--margin)) 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

@media only screen and (min-width: 1680px){
  .o-form fieldset{
  margin: calc(2.8rem) 0;
  margin: calc(var(--margin)) 0;
  }
}

@media only screen and (min-width: 1280px){
  .o-form fieldset{
  margin: calc(2.8rem) 0;
  margin: calc(var(--margin)) 0;
  }
}

@media only screen and (min-width: 960px){
  .o-form fieldset{
  margin: calc(2.8rem) 0;
  margin: calc(var(--margin)) 0;
  }
}

@media only screen and (min-width: 600px){
  .o-form fieldset{
  margin: calc(2.4rem) 0;
  margin: calc(var(--margin)) 0;
  }
}

.o-form ul {
  margin: calc(1.8rem) 0;
  margin: calc(var(--margin)) 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

@media only screen and (min-width: 1680px){
  .o-form ul{
  margin: calc(2.8rem) 0;
  margin: calc(var(--margin)) 0;
  }
}

@media only screen and (min-width: 1280px){
  .o-form ul{
  margin: calc(2.8rem) 0;
  margin: calc(var(--margin)) 0;
  }
}

@media only screen and (min-width: 960px){
  .o-form ul{
  margin: calc(2.8rem) 0;
  margin: calc(var(--margin)) 0;
  }
}

@media only screen and (min-width: 600px){
  .o-form ul{
  margin: calc(2.4rem) 0;
  margin: calc(var(--margin)) 0;
  }
}
.o-form fieldset:first-child,
.o-form ul:first-child {
  margin-top: 0;
}

.o-form legend {
  width: 100%;
  display: block;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  font-weight: 700;
  padding: calc(1.8rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
}

@media only screen and (min-width: 1680px){
  .o-form legend{
  padding: calc(2.8rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
  }
}

@media only screen and (min-width: 1280px){
  .o-form legend{
  padding: calc(2.8rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
  }
}

@media only screen and (min-width: 960px){
  .o-form legend{
  padding: calc(2.8rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
  }
}

@media only screen and (min-width: 600px){
  .o-form legend{
  padding: calc(2.4rem / 4) 0;
  padding: calc(var(--margin) / 4) 0;
  }
}
@media only screen and (min-width: 600px) {
  .o-form legend {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .o-form legend {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .o-form legend {
    font-size: 1.5rem;
  }
}
.o-form li {
  margin: calc(1.8rem / 4) 0;
  margin: calc(var(--margin) / 4) 0;
  position: relative;
  display: block;
  list-style-type: none;
}
@media only screen and (min-width: 1680px){
  .o-form li{
  margin: calc(2.8rem / 4) 0;
  margin: calc(var(--margin) / 4) 0;
  }
}
@media only screen and (min-width: 1280px){
  .o-form li{
  margin: calc(2.8rem / 4) 0;
  margin: calc(var(--margin) / 4) 0;
  }
}
@media only screen and (min-width: 960px){
  .o-form li{
  margin: calc(2.8rem / 4) 0;
  margin: calc(var(--margin) / 4) 0;
  }
}
@media only screen and (min-width: 600px){
  .o-form li{
  margin: calc(2.4rem / 4) 0;
  margin: calc(var(--margin) / 4) 0;
  }
}

.o-form textarea {
  height: auto !important;
}

.o-form__label__error {
  display: inline-block;
  text-align: right;
  float: right;
  animation: Flash 1s linear infinite;
  animation-timing-function: steps(1, end);
}

.o-form__file-area {
  width: 100%;
  position: relative;
}
.o-form__file-area input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.o-form__file-area .file-dummy {
  width: 100%;
  padding: 1.8rem;
  padding: var(--margin);
  border: 2px dashed #000000;
  border: 2px dashed var(--color-black);
  text-align: center;
  transition: background 0.44s cubic-bezier(0.12, 0.67, 0.53, 1);
}
@media only screen and (min-width: 1680px){
  .o-form__file-area .file-dummy{
  padding: 2.8rem;
  padding: var(--margin);
  }
}
@media only screen and (min-width: 1280px){
  .o-form__file-area .file-dummy{
  padding: 2.8rem;
  padding: var(--margin);
  }
}
@media only screen and (min-width: 960px){
  .o-form__file-area .file-dummy{
  padding: 2.8rem;
  padding: var(--margin);
  }
}
@media only screen and (min-width: 600px){
  .o-form__file-area .file-dummy{
  padding: 2.4rem;
  padding: var(--margin);
  }
}
.o-form__file-area .file-dummy .success {
  display: none;
}
.o-form__file-area:hover .file-dummy {
  border: 2px solid #000000;
  border: 2px solid var(--color-black);
}
.o-form__file-area:focus .file-dummy {
  border: 2px solid #000000;
  border: 2px solid var(--color-black);
}
.o-form__file-area input[type=file]:focus + .file-dummy {
  border: 2px dashed #000000;
  border: 2px dashed var(--color-black);
  outline: none;
}
.o-form__file-area input[type=file]:valid + .file-dummy {
  border: 2px solid #000000;
  border: 2px solid var(--color-black);
  background-color: #000000;
  background-color: var(--color-black);
  color: #ffffff;
  color: var(--color-white);
}
.o-form__file-area input[type=file]:valid + .file-dummy .success {
  display: inline-block;
}
.o-form__file-area input[type=file]:valid + .file-dummy .default {
  display: none;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type=checkbox] {
    --active: #0B34C6;
    --active: var(--color-primary);
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: rgba(0,0,0,0.25);
    --border: var(--color-border-field);
    --border-hover: #0B34C6;
    --border-hover: var(--color-primary);
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.25);
    border: 1px solid var(--border);
    background: transparent;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]{
    border: 1px solid rgba(0,0,0,0.25);
    border: 1px solid var(--border);
    }
  }
  input[type=radio] {
    --active: #0B34C6;
    --active: var(--color-primary);
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: rgba(0,0,0,0.25);
    --border: var(--color-border-field);
    --border-hover: #0B34C6;
    --border-hover: var(--color-primary);
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.25);
    border: 1px solid var(--border);
    background: transparent;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]{
    border: 1px solid rgba(0,0,0,0.25);
    border: 1px solid var(--border);
    }
  }
  input[type=checkbox]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform 0.3s ease, opacity 0.2s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform 0.3s ease, opacity 0.2s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
  }
  input[type=checkbox]:checked {
    border: 1px solid #0B34C6;
    border: 1px solid var(--color-primary);
    background: #0B34C6;
    background: var(--color-primary);
    --b: #0B34C6;
    --b: var(--active);
    --bc: #0B34C6;
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:checked{
    --bc: #0B34C6;
    --bc: var(--active);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:checked{
    --b: #0B34C6;
    --b: var(--active);
    }
  }
  input[type=radio]:checked {
    border: 1px solid #0B34C6;
    border: 1px solid var(--color-primary);
    background: #0B34C6;
    background: var(--color-primary);
    --b: #0B34C6;
    --b: var(--active);
    --bc: #0B34C6;
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:checked{
    --bc: #0B34C6;
    --bc: var(--active);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:checked{
    --b: #0B34C6;
    --b: var(--active);
    }
  }
  input[type=checkbox]:disabled {
    border: 1px solid #F6F8FF;
    border: 1px solid var(--disabled);
    background: transparent;
    cursor: not-allowed;
    opacity: 0.9;
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:disabled{
    border: 1px solid #F6F8FF;
    border: 1px solid var(--disabled);
    }
  }
  input[type=radio]:disabled {
    border: 1px solid #F6F8FF;
    border: 1px solid var(--disabled);
    background: transparent;
    cursor: not-allowed;
    opacity: 0.9;
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:disabled{
    border: 1px solid #F6F8FF;
    border: 1px solid var(--disabled);
    }
  }
  input[type=checkbox]:disabled:checked {
    border: 1px solid #F6F8FF;
    border: 1px solid var(--disabled);
    background: #E1E6F9;
    background: var(--disabled-inner);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:disabled:checked{
    background: #E1E6F9;
    background: var(--disabled-inner);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:disabled:checked{
    border: 1px solid #F6F8FF;
    border: 1px solid var(--disabled);
    }
  }
  input[type=radio]:disabled:checked {
    border: 1px solid #F6F8FF;
    border: 1px solid var(--disabled);
    background: #E1E6F9;
    background: var(--disabled-inner);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:disabled:checked{
    background: #E1E6F9;
    background: var(--disabled-inner);
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:disabled:checked{
    border: 1px solid #F6F8FF;
    border: 1px solid var(--disabled);
    }
  }
  input[type=checkbox]:disabled + label,
  input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  input[type=checkbox]:hover:not(:checked):not(:disabled) {
    border: 1px solid #0B34C6;
    border: 1px solid var(--color-primary);
  }
  input[type=radio]:hover:not(:checked):not(:disabled) {
    border: 1px solid #0B34C6;
    border: 1px solid var(--color-primary);
  }
  input[type=checkbox]:focus {
    box-shadow: 0 0 0 2px rgba(39, 94, 254, .3);
    box-shadow: 0 0 0 var(--focus);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:focus{
    box-shadow: 0 0 0 2px rgba(39, 94, 254, .3);
    box-shadow: 0 0 0 var(--focus);
    }
  }
  input[type=radio]:focus {
    box-shadow: 0 0 0 2px rgba(39, 94, 254, .3);
    box-shadow: 0 0 0 var(--focus);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:focus{
    box-shadow: 0 0 0 2px rgba(39, 94, 254, .3);
    box-shadow: 0 0 0 var(--focus);
    }
  }
  input[type=checkbox]:not(.switch),
  input[type=radio]:not(.switch) {
    width: 21px;
  }
  input[type=checkbox]:not(.switch):after {
    opacity: 0;
    opacity: var(--o, 0);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=checkbox]:not(.switch):after{
    opacity: 1;
    opacity: var(--o, 0);
    }
  }
  input[type=radio]:not(.switch):after {
    opacity: 0;
    opacity: var(--o, 0);
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:not(.switch):after{
    opacity: 1;
    opacity: var(--o, 0);
    }
  }
  input[type=checkbox]:not(.switch):checked,
  input[type=radio]:not(.switch):checked {
    --o: 1;
  }
  input[type=checkbox] + label,
  input[type=radio] + label {
    font-size: 1.2rem;
    line-height: 1.35em;
    letter-spacing: 0.01em;
    font-family: "liberation-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 21px;
    display: inline-block;
    padding: 0;
    width: auto;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }
  @media only screen and (min-width: 600px) {
    input[type=checkbox] + label,
    input[type=radio] + label {
      font-size: 1.3rem;
    }
  }
  @media only screen and (min-width: 960px) {
    input[type=checkbox] + label,
    input[type=radio] + label {
      font-size: 1.4rem;
    }
  }
  @media only screen and (min-width: 1280px) {
    input[type=checkbox] + label,
    input[type=radio] + label {
      font-size: 1.5rem;
    }
  }
  input[type=checkbox]:not(.switch) {
    border-radius: 7px;
  }
  input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }
  input[type=radio] {
    border-radius: 50%;
  }
  input[type=radio]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #fff;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(0.7);
    transform: scale(var(--s, 0.7));
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    transform: scale(.5);
    transform: scale(var(--s, 0.7));
    }
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none){
    input[type=radio]:after{
    background: #fff;
    background: var(--active-inner);
    }
  }
  input[type=radio]:checked {
    --s: .5;
  }
}
.o-resources {
  display: flex;
  flex-wrap: wrap;
  gap: 0.33em;
  margin-top: 1.8rem;
  margin-top: var(--margin);
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}
@media only screen and (min-width: 1680px){
  .o-resources{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}
@media only screen and (min-width: 1280px){
  .o-resources{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}
@media only screen and (min-width: 960px){
  .o-resources{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}
@media only screen and (min-width: 600px){
  .o-resources{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}
@media only screen and (min-width: 1680px){
  .o-resources{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}
@media only screen and (min-width: 1280px){
  .o-resources{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}
@media only screen and (min-width: 960px){
  .o-resources{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}
@media only screen and (min-width: 600px){
  .o-resources{
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}

.o-resources--essential {
  background-color: #EBEBEB;
  background-color: var(--color-gray);
  max-width: 550px;
  padding-bottom: 1.8rem;
  padding-bottom: var(--margin);
  gap: 0;
}

@media only screen and (min-width: 1680px){
  .o-resources--essential{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-resources--essential{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-resources--essential{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-resources--essential{
  padding-bottom: 2.4rem;
  padding-bottom: var(--margin);
  }
}

.o-resources__title {
  padding: 1.8rem;
  padding: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-resources__title{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-resources__title{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-resources__title{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-resources__title{
  padding: 2.4rem;
  padding: var(--margin);
  }
}

.o-resource {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.35em;
  line-height: 1.5em;
  font-weight: 700;
  background-color: #EBEBEB;
  background-color: var(--color-gray);
  color: #0B34C6;
  color: var(--color-primary);
  padding: 1em 1.5em;
  cursor: pointer;
  position: relative;
  width: 100%;
  max-width: 550px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (min-width: 600px) {
  .o-resource {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  .o-resource {
    font-size: 1.8rem;
  }
}
.o-resource:hover {
  background-color: #FFC800;
  background-color: var(--color-yellow);
}
.o-resource .o-resource__expand-icon {
  position: absolute;
  bottom: calc(1.8rem * 1.5);
  bottom: calc(var(--margin) * 1.5);
  right: 1em;
  width: 15px;
  height: 14px;
  z-index: 2;
}
@media only screen and (min-width: 1680px){
  .o-resource .o-resource__expand-icon{
  bottom: calc(2.8rem * 1.5);
  bottom: calc(var(--margin) * 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .o-resource .o-resource__expand-icon{
  bottom: calc(2.8rem * 1.5);
  bottom: calc(var(--margin) * 1.5);
  }
}
@media only screen and (min-width: 960px){
  .o-resource .o-resource__expand-icon{
  bottom: calc(2.8rem * 1.5);
  bottom: calc(var(--margin) * 1.5);
  }
}
@media only screen and (min-width: 600px){
  .o-resource .o-resource__expand-icon{
  bottom: calc(2.4rem * 1.5);
  bottom: calc(var(--margin) * 1.5);
  }
}
.o-resource .o-resource__expand-icon svg {
  width: 100%;
  height: 100%;
}
.o-resource .o-resource__expand-icon svg path {
  stroke: #0B34C6;
  stroke: var(--color-primary);
  transition: stroke 0.28s cubic-bezier(0.12, 0.67, 0.53, 1);
}
.o-resource:hover .o-resource__expand-icon svg path {
  stroke: #232323;
  stroke: var(--color-text);
}

.o-resources--essential .o-resource {
  border-top: 1px solid rgba(0,0,0,0.25);
  border-top: 1px solid var(--color-border);
  margin: 0 1.8rem 0 1.8rem;
  margin: 0 var(--margin) 0 var(--margin);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.8rem;
  padding-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .o-resources--essential .o-resource{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-resources--essential .o-resource{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-resources--essential .o-resource{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-resources--essential .o-resource{
  padding-bottom: 2.4rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1680px){
  .o-resources--essential .o-resource{
  margin: 0 2.8rem 0 2.8rem;
  margin: 0 var(--margin) 0 var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .o-resources--essential .o-resource{
  margin: 0 2.8rem 0 2.8rem;
  margin: 0 var(--margin) 0 var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .o-resources--essential .o-resource{
  margin: 0 2.8rem 0 2.8rem;
  margin: 0 var(--margin) 0 var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .o-resources--essential .o-resource{
  margin: 0 2.4rem 0 2.4rem;
  margin: 0 var(--margin) 0 var(--margin);
  }
}
.o-resources--essential .o-resource:hover {
  background-color: transparent;
  border-color: #0B34C6;
  border-color: var(--color-primary);
  border-width: 1px;
}

.o-resource__filename {
  display: block;
  padding: 0.5em 0 0 0;
}

.o-resource__extension {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  position: relative;
  padding-left: 1em;
  display: block;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .o-resource__extension {
    font-size: 1.3rem;
  }
}
.o-resource__extension:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background-color: #0B34C6;
  background-color: var(--color-primary);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Group */
.g-container {
  position: relative;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 1.8rem;
  padding: 0 var(--margin-container);
}
@media only screen and (min-width: 1680px){
  .g-container{
  padding: 0 8.4rem;
  padding: 0 var(--margin-container);
  }
}
@media only screen and (min-width: 1280px){
  .g-container{
  padding: 0 5.6rem;
  padding: 0 var(--margin-container);
  }
}
@media only screen and (min-width: 960px){
  .g-container{
  padding: 0 2.8rem;
  padding: 0 var(--margin-container);
  }
}
@media only screen and (min-width: 600px){
  .g-container{
  padding: 0 2.4rem;
  padding: 0 var(--margin-container);
  }
}

.g-section {
  position: relative;
  padding: 1.8rem 0;
  padding: var(--margin) 0;
}

@media only screen and (min-width: 1680px){
  .g-section{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 1280px){
  .g-section{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 960px){
  .g-section{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 600px){
  .g-section{
  padding: 2.4rem 0;
  padding: var(--margin) 0;
  }
}

.g-section--has-border {
  border-top: 1px solid rgba(0,0,0,0.25);
  border-top: 1px solid var(--color-border);
}

.g-section--module {
  position: relative;
  padding: calc(1.8rem * 2) 0;
  padding: calc(var(--margin) * 2) 0;
  border-top: 1px solid rgba(0,0,0,0.25);
  border-top: 1px solid var(--color-border);
}

@media only screen and (min-width: 1680px){
  .g-section--module{
  padding: calc(2.8rem * 2) 0;
  padding: calc(var(--margin) * 2) 0;
  }
}

@media only screen and (min-width: 1280px){
  .g-section--module{
  padding: calc(2.8rem * 2) 0;
  padding: calc(var(--margin) * 2) 0;
  }
}

@media only screen and (min-width: 960px){
  .g-section--module{
  padding: calc(2.8rem * 2) 0;
  padding: calc(var(--margin) * 2) 0;
  }
}

@media only screen and (min-width: 600px){
  .g-section--module{
  padding: calc(2.4rem * 2) 0;
  padding: calc(var(--margin) * 2) 0;
  }
}

.g-section--has-border--not-first:first-child {
  border-top: 0;
}

.g-section--bg-primary {
  background-color: #0B34C6;
  background-color: var(--color-primary);
}

.g-section--bg-secondary {
  background-color: undefined;
  background-color: var(--color-secondary);
}

.g-section--bg-light {
  background-color: #0099FF;
  background-color: var(--color-light);
}

.g-section--bg-dark {
  background-color: #1C1046;
  background-color: var(--color-dark);
}

/* =========================================================================  */
/* Flexbox fallback */
/* =========================================================================  */
.g-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1.8rem calc(-0.5 * 1.8rem) calc(1.8rem * 2) calc(-0.5 * 1.8rem);
  margin: var(--margin) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
}
@media only screen and (min-width: 1680px){
  .g-cards{
  margin: 2.8rem calc(-0.5 * 2.8rem) calc(2.8rem * 2) calc(-0.5 * 2.8rem);
  margin: var(--margin) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
  }
}
@media only screen and (min-width: 1280px){
  .g-cards{
  margin: 2.8rem calc(-0.5 * 2.8rem) calc(2.8rem * 2) calc(-0.5 * 2.8rem);
  margin: var(--margin) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
  }
}
@media only screen and (min-width: 960px){
  .g-cards{
  margin: 2.8rem calc(-0.5 * 2.8rem) calc(2.8rem * 2) calc(-0.5 * 2.8rem);
  margin: var(--margin) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
  }
}
@media only screen and (min-width: 600px){
  .g-cards{
  margin: 2.4rem calc(-0.5 * 2.4rem) calc(2.4rem * 2) calc(-0.5 * 2.4rem);
  margin: var(--margin) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
  }
}

.g-cards.has-border-top {
  padding-top: calc(1.8rem * 1);
  padding-top: calc(var(--margin) * 1);
}

@media only screen and (min-width: 1680px){
  .g-cards.has-border-top{
  padding-top: calc(2.8rem * 1);
  padding-top: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .g-cards.has-border-top{
  padding-top: calc(2.8rem * 1);
  padding-top: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .g-cards.has-border-top{
  padding-top: calc(2.8rem * 1);
  padding-top: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .g-cards.has-border-top{
  padding-top: calc(2.4rem * 1);
  padding-top: calc(var(--margin) * 1);
  }
}

.g-cards > .g-cards__item {
  padding: 0 calc(1.8rem / 2) 1.8rem calc(1.8rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
}

@media only screen and (min-width: 1680px){
  .g-cards > .g-cards__item{
  padding: 0 calc(2.8rem / 2) 2.8rem calc(2.8rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .g-cards > .g-cards__item{
  padding: 0 calc(2.8rem / 2) 2.8rem calc(2.8rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .g-cards > .g-cards__item{
  padding: 0 calc(2.8rem / 2) 2.8rem calc(2.8rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .g-cards > .g-cards__item{
  padding: 0 calc(2.4rem / 2) 2.4rem calc(2.4rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
  }
}

.g-cards--xs > .g-cards__item {
  width: 50%;
}
@media only screen and (min-width: 325px) {
  .g-cards--xs > .g-cards__item {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 600px) {
  .g-cards--xs > .g-cards__item {
    width: 25%;
  }
}
@media only screen and (min-width: 960px) {
  .g-cards--xs > .g-cards__item {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1280px) {
  .g-cards--xs > .g-cards__item {
    width: 12.5%;
  }
}

.g-cards--s > .g-cards__item {
  width: 50%;
}
@media only screen and (min-width: 960px) {
  .g-cards--s > .g-cards__item {
    width: 25%;
  }
}

.g-cards--m > .g-cards__item {
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .g-cards--m > .g-cards__item {
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .g-cards--m > .g-cards__item {
    width: 33.3333333333%;
  }
}

.g-cards--l > .g-cards__item {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .g-cards--l > .g-cards__item {
    width: 50%;
  }
}

.g-cards--resources > .g-cards__item {
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .g-cards--resources > .g-cards__item {
    width: 50%;
  }
}

.g-cards--full > .g-cards__item {
  width: 100%;
}

/* =========================================================================  */
/* CSS Grid */
/* =========================================================================  */
@supports (display: grid) {
  .g-cards {
    display: grid;
    grid-column-gap: 1.8rem;
    grid-column-gap: var(--margin);
    grid-row-gap: 1.8rem;
    grid-row-gap: var(--margin);
    margin: 0;
    padding: 1.8rem 0 1.8rem 0;
    padding: var(--margin) 0 var(--margin) 0;
  }
  @media only screen and (min-width: 1680px){
    .g-cards{
    padding: 2.8rem 0 2.8rem 0;
    padding: var(--margin) 0 var(--margin) 0;
    }
  }
  @media only screen and (min-width: 1280px){
    .g-cards{
    padding: 2.8rem 0 2.8rem 0;
    padding: var(--margin) 0 var(--margin) 0;
    }
  }
  @media only screen and (min-width: 960px){
    .g-cards{
    padding: 2.8rem 0 2.8rem 0;
    padding: var(--margin) 0 var(--margin) 0;
    }
  }
  @media only screen and (min-width: 600px){
    .g-cards{
    padding: 2.4rem 0 2.4rem 0;
    padding: var(--margin) 0 var(--margin) 0;
    }
  }
  @media only screen and (min-width: 1680px){
    .g-cards{
    grid-row-gap: 2.8rem;
    grid-row-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-cards{
    grid-row-gap: 2.8rem;
    grid-row-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 960px){
    .g-cards{
    grid-row-gap: 2.8rem;
    grid-row-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 600px){
    .g-cards{
    grid-row-gap: 2.4rem;
    grid-row-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 1680px){
    .g-cards{
    grid-column-gap: 2.8rem;
    grid-column-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-cards{
    grid-column-gap: 2.8rem;
    grid-column-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 960px){
    .g-cards{
    grid-column-gap: 2.8rem;
    grid-column-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 600px){
    .g-cards{
    grid-column-gap: 2.4rem;
    grid-column-gap: var(--margin);
    }
  }
  .g-cards:first-of-type {
    padding-top: 1.8rem;
    padding-top: var(--margin);
  }
  @media only screen and (min-width: 1680px){
    .g-cards:first-of-type{
    padding-top: 2.8rem;
    padding-top: var(--margin);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-cards:first-of-type{
    padding-top: 2.8rem;
    padding-top: var(--margin);
    }
  }
  @media only screen and (min-width: 960px){
    .g-cards:first-of-type{
    padding-top: 2.8rem;
    padding-top: var(--margin);
    }
  }
  @media only screen and (min-width: 600px){
    .g-cards:first-of-type{
    padding-top: 2.4rem;
    padding-top: var(--margin);
    }
  }
  .g-cards:last-of-type {
    padding-bottom: calc(1.8rem * 2);
    padding-bottom: calc(var(--margin) * 2);
  }
  @media only screen and (min-width: 1680px){
    .g-cards:last-of-type{
    padding-bottom: calc(2.8rem * 2);
    padding-bottom: calc(var(--margin) * 2);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-cards:last-of-type{
    padding-bottom: calc(2.8rem * 2);
    padding-bottom: calc(var(--margin) * 2);
    }
  }
  @media only screen and (min-width: 960px){
    .g-cards:last-of-type{
    padding-bottom: calc(2.8rem * 2);
    padding-bottom: calc(var(--margin) * 2);
    }
  }
  @media only screen and (min-width: 600px){
    .g-cards:last-of-type{
    padding-bottom: calc(2.4rem * 2);
    padding-bottom: calc(var(--margin) * 2);
    }
  }
  .g-cards + .g-cards {
    padding-top: 0;
  }
  .g-cards--xs {
    grid-template-columns: repeat(3, 1fr);
  }
  @media only screen and (min-width: 960px) {
    .g-cards--xs {
      grid-template-columns: repeat(6, 1fr);
    }
  }
  .g-cards--s {
    grid-template-columns: repeat(2, 1fr);
  }
  @media only screen and (min-width: 960px) {
    .g-cards--s {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .g-cards--m {
    grid-template-columns: repeat(1, 1fr);
  }
  @media only screen and (min-width: 600px) {
    .g-cards--m {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (min-width: 1280px) {
    .g-cards--m {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .g-cards--l {
    grid-template-columns: repeat(1, 1fr);
  }
  @media only screen and (min-width: 960px) {
    .g-cards--l {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .g-cards--resources {
    grid-template-columns: repeat(1, 1fr);
  }
  @media only screen and (min-width: 600px) {
    .g-cards--resources {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .g-cards > .g-cards__item {
    padding: 0;
    width: 100%;
    display: block;
    max-width: 100%;
    overflow: visible;
  }
}
.g-cards--inline {
  margin-top: 0;
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
}
@media only screen and (min-width: 1680px){
  .g-cards--inline{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}
@media only screen and (min-width: 1280px){
  .g-cards--inline{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}
@media only screen and (min-width: 960px){
  .g-cards--inline{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}
@media only screen and (min-width: 600px){
  .g-cards--inline{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.g-banner {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.g-banner__list {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.g-banner__tags {
  padding-top: calc(1.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  padding-bottom: calc(1.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
}

@media only screen and (min-width: 1680px){
  .g-banner__tags{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner__tags{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 960px){
  .g-banner__tags{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 600px){
  .g-banner__tags{
  padding-bottom: calc(2.4rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner__tags{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner__tags{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 960px){
  .g-banner__tags{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 600px){
  .g-banner__tags{
  padding-top: calc(2.4rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

.g-banner__list {
  min-height: calc(1.8rem * 2);
  min-height: calc(var(--margin) * 2);
}

@media only screen and (min-width: 1680px){
  .g-banner__list{
  min-height: calc(2.8rem * 2);
  min-height: calc(var(--margin) * 2);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner__list{
  min-height: calc(2.8rem * 2);
  min-height: calc(var(--margin) * 2);
  }
}

@media only screen and (min-width: 960px){
  .g-banner__list{
  min-height: calc(2.8rem * 2);
  min-height: calc(var(--margin) * 2);
  }
}

@media only screen and (min-width: 600px){
  .g-banner__list{
  min-height: calc(2.4rem * 2);
  min-height: calc(var(--margin) * 2);
  }
}

@media only screen and (max-width: 1099px) {
  .g-banner--mobile-stacked {
    display: block !important;
    width: 100;
  }
  .g-banner--mobile-stacked .g-banner__list + .g-banner__list {
    border-top: 1px solid rgba(0,0,0,0.25);
    border-top: 1px solid var(--color-border);
  }
}
@media only screen and (max-width: 767px) {
  .g-banner__list--mobile-stacked {
    display: block;
    padding-top: calc(1.8rem / 2);
    padding-top: calc(var(--margin) / 2);
    padding-bottom: calc(1.8rem / 2);
    padding-bottom: calc(var(--margin) / 2);
  }
  @media only screen and (min-width: 1680px){
    .g-banner__list--mobile-stacked{
    padding-bottom: calc(2.8rem / 2);
    padding-bottom: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-banner__list--mobile-stacked{
    padding-bottom: calc(2.8rem / 2);
    padding-bottom: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 960px){
    .g-banner__list--mobile-stacked{
    padding-bottom: calc(2.8rem / 2);
    padding-bottom: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 600px){
    .g-banner__list--mobile-stacked{
    padding-bottom: calc(2.4rem / 2);
    padding-bottom: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 1680px){
    .g-banner__list--mobile-stacked{
    padding-top: calc(2.8rem / 2);
    padding-top: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-banner__list--mobile-stacked{
    padding-top: calc(2.8rem / 2);
    padding-top: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 960px){
    .g-banner__list--mobile-stacked{
    padding-top: calc(2.8rem / 2);
    padding-top: calc(var(--margin) / 2);
    }
  }
  @media only screen and (min-width: 600px){
    .g-banner__list--mobile-stacked{
    padding-top: calc(2.4rem / 2);
    padding-top: calc(var(--margin) / 2);
    }
  }
  .g-banner__list--mobile-stacked .g-banner__item,
  .g-banner__list--mobile-stacked .g-banner__item--container > * {
    line-height: normal;
    display: block !important;
    width: 100;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container) {
    padding-top: calc(1.8rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    padding-bottom: calc(1.8rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
  }
  @media only screen and (min-width: 1680px){
    .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container){
    padding-bottom: calc(2.8rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 1280px){
    .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container){
    padding-bottom: calc(2.8rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 960px){
    .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container){
    padding-bottom: calc(2.8rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 600px){
    .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container){
    padding-bottom: calc(2.4rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 1680px){
    .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container){
    padding-top: calc(2.8rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 1280px){
    .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container){
    padding-top: calc(2.8rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 960px){
    .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container){
    padding-top: calc(2.8rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 600px){
    .g-banner__list--mobile-stacked .g-banner__item:not(.g-banner__item--container){
    padding-top: calc(2.4rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    }
  }
  .g-banner__list--mobile-stacked .g-banner__item--container > * {
    padding-top: calc(1.8rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    padding-bottom: calc(1.8rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
  }
  @media only screen and (min-width: 1680px){
    .g-banner__list--mobile-stacked .g-banner__item--container > *{
    padding-bottom: calc(2.8rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 1280px){
    .g-banner__list--mobile-stacked .g-banner__item--container > *{
    padding-bottom: calc(2.8rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 960px){
    .g-banner__list--mobile-stacked .g-banner__item--container > *{
    padding-bottom: calc(2.8rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 600px){
    .g-banner__list--mobile-stacked .g-banner__item--container > *{
    padding-bottom: calc(2.4rem / 4) !important;
    padding-bottom: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 1680px){
    .g-banner__list--mobile-stacked .g-banner__item--container > *{
    padding-top: calc(2.8rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 1280px){
    .g-banner__list--mobile-stacked .g-banner__item--container > *{
    padding-top: calc(2.8rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 960px){
    .g-banner__list--mobile-stacked .g-banner__item--container > *{
    padding-top: calc(2.8rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    }
  }
  @media only screen and (min-width: 600px){
    .g-banner__list--mobile-stacked .g-banner__item--container > *{
    padding-top: calc(2.4rem / 4) !important;
    padding-top: calc(var(--margin) / 4) !important;
    }
  }
}
.g-banner__item {
  display: inline-block;
  line-height: 1em;
}

.g-banner .g-banner__item:not(.g-banner__item--container) {
  padding-top: calc(1.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  padding-bottom: calc(1.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  padding-left: calc(1.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  padding-right: calc(1.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
}

@media only screen and (min-width: 1680px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-right: calc(2.4rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-left: calc(2.4rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-bottom: calc(2.4rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .g-banner__item:not(.g-banner__item--container){
  padding-top: calc(2.4rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

.g-banner--small .g-banner__item:not(.g-banner__item--container) {
  padding-top: calc(1.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  padding-bottom: calc(1.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  padding-left: calc(1.8rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  padding-right: calc(1.8rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
}

@media only screen and (min-width: 1680px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-right: calc(2.8rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-right: calc(2.8rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 960px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-right: calc(2.8rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 600px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-right: calc(2.4rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-left: calc(2.8rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-left: calc(2.8rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 960px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-left: calc(2.8rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 600px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-left: calc(2.4rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-bottom: calc(2.4rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .g-banner--small .g-banner__item:not(.g-banner__item--container){
  padding-top: calc(2.4rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

.g-banner__item:not(.g-banner__item--container):first-of-type {
  padding-left: 0;
}

.g-banner__item:not(.g-banner__item--container):last-of-type {
  padding-right: 0;
}

.g-banner .g-banner__item--container > * {
  display: inline-block;
  padding-top: calc(1.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  padding-bottom: calc(1.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  padding-left: calc(1.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  padding-right: calc(1.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
}

@media only screen and (min-width: 1680px){
  .g-banner .g-banner__item--container > *{
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .g-banner__item--container > *{
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .g-banner__item--container > *{
  padding-right: calc(2.8rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .g-banner__item--container > *{
  padding-right: calc(2.4rem * 0.33);
  padding-right: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner .g-banner__item--container > *{
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .g-banner__item--container > *{
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .g-banner__item--container > *{
  padding-left: calc(2.8rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .g-banner__item--container > *{
  padding-left: calc(2.4rem * 0.33);
  padding-left: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner .g-banner__item--container > *{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .g-banner__item--container > *{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .g-banner__item--container > *{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .g-banner__item--container > *{
  padding-bottom: calc(2.4rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner .g-banner__item--container > *{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .g-banner__item--container > *{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .g-banner__item--container > *{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .g-banner__item--container > *{
  padding-top: calc(2.4rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

.g-banner--small .g-banner__item--container > * {
  padding-top: calc(1.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  padding-bottom: calc(1.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  padding-left: calc(1.8rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  padding-right: calc(1.8rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
}

@media only screen and (min-width: 1680px){
  .g-banner--small .g-banner__item--container > *{
  padding-right: calc(2.8rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner--small .g-banner__item--container > *{
  padding-right: calc(2.8rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 960px){
  .g-banner--small .g-banner__item--container > *{
  padding-right: calc(2.8rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 600px){
  .g-banner--small .g-banner__item--container > *{
  padding-right: calc(2.4rem * 0.25);
  padding-right: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner--small .g-banner__item--container > *{
  padding-left: calc(2.8rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner--small .g-banner__item--container > *{
  padding-left: calc(2.8rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 960px){
  .g-banner--small .g-banner__item--container > *{
  padding-left: calc(2.8rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 600px){
  .g-banner--small .g-banner__item--container > *{
  padding-left: calc(2.4rem * 0.25);
  padding-left: calc(var(--margin) * 0.25);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner--small .g-banner__item--container > *{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner--small .g-banner__item--container > *{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .g-banner--small .g-banner__item--container > *{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .g-banner--small .g-banner__item--container > *{
  padding-bottom: calc(2.4rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner--small .g-banner__item--container > *{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner--small .g-banner__item--container > *{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .g-banner--small .g-banner__item--container > *{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .g-banner--small .g-banner__item--container > *{
  padding-top: calc(2.4rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

.g-banner .g-banner__item--container:first-of-type > * {
  padding-left: 0;
}

.g-banner .g-banner__item--container:last-of-type > * {
  padding-right: 0;
}

/* =========================================================================  */
/* Flexbox fallback */
/* =========================================================================  */
.g-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(1.8rem / 2) calc(-0.5 * 1.8rem) calc(1.8rem * 2) calc(-0.5 * 1.8rem);
  margin: calc(var(--margin) / 2) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
}
@media only screen and (min-width: 1680px){
  .g-gallery{
  margin: calc(2.8rem / 2) calc(-0.5 * 2.8rem) calc(2.8rem * 2) calc(-0.5 * 2.8rem);
  margin: calc(var(--margin) / 2) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
  }
}
@media only screen and (min-width: 1280px){
  .g-gallery{
  margin: calc(2.8rem / 2) calc(-0.5 * 2.8rem) calc(2.8rem * 2) calc(-0.5 * 2.8rem);
  margin: calc(var(--margin) / 2) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
  }
}
@media only screen and (min-width: 960px){
  .g-gallery{
  margin: calc(2.8rem / 2) calc(-0.5 * 2.8rem) calc(2.8rem * 2) calc(-0.5 * 2.8rem);
  margin: calc(var(--margin) / 2) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
  }
}
@media only screen and (min-width: 600px){
  .g-gallery{
  margin: calc(2.4rem / 2) calc(-0.5 * 2.4rem) calc(2.4rem * 2) calc(-0.5 * 2.4rem);
  margin: calc(var(--margin) / 2) calc(-0.5 * var(--margin)) calc(var(--margin) * 2) calc(-0.5 * var(--margin));
  }
}

.g-gallery.has-border-top {
  padding-top: calc(1.8rem * 1);
  padding-top: calc(var(--margin) * 1);
}

@media only screen and (min-width: 1680px){
  .g-gallery.has-border-top{
  padding-top: calc(2.8rem * 1);
  padding-top: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 1280px){
  .g-gallery.has-border-top{
  padding-top: calc(2.8rem * 1);
  padding-top: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 960px){
  .g-gallery.has-border-top{
  padding-top: calc(2.8rem * 1);
  padding-top: calc(var(--margin) * 1);
  }
}

@media only screen and (min-width: 600px){
  .g-gallery.has-border-top{
  padding-top: calc(2.4rem * 1);
  padding-top: calc(var(--margin) * 1);
  }
}

.g-gallery > .g-gallery__item {
  padding: 0 calc(1.8rem / 2) 1.8rem calc(1.8rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
}

@media only screen and (min-width: 1680px){
  .g-gallery > .g-gallery__item{
  padding: 0 calc(2.8rem / 2) 2.8rem calc(2.8rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .g-gallery > .g-gallery__item{
  padding: 0 calc(2.8rem / 2) 2.8rem calc(2.8rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .g-gallery > .g-gallery__item{
  padding: 0 calc(2.8rem / 2) 2.8rem calc(2.8rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .g-gallery > .g-gallery__item{
  padding: 0 calc(2.4rem / 2) 2.4rem calc(2.4rem / 2);
  padding: 0 calc(var(--margin) / 2) var(--margin) calc(var(--margin) / 2);
  }
}

.g-gallery__item[data-media-size=small] {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .g-gallery__item[data-media-size=small] {
    width: 33.3333333333%;
  }
}

.g-gallery__item[data-media-size=medium] {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .g-gallery__item[data-media-size=medium] {
    width: 50%;
  }
}

.g-gallery__item[data-media-size=large] {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .g-gallery__item[data-media-size=large] {
    width: 66.6666666667%;
  }
}

.g-gallery__item[data-media-size=full] {
  width: 100%;
}

/* =========================================================================  */
/* CSS Grid */
/* =========================================================================  */
@supports (display: grid) {
  .g-gallery {
    display: grid;
    grid-column-gap: 1.8rem;
    grid-column-gap: var(--margin);
    grid-row-gap: 1.8rem;
    grid-row-gap: var(--margin);
    margin: calc(1.8rem / 2) 0 calc(1.8rem * 2) 0;
    margin: calc(var(--margin) / 2) 0 calc(var(--margin) * 2) 0;
    grid-template-columns: repeat(6, 1fr);
  }
  @media only screen and (min-width: 1680px){
    .g-gallery{
    margin: calc(2.8rem / 2) 0 calc(2.8rem * 2) 0;
    margin: calc(var(--margin) / 2) 0 calc(var(--margin) * 2) 0;
    }
  }
  @media only screen and (min-width: 1280px){
    .g-gallery{
    margin: calc(2.8rem / 2) 0 calc(2.8rem * 2) 0;
    margin: calc(var(--margin) / 2) 0 calc(var(--margin) * 2) 0;
    }
  }
  @media only screen and (min-width: 960px){
    .g-gallery{
    margin: calc(2.8rem / 2) 0 calc(2.8rem * 2) 0;
    margin: calc(var(--margin) / 2) 0 calc(var(--margin) * 2) 0;
    }
  }
  @media only screen and (min-width: 600px){
    .g-gallery{
    margin: calc(2.4rem / 2) 0 calc(2.4rem * 2) 0;
    margin: calc(var(--margin) / 2) 0 calc(var(--margin) * 2) 0;
    }
  }
  @media only screen and (min-width: 1680px){
    .g-gallery{
    grid-row-gap: 2.8rem;
    grid-row-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-gallery{
    grid-row-gap: 2.8rem;
    grid-row-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 960px){
    .g-gallery{
    grid-row-gap: 2.8rem;
    grid-row-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 600px){
    .g-gallery{
    grid-row-gap: 2.4rem;
    grid-row-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 1680px){
    .g-gallery{
    grid-column-gap: 2.8rem;
    grid-column-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-gallery{
    grid-column-gap: 2.8rem;
    grid-column-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 960px){
    .g-gallery{
    grid-column-gap: 2.8rem;
    grid-column-gap: var(--margin);
    }
  }
  @media only screen and (min-width: 600px){
    .g-gallery{
    grid-column-gap: 2.4rem;
    grid-column-gap: var(--margin);
    }
  }
  .g-gallery__item[data-media-size=small],
  .g-gallery__item[data-media-size=medium],
  .g-gallery__item[data-media-size=large],
  .g-gallery__item[data-media-size=full] {
    padding: 0;
    width: 100%;
    display: block;
    width: 100%;
  }
  .g-gallery__item[data-media-size=small] {
    grid-column-end: span 6;
  }
  @media only screen and (min-width: 600px) {
    .g-gallery__item[data-media-size=small] {
      grid-column-end: span 2;
    }
  }
  .g-gallery__item[data-media-size=medium] {
    grid-column-end: span 6;
  }
  @media only screen and (min-width: 600px) {
    .g-gallery__item[data-media-size=medium] {
      grid-column-end: span 3;
    }
  }
  .g-gallery__item[data-media-size=large] {
    grid-column-end: span 6;
  }
  @media only screen and (min-width: 600px) {
    .g-gallery__item[data-media-size=large] {
      grid-column-end: span 4;
    }
  }
  .g-gallery__item[data-media-size=full] {
    grid-column-end: span 6;
  }
  @media only screen and (min-width: 600px) {
    .g-gallery__item[data-media-size=full] {
      grid-column-end: span 6;
    }
  }
}
.g-partners {
  padding-top: 1.8rem;
  padding-top: var(--margin);
  padding-bottom: 1.8rem;
  padding-bottom: var(--margin);
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1680px){
  .g-partners{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}
@media only screen and (min-width: 1280px){
  .g-partners{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}
@media only screen and (min-width: 960px){
  .g-partners{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}
@media only screen and (min-width: 600px){
  .g-partners{
  padding-bottom: 2.4rem;
  padding-bottom: var(--margin);
  }
}
@media only screen and (min-width: 1680px){
  .g-partners{
  padding-top: 2.8rem;
  padding-top: var(--margin);
  }
}
@media only screen and (min-width: 1280px){
  .g-partners{
  padding-top: 2.8rem;
  padding-top: var(--margin);
  }
}
@media only screen and (min-width: 960px){
  .g-partners{
  padding-top: 2.8rem;
  padding-top: var(--margin);
  }
}
@media only screen and (min-width: 600px){
  .g-partners{
  padding-top: 2.4rem;
  padding-top: var(--margin);
  }
}
@media only screen and (min-width: 880px) {
  .g-partners {
    flex-direction: row;
    align-items: center;
  }
}

.g-partners__item {
  max-width: 45em;
  flex: 0 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding-top: calc(1.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  padding-bottom: calc(1.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
}

@media only screen and (min-width: 1680px){
  .g-partners__item{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .g-partners__item{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .g-partners__item{
  padding-bottom: calc(2.8rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .g-partners__item{
  padding-bottom: calc(2.4rem * 0.33);
  padding-bottom: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1680px){
  .g-partners__item{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 1280px){
  .g-partners__item{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 960px){
  .g-partners__item{
  padding-top: calc(2.8rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}

@media only screen and (min-width: 600px){
  .g-partners__item{
  padding-top: calc(2.4rem * 0.33);
  padding-top: calc(var(--margin) * 0.33);
  }
}
@media only screen and (min-width: 880px) {
  .g-partners__item {
    align-self: center;
    padding-top: calc(1.8rem * 0);
    padding-top: calc(var(--margin) * 0);
    padding-bottom: calc(1.8rem * 0);
    padding-bottom: calc(var(--margin) * 0);
    padding-left: calc(1.8rem * 0.33);
    padding-left: calc(var(--margin) * 0.33);
    padding-right: calc(1.8rem * 0.33);
    padding-right: calc(var(--margin) * 0.33);
  }
  @media only screen and (min-width: 1680px){
    .g-partners__item{
    padding-right: calc(2.8rem * 0.33);
    padding-right: calc(var(--margin) * 0.33);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-partners__item{
    padding-right: calc(2.8rem * 0.33);
    padding-right: calc(var(--margin) * 0.33);
    }
  }
  @media only screen and (min-width: 960px){
    .g-partners__item{
    padding-right: calc(2.8rem * 0.33);
    padding-right: calc(var(--margin) * 0.33);
    }
  }
  @media only screen and (min-width: 600px){
    .g-partners__item{
    padding-right: calc(2.4rem * 0.33);
    padding-right: calc(var(--margin) * 0.33);
    }
  }
  @media only screen and (min-width: 1680px){
    .g-partners__item{
    padding-left: calc(2.8rem * 0.33);
    padding-left: calc(var(--margin) * 0.33);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-partners__item{
    padding-left: calc(2.8rem * 0.33);
    padding-left: calc(var(--margin) * 0.33);
    }
  }
  @media only screen and (min-width: 960px){
    .g-partners__item{
    padding-left: calc(2.8rem * 0.33);
    padding-left: calc(var(--margin) * 0.33);
    }
  }
  @media only screen and (min-width: 600px){
    .g-partners__item{
    padding-left: calc(2.4rem * 0.33);
    padding-left: calc(var(--margin) * 0.33);
    }
  }
  @media only screen and (min-width: 1680px){
    .g-partners__item{
    padding-bottom: calc(2.8rem * 0);
    padding-bottom: calc(var(--margin) * 0);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-partners__item{
    padding-bottom: calc(2.8rem * 0);
    padding-bottom: calc(var(--margin) * 0);
    }
  }
  @media only screen and (min-width: 960px){
    .g-partners__item{
    padding-bottom: calc(2.8rem * 0);
    padding-bottom: calc(var(--margin) * 0);
    }
  }
  @media only screen and (min-width: 600px){
    .g-partners__item{
    padding-bottom: calc(2.4rem * 0);
    padding-bottom: calc(var(--margin) * 0);
    }
  }
  @media only screen and (min-width: 1680px){
    .g-partners__item{
    padding-top: calc(2.8rem * 0);
    padding-top: calc(var(--margin) * 0);
    }
  }
  @media only screen and (min-width: 1280px){
    .g-partners__item{
    padding-top: calc(2.8rem * 0);
    padding-top: calc(var(--margin) * 0);
    }
  }
  @media only screen and (min-width: 960px){
    .g-partners__item{
    padding-top: calc(2.8rem * 0);
    padding-top: calc(var(--margin) * 0);
    }
  }
  @media only screen and (min-width: 600px){
    .g-partners__item{
    padding-top: calc(2.4rem * 0);
    padding-top: calc(var(--margin) * 0);
    }
  }
}

.g-partners__item img {
  width: auto;
  height: 60px;
}

.g-partners__item:not(.g-partners__item--container):first-of-type {
  padding-left: 0;
}

.g-partners__item:not(.g-partners__item--container):last-of-type {
  padding-right: 0;
}

/* Components */
.c-site-header {
  position: fixed;
  z-index: 902;
  top: 0;
  width: 100%;
  transition: top 0.3s ease-in-out, background-color 0.44s cubic-bezier(0.12, 0.67, 0.53, 1);
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-text-inverted);
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-color: rgba(11, 52, 198, 0.6);
  opacity: 1;
}
.c-site-header.is-hidden {
  top: -100px;
}

body[data-header-transparent=true] .c-site-header {
  background-color: transparent !important;
  opacity: 1;
}

.g-banner .o-logo {
  padding-top: calc(1.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  padding-bottom: calc(1.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
}

@media only screen and (min-width: 1680px){
  .g-banner .o-logo{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .o-logo{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .o-logo{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .o-logo{
  padding-bottom: calc(2.4rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner .o-logo{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .o-logo{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .o-logo{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .o-logo{
  padding-top: calc(2.4rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

.g-banner .o-logo-large {
  padding-top: calc(1.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  padding-bottom: calc(1.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
}

@media only screen and (min-width: 1680px){
  .g-banner .o-logo-large{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .o-logo-large{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .o-logo-large{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .o-logo-large{
  padding-bottom: calc(2.4rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1680px){
  .g-banner .o-logo-large{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 1280px){
  .g-banner .o-logo-large{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 960px){
  .g-banner .o-logo-large{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

@media only screen and (min-width: 600px){
  .g-banner .o-logo-large{
  padding-top: calc(2.4rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}

.o-logo,
.o-logo-large {
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  letter-spacing: -0.035em;
  line-height: 1.05em;
  font-weight: 700;
  text-transform: lowercase;
}
.o-logo svg,
.o-logo-large svg {
  display: inline-block;
  line-height: 1em;
}
.o-logo svg + svg,
.o-logo-large svg + svg {
  margin-left: 5px;
}
.o-logo span,
.o-logo-large span {
  margin-left: 6px;
  margin-bottom: -7px;
  display: inline-block;
}

.c-site-main {
  flex: 1 0 auto;
}

.c-site-main:not(.has-color-light) {
  background-color: #ffffff;
  background-color: var(--color-white);
}

.c-site-footer {
  flex-shrink: 0;
}

.c-site-hero {
  position: relative;
  width: 100%;
  min-height: 650px;
  height: 90vh;
  background-color: #0B34C6;
  background-color: var(--color-background);
  color: #ffffff;
  color: var(--color-text-inverted);
  display: flex;
  align-items: center;
  justify-content: left;
}

.c-site-hero__text {
  position: relative;
  width: 100%;
  max-width: 27.5ch;
  padding: 1.8rem 0;
  padding: var(--margin) 0;
}

@media only screen and (min-width: 1680px){
  .c-site-hero__text{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 1280px){
  .c-site-hero__text{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 960px){
  .c-site-hero__text{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 600px){
  .c-site-hero__text{
  padding: 2.4rem 0;
  padding: var(--margin) 0;
  }
}
.c-site-hero__text:hover {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-fill-color: var(--color-text-inverted);
  color: #ffffff;
  color: var(--color-text-inverted);
}
.c-site-hero__text:focus {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-fill-color: var(--color-text-inverted);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-site-hero__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: grayscale(100%) brightness(0.75) contrast(1.15);
  background-color: #0B34C6;
  background-color: var(--color-background);
  mix-blend-mode: overlay;
}

.c-site-hero__media__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-site-hero__media__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-page-hero {
  position: sticky;
  top: 0;
  width: 100%;
  min-height: 450px;
  height: 45vh;
  display: flex;
  align-items: flex-end;
  padding: 1.8rem 0;
  padding: var(--margin) 0;
  z-index: 0;
}

@media only screen and (min-width: 1680px){
  .c-page-hero{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 1280px){
  .c-page-hero{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 960px){
  .c-page-hero{
  padding: 2.8rem 0;
  padding: var(--margin) 0;
  }
}

@media only screen and (min-width: 600px){
  .c-page-hero{
  padding: 2.4rem 0;
  padding: var(--margin) 0;
  }
}

.c-page-hero__content {
  max-width: 20ch;
  height: 100%;
}

.c-page-content {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  background-color: var(--color-white);
}

.c-page-hero__back {
  margin: 1em 0;
  display: inline-block;
}

.c-heading {
  position: relative;
  padding-top: calc(1.8rem);
  padding-top: calc(var(--margin));
  padding-bottom: calc(1.8rem);
  padding-bottom: calc(var(--margin));
}

@media only screen and (min-width: 1680px){
  .c-heading{
  padding-bottom: calc(2.8rem);
  padding-bottom: calc(var(--margin));
  }
}

@media only screen and (min-width: 1280px){
  .c-heading{
  padding-bottom: calc(2.8rem);
  padding-bottom: calc(var(--margin));
  }
}

@media only screen and (min-width: 960px){
  .c-heading{
  padding-bottom: calc(2.8rem);
  padding-bottom: calc(var(--margin));
  }
}

@media only screen and (min-width: 600px){
  .c-heading{
  padding-bottom: calc(2.4rem);
  padding-bottom: calc(var(--margin));
  }
}

@media only screen and (min-width: 1680px){
  .c-heading{
  padding-top: calc(2.8rem);
  padding-top: calc(var(--margin));
  }
}

@media only screen and (min-width: 1280px){
  .c-heading{
  padding-top: calc(2.8rem);
  padding-top: calc(var(--margin));
  }
}

@media only screen and (min-width: 960px){
  .c-heading{
  padding-top: calc(2.8rem);
  padding-top: calc(var(--margin));
  }
}

@media only screen and (min-width: 600px){
  .c-heading{
  padding-top: calc(2.4rem);
  padding-top: calc(var(--margin));
  }
}

.c-page-heading {
  padding-bottom: calc(1.8rem * 2);
  padding-bottom: calc(var(--margin) * 2);
  min-height: 350px;
}

@media only screen and (min-width: 1680px){
  .c-page-heading{
  padding-bottom: calc(2.8rem * 2);
  padding-bottom: calc(var(--margin) * 2);
  }
}

@media only screen and (min-width: 1280px){
  .c-page-heading{
  padding-bottom: calc(2.8rem * 2);
  padding-bottom: calc(var(--margin) * 2);
  }
}

@media only screen and (min-width: 960px){
  .c-page-heading{
  padding-bottom: calc(2.8rem * 2);
  padding-bottom: calc(var(--margin) * 2);
  }
}

@media only screen and (min-width: 600px){
  .c-page-heading{
  padding-bottom: calc(2.4rem * 2);
  padding-bottom: calc(var(--margin) * 2);
  }
}

.c-card {
  position: relative;
  position: relative;
  z-index: 0;
}
.c-card a::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.c-card--subtle {
  border-top: 1px solid rgba(0,0,0,0.25);
  border-top: 1px solid var(--color-border);
  margin-bottom: calc(1.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
}

@media only screen and (min-width: 1680px){
  .c-card--subtle{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .c-card--subtle{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .c-card--subtle{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .c-card--subtle{
  margin-bottom: calc(2.4rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}
.c-card--subtle .c-card--subtle__title {
  margin-bottom: calc(1.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
}
@media only screen and (min-width: 1680px){
  .c-card--subtle .c-card--subtle__title{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}
@media only screen and (min-width: 1280px){
  .c-card--subtle .c-card--subtle__title{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}
@media only screen and (min-width: 960px){
  .c-card--subtle .c-card--subtle__title{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}
@media only screen and (min-width: 600px){
  .c-card--subtle .c-card--subtle__title{
  margin-bottom: calc(2.4rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

.c-card__content {
  margin-top: calc(1.8rem / 2);
  margin-top: calc(var(--margin) / 2);
}

@media only screen and (min-width: 1680px){
  .c-card__content{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .c-card__content{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .c-card__content{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .c-card__content{
  margin-top: calc(2.4rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

.has-hoverstate > img,
.has-hoverstate > video {
  transform: scale(1);
  transition: opacity 0.77s cubic-bezier(0.12, 0.67, 0.53, 1), transform 0.77s cubic-bezier(0.12, 0.67, 0.53, 1);
}

.c-card:hover .has-hoverstate > img,
.c-card:hover .has-hoverstate > video {
  transform: scale(1.05);
}

.c-card__title {
  padding: calc(1.8rem / 2) 0;
  padding: calc(var(--margin) / 2) 0;
}

@media only screen and (min-width: 1680px){
  .c-card__title{
  padding: calc(2.8rem / 2) 0;
  padding: calc(var(--margin) / 2) 0;
  }
}

@media only screen and (min-width: 1280px){
  .c-card__title{
  padding: calc(2.8rem / 2) 0;
  padding: calc(var(--margin) / 2) 0;
  }
}

@media only screen and (min-width: 960px){
  .c-card__title{
  padding: calc(2.8rem / 2) 0;
  padding: calc(var(--margin) / 2) 0;
  }
}

@media only screen and (min-width: 600px){
  .c-card__title{
  padding: calc(2.4rem / 2) 0;
  padding: calc(var(--margin) / 2) 0;
  }
}

.c-card-strip {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: flex-start;
}

.c-card-blogpost {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .c-card-blogpost {
    flex-direction: row-reverse;
  }
}

.c-card-strip .c-card__media,
.c-card-blogpost .c-card__media {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .c-card-strip .c-card__media,
  .c-card-blogpost .c-card__media {
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .c-card-strip .c-card__media,
  .c-card-blogpost .c-card__media {
    width: 33.3333333333%;
  }
}

.c-card-strip {
  padding-bottom: 1.8rem;
  padding-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .c-card-strip{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-card-strip{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-card-strip{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-card-strip{
  padding-bottom: 2.4rem;
  padding-bottom: var(--margin);
  }
}

.c-card-blogpost {
  padding-bottom: 1.8rem;
  padding-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .c-card-blogpost{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-card-blogpost{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-card-blogpost{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-card-blogpost{
  padding-bottom: 2.4rem;
  padding-bottom: var(--margin);
  }
}

.g-section--module .c-card-strip:last-child,
.g-section--module .c-card-blogpost:last-child {
  border-bottom: none;
}

.c-card-strip .c-card__content {
  max-width: 40em;
  width: 100%;
  margin-top: 1.8rem;
  margin-top: var(--margin);
}

@media only screen and (min-width: 1680px){
  .c-card-strip .c-card__content{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-card-strip .c-card__content{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-card-strip .c-card__content{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-card-strip .c-card__content{
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}
@media only screen and (min-width: 768px) {
  .c-card-strip .c-card__content {
    width: calc(50% - 1.8rem);
    width: calc(50% - var(--margin));
    margin-left: 1.8rem;
    margin-left: var(--margin);
    margin-top: 0;
  }
  @media only screen and (min-width: 1680px){
    .c-card-strip .c-card__content{
    margin-left: 2.8rem;
    margin-left: var(--margin);
    }
  }
  @media only screen and (min-width: 1280px){
    .c-card-strip .c-card__content{
    margin-left: 2.8rem;
    margin-left: var(--margin);
    }
  }
  @media only screen and (min-width: 960px){
    .c-card-strip .c-card__content{
    margin-left: 2.8rem;
    margin-left: var(--margin);
    }
  }
  @media only screen and (min-width: 600px){
    .c-card-strip .c-card__content{
    margin-left: 2.4rem;
    margin-left: var(--margin);
    }
  }
  @media only screen and (min-width: 1680px){
    .c-card-strip .c-card__content{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 1280px){
    .c-card-strip .c-card__content{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 960px){
    .c-card-strip .c-card__content{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 600px){
    .c-card-strip .c-card__content{
    width: calc(50% - 2.4rem);
    width: calc(50% - var(--margin));
    }
  }
}
@media only screen and (min-width: 960px) {
  .c-card-strip .c-card__content {
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
  }
  @media only screen and (min-width: 1680px){
    .c-card-strip .c-card__content{
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
    }
  }
  @media only screen and (min-width: 1280px){
    .c-card-strip .c-card__content{
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
    }
  }
  @media only screen and (min-width: 960px){
    .c-card-strip .c-card__content{
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
    }
  }
  @media only screen and (min-width: 600px){
    .c-card-strip .c-card__content{
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
    }
  }
}

.c-card-blogpost .c-card__content {
  max-width: 40em;
  width: 100%;
  margin-top: 1.8rem;
  margin-top: var(--margin);
}

@media only screen and (min-width: 1680px){
  .c-card-blogpost .c-card__content{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-card-blogpost .c-card__content{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-card-blogpost .c-card__content{
  margin-top: 2.8rem;
  margin-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-card-blogpost .c-card__content{
  margin-top: 2.4rem;
  margin-top: var(--margin);
  }
}
@media only screen and (min-width: 768px) {
  .c-card-blogpost .c-card__content {
    width: calc(50% - 1.8rem);
    width: calc(50% - var(--margin));
    margin-right: 1.8rem;
    margin-right: var(--margin);
    margin-top: 0;
  }
  @media only screen and (min-width: 1680px){
    .c-card-blogpost .c-card__content{
    margin-right: 2.8rem;
    margin-right: var(--margin);
    }
  }
  @media only screen and (min-width: 1280px){
    .c-card-blogpost .c-card__content{
    margin-right: 2.8rem;
    margin-right: var(--margin);
    }
  }
  @media only screen and (min-width: 960px){
    .c-card-blogpost .c-card__content{
    margin-right: 2.8rem;
    margin-right: var(--margin);
    }
  }
  @media only screen and (min-width: 600px){
    .c-card-blogpost .c-card__content{
    margin-right: 2.4rem;
    margin-right: var(--margin);
    }
  }
  @media only screen and (min-width: 1680px){
    .c-card-blogpost .c-card__content{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 1280px){
    .c-card-blogpost .c-card__content{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 960px){
    .c-card-blogpost .c-card__content{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 600px){
    .c-card-blogpost .c-card__content{
    width: calc(50% - 2.4rem);
    width: calc(50% - var(--margin));
    }
  }
}
@media only screen and (min-width: 960px) {
  .c-card-blogpost .c-card__content {
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
  }
  @media only screen and (min-width: 1680px){
    .c-card-blogpost .c-card__content{
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
    }
  }
  @media only screen and (min-width: 1280px){
    .c-card-blogpost .c-card__content{
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
    }
  }
  @media only screen and (min-width: 960px){
    .c-card-blogpost .c-card__content{
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
    }
  }
  @media only screen and (min-width: 600px){
    .c-card-blogpost .c-card__content{
    width: calc(66.6666666667% - 2.8rem);
    width: calc(66.6666666667% - var(--margin));
    }
  }
}

.c-card-strip .c-card__content-inner > * {
  margin-top: calc(1.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  margin-bottom: calc(1.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
}

@media only screen and (min-width: 1680px){
  .c-card-strip .c-card__content-inner > *{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .c-card-strip .c-card__content-inner > *{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .c-card-strip .c-card__content-inner > *{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .c-card-strip .c-card__content-inner > *{
  margin-bottom: calc(2.4rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1680px){
  .c-card-strip .c-card__content-inner > *{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .c-card-strip .c-card__content-inner > *{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .c-card-strip .c-card__content-inner > *{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .c-card-strip .c-card__content-inner > *{
  margin-top: calc(2.4rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

.c-card-blogpost .c-card__content-inner > * {
  margin-top: calc(1.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  margin-bottom: calc(1.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
}

@media only screen and (min-width: 1680px){
  .c-card-blogpost .c-card__content-inner > *{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .c-card-blogpost .c-card__content-inner > *{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .c-card-blogpost .c-card__content-inner > *{
  margin-bottom: calc(2.8rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .c-card-blogpost .c-card__content-inner > *{
  margin-bottom: calc(2.4rem / 2);
  margin-bottom: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1680px){
  .c-card-blogpost .c-card__content-inner > *{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .c-card-blogpost .c-card__content-inner > *{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .c-card-blogpost .c-card__content-inner > *{
  margin-top: calc(2.8rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .c-card-blogpost .c-card__content-inner > *{
  margin-top: calc(2.4rem / 2);
  margin-top: calc(var(--margin) / 2);
  }
}
.c-card-strip .c-card__content-inner > *:first-child,
.c-card-blogpost .c-card__content-inner > *:first-child {
  margin-top: 0;
}
.c-card-strip .c-card__content-inner > *:last-child,
.c-card-blogpost .c-card__content-inner > *:last-child {
  margin-bottom: 0;
}

.c-card--resource {
  background-color: #0B34C6;
  background-color: var(--color-primary);
  color: #ffffff;
  color: var(--color-text-inverted);
  aspect-ratio: 3/2;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: background-color 0.77s cubic-bezier(0.12, 0.67, 0.53, 1), transform 0.77s cubic-bezier(0.12, 0.67, 0.53, 1);
  position: relative;
}
.c-card--resource .c-card__content {
  padding: 0 1.8rem;
  padding: 0 var(--margin);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (min-width: 1680px){
  .c-card--resource .c-card__content{
  padding: 0 2.8rem;
  padding: 0 var(--margin);
  }
}
@media only screen and (min-width: 1280px){
  .c-card--resource .c-card__content{
  padding: 0 2.8rem;
  padding: 0 var(--margin);
  }
}
@media only screen and (min-width: 960px){
  .c-card--resource .c-card__content{
  padding: 0 2.8rem;
  padding: 0 var(--margin);
  }
}
@media only screen and (min-width: 600px){
  .c-card--resource .c-card__content{
  padding: 0 2.4rem;
  padding: 0 var(--margin);
  }
}
.c-card--resource .c-card__title {
  margin: 0;
}
.c-card--resource .c-card__subtitle {
  padding-bottom: 1.8rem;
  padding-bottom: var(--margin);
}
@media only screen and (min-width: 1680px){
  .c-card--resource .c-card__subtitle{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}
@media only screen and (min-width: 1280px){
  .c-card--resource .c-card__subtitle{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}
@media only screen and (min-width: 960px){
  .c-card--resource .c-card__subtitle{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}
@media only screen and (min-width: 600px){
  .c-card--resource .c-card__subtitle{
  padding-bottom: 2.4rem;
  padding-bottom: var(--margin);
  }
}
.c-card--resource .t-gray {
  opacity: 0.8;
  margin: 0;
}
.c-card--resource .c-card__expand-icon {
  position: absolute;
  bottom: calc(1.8rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  right: calc(1.8rem / 1.5);
  right: calc(var(--margin) / 1.5);
  width: 25px;
  height: 24px;
  z-index: 2;
}
@media only screen and (min-width: 1680px){
  .c-card--resource .c-card__expand-icon{
  right: calc(2.8rem / 1.5);
  right: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .c-card--resource .c-card__expand-icon{
  right: calc(2.8rem / 1.5);
  right: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .c-card--resource .c-card__expand-icon{
  right: calc(2.8rem / 1.5);
  right: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .c-card--resource .c-card__expand-icon{
  right: calc(2.4rem / 1.5);
  right: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1680px){
  .c-card--resource .c-card__expand-icon{
  bottom: calc(2.8rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .c-card--resource .c-card__expand-icon{
  bottom: calc(2.8rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .c-card--resource .c-card__expand-icon{
  bottom: calc(2.8rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .c-card--resource .c-card__expand-icon{
  bottom: calc(2.4rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  }
}
.c-card--resource .c-card__expand-icon svg {
  width: 100%;
  height: 100%;
}
.c-card--resource .c-card__expand-icon svg path {
  stroke: #ffffff;
  stroke: var(--color-text-inverted);
  transition: stroke 0.28s cubic-bezier(0.12, 0.67, 0.53, 1);
}

.c-card--resource:hover {
  background-color: #0099FF;
  background-color: var(--color-light);
  transform: scale(1.05);
}

.c-article {
  display: grid;
  grid-column-gap: 1.8rem;
  grid-column-gap: var(--margin);
  grid-row-gap: 1.8rem;
  grid-row-gap: var(--margin);
}

@media only screen and (min-width: 1680px){
  .c-article{
  grid-row-gap: 2.8rem;
  grid-row-gap: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-article{
  grid-row-gap: 2.8rem;
  grid-row-gap: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-article{
  grid-row-gap: 2.8rem;
  grid-row-gap: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-article{
  grid-row-gap: 2.4rem;
  grid-row-gap: var(--margin);
  }
}

@media only screen and (min-width: 1680px){
  .c-article{
  grid-column-gap: 2.8rem;
  grid-column-gap: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-article{
  grid-column-gap: 2.8rem;
  grid-column-gap: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-article{
  grid-column-gap: 2.8rem;
  grid-column-gap: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-article{
  grid-column-gap: 2.4rem;
  grid-column-gap: var(--margin);
  }
}
@media only screen and (min-width: 960px) {
  .c-article {
    grid-template-columns: repeat(2, 1fr);
    margin: 2.8rem 0 calc(2.8rem * 2) 0;
    margin: var(--margin) 0 calc(var(--margin) * 2) 0;
  }
  @media only screen and (min-width: 1680px){
    .c-article{
    margin: 2.8rem 0 calc(2.8rem * 2) 0;
    margin: var(--margin) 0 calc(var(--margin) * 2) 0;
    }
  }
  @media only screen and (min-width: 1280px){
    .c-article{
    margin: 2.8rem 0 calc(2.8rem * 2) 0;
    margin: var(--margin) 0 calc(var(--margin) * 2) 0;
    }
  }
  @media only screen and (min-width: 960px){
    .c-article{
    margin: 2.8rem 0 calc(2.8rem * 2) 0;
    margin: var(--margin) 0 calc(var(--margin) * 2) 0;
    }
  }
  @media only screen and (min-width: 600px){
    .c-article{
    margin: 2.8rem 0 calc(2.8rem * 2) 0;
    margin: var(--margin) 0 calc(var(--margin) * 2) 0;
    }
  }
}

.c-article > * {
  width: 100%;
}

.c-article__media--desktop {
  display: none;
}
@media only screen and (min-width: 960px) {
  .c-article__media--desktop {
    display: block;
  }
}

.c-article__media--mobile {
  display: block;
}
@media only screen and (min-width: 960px) {
  .c-article__media--mobile {
    display: none;
  }
}

.c-article__media {
  order: 1;
}
@media only screen and (min-width: 960px) {
  .c-article__media {
    order: 2;
  }
}

.c-article__content {
  order: 2;
}
@media only screen and (min-width: 960px) {
  .c-article__content {
    order: 1;
  }
}

.c-article--blogpost .c-article__media {
  order: 2;
}
@media only screen and (min-width: 960px) {
  .c-article--blogpost .c-article__media {
    order: 1;
  }
}

.c-article--blogpost .c-article__content {
  order: 1;
}
@media only screen and (min-width: 960px) {
  .c-article--blogpost .c-article__content {
    order: 2;
  }
}

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

.c-nav-toggle {
  width: 36px;
  height: 36px;
  background-color: white;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -2px;
}
.c-nav-toggle:before, .c-nav-toggle:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 1.5px;
  background-color: blue;
  left: 50%;
  transform: translateX(-50%);
  transition: transform 0.3s ease;
}
.c-nav-toggle:before {
  top: 14px;
}
.c-nav-toggle:after {
  top: 21px;
}
@media only screen and (min-width: 1100px) {
  .c-nav-toggle {
    display: none;
  }
}

body[data-menu-open=true] .c-nav-toggle:before {
  transform: translateX(-50%) rotate(45deg);
  top: 18px;
}

body[data-menu-open=true] .c-nav-toggle:after {
  transform: translateX(-50%) rotate(-45deg);
  top: 18px;
}

.c-nav .c-nav-item {
  display: none;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  font-weight: 700;
}
@media only screen and (min-width: 600px) {
  .c-nav .c-nav-item {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .c-nav .c-nav-item {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .c-nav .c-nav-item {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1100px) {
  .c-nav .c-nav-item {
    display: inline-block;
  }
}
.c-nav .c-nav-item:hover {
  color: #FFC800;
  color: var(--color-yellow);
}

.c-nav-item--button {
  margin-left: calc(1.8rem / 2);
  margin-left: calc(var(--margin) / 2);
}

@media only screen and (min-width: 1680px){
  .c-nav-item--button{
  margin-left: calc(2.8rem / 2);
  margin-left: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 1280px){
  .c-nav-item--button{
  margin-left: calc(2.8rem / 2);
  margin-left: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 960px){
  .c-nav-item--button{
  margin-left: calc(2.8rem / 2);
  margin-left: calc(var(--margin) / 2);
  }
}

@media only screen and (min-width: 600px){
  .c-nav-item--button{
  margin-left: calc(2.4rem / 2);
  margin-left: calc(var(--margin) / 2);
  }
}

.c-mobile-nav {
  padding: 1.8rem;
  padding: var(--margin);
  padding-top: 90px;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
  color: transparent;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  display: block;
  -webkit-overflow-scrolling: touch;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  z-index: 901;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.44s;
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.44s;
  -moz-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.44s;
  -o-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -o-transition-delay: 0s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.44s;
  -ms-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -ms-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.44s;
  transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  transition-delay: 0s;
}

@media only screen and (min-width: 1680px){
  .c-mobile-nav{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-mobile-nav{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-mobile-nav{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-mobile-nav{
  padding: 2.4rem;
  padding: var(--margin);
  }
}
@media only screen and (min-width: 1100px) {
  .c-mobile-nav {
    font-size: 4rem;
    letter-spacing: -0.04em;
    line-height: 0.96em;
    font-weight: 700;
    text-transform: lowercase;
  }
}
@media only screen and (min-width: 1100px) and (min-width: 960px) {
  .c-mobile-nav {
    font-size: 5.4rem;
  }
}
@media only screen and (min-width: 1100px) and (min-width: 1280px) {
  .c-mobile-nav {
    font-size: 6.8rem;
  }
}
body[data-menu-open=true] .c-mobile-nav {
  pointer-events: auto;
  opacity: 1;
}

body[data-menu-open=false] .c-mobile-nav {
  pointer-events: none;
  opacity: 0;
}

.c-mobile-nav ul {
  position: absolute;
  right: 1.8rem;
  right: var(--margin-container);
  text-align: right;
}

@media only screen and (min-width: 1680px){
  .c-mobile-nav ul{
  right: 8.4rem;
  right: var(--margin-container);
  }
}

@media only screen and (min-width: 1280px){
  .c-mobile-nav ul{
  right: 5.6rem;
  right: var(--margin-container);
  }
}

@media only screen and (min-width: 960px){
  .c-mobile-nav ul{
  right: 2.8rem;
  right: var(--margin-container);
  }
}

@media only screen and (min-width: 600px){
  .c-mobile-nav ul{
  right: 2.4rem;
  right: var(--margin-container);
  }
}

.c-mobile-nav a {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-color: var(--color-text-inverted);
}
.c-mobile-nav a:hover {
  color: #ffffff;
  color: var(--color-text-inverted);
}
.c-mobile-nav a.active {
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-nav-mobile {
  position: fixed;
  overflow-y: scroll;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

[aria-hidden=true] {
  transition: opacity 0.28s, z-index 0s 0.28s;
  width: 100vw;
  z-index: -1;
  opacity: 0;
}

[aria-hidden=false] {
  transition: opacity 0.28s;
  width: 100%;
  z-index: 901;
  opacity: 1;
}

.c-nav-mobile ul {
  position: relative;
  padding: 1.8rem;
  padding: var(--margin);
  margin-top: calc(1.8rem * 3);
  margin-top: calc(var(--margin) * 3);
  width: 100%;
}

@media only screen and (min-width: 1680px){
  .c-nav-mobile ul{
  margin-top: calc(2.8rem * 3);
  margin-top: calc(var(--margin) * 3);
  }
}

@media only screen and (min-width: 1280px){
  .c-nav-mobile ul{
  margin-top: calc(2.8rem * 3);
  margin-top: calc(var(--margin) * 3);
  }
}

@media only screen and (min-width: 960px){
  .c-nav-mobile ul{
  margin-top: calc(2.8rem * 3);
  margin-top: calc(var(--margin) * 3);
  }
}

@media only screen and (min-width: 600px){
  .c-nav-mobile ul{
  margin-top: calc(2.4rem * 3);
  margin-top: calc(var(--margin) * 3);
  }
}

@media only screen and (min-width: 1680px){
  .c-nav-mobile ul{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-nav-mobile ul{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-nav-mobile ul{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-nav-mobile ul{
  padding: 2.4rem;
  padding: var(--margin);
  }
}

.c-nav-mobile li,
.c-nav-mobile a {
  display: block;
  width: 100%;
}

.c-search {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  border-bottom: 1px solid rgba(0,0,0,0.25);
  border-bottom: 1px solid var(--color-border);
  padding-top: calc(1.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  padding-bottom: calc(1.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
}

@media only screen and (min-width: 1680px){
  .c-search{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .c-search{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .c-search{
  padding-bottom: calc(2.8rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .c-search{
  padding-bottom: calc(2.4rem * 0.75);
  padding-bottom: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1680px){
  .c-search{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 1280px){
  .c-search{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 960px){
  .c-search{
  padding-top: calc(2.8rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}

@media only screen and (min-width: 600px){
  .c-search{
  padding-top: calc(2.4rem * 0.75);
  padding-top: calc(var(--margin) * 0.75);
  }
}
.c-search > * {
  line-height: 1em !important;
}

.c-nav__search {
  position: absolute;
  margin: 0;
  border-top: none;
  border-bottom: none;
}

.c-search__icon {
  margin-right: 0.75em;
}

.c-search-form {
  position: absolute;
  padding-left: 1.5em;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  margin: 0 auto;
  line-height: 1em;
}

.c-search__close {
  position: absolute;
  right: 1em;
  height: 100%;
}

input[type=search] {
  flex: 1 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-search-form__submit {
  flex: 0 1em;
  position: relative;
}
.c-search-form__submit svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
}
.c-search-form__submit input[type=submit] {
  width: 1em;
  height: 100%;
}

.c-feature-container {
  margin: 0 auto;
}

.c-feature {
  background-color: #0B34C6;
  background-color: var(--color-background);
  color: #ffffff;
  color: var(--color-text-inverted);
  margin: calc(1.8rem / 4);
  margin: calc(var(--margin) / 4);
}

@media only screen and (min-width: 1680px){
  .c-feature{
  margin: calc(2.8rem / 4);
  margin: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1280px){
  .c-feature{
  margin: calc(2.8rem / 4);
  margin: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 960px){
  .c-feature{
  margin: calc(2.8rem / 4);
  margin: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 600px){
  .c-feature{
  margin: calc(2.4rem / 4);
  margin: calc(var(--margin) / 4);
  }
}

.c-feature:hover .t-sans-huge {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-fill-color: var(--color-text-inverted);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-feature:focus .t-sans-huge {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-fill-color: var(--color-text-inverted);
  color: #ffffff;
  color: var(--color-text-inverted);
}

.c-feature__media {
  height: auto;
}
.c-feature__media img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-feature__meta {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  padding-bottom: 1.8rem;
  padding-bottom: var(--margin);
}

@media only screen and (min-width: 1680px){
  .c-feature__meta{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-feature__meta{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-feature__meta{
  padding-bottom: 2.8rem;
  padding-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-feature__meta{
  padding-bottom: 2.4rem;
  padding-bottom: var(--margin);
  }
}
@media only screen and (min-width: 600px) {
  .c-feature__meta {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .c-feature__meta {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .c-feature__meta {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 960px) {
  .c-feature {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    justify-content: space-between;
  }
  .c-feature__media {
    width: 33.3333333333%;
  }
  .c-feature__content-wrap {
    margin-top: 0;
    width: 66.6666666667%;
  }
}
.c-feature__content-wrap {
  position: relative;
  z-index: 0;
}
.c-feature__content-wrap a::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.c-feature__content {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding: 1.8rem;
  padding: var(--margin);
  height: 100%;
}

@media only screen and (min-width: 1680px){
  .c-feature__content{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-feature__content{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-feature__content{
  padding: 2.8rem;
  padding: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-feature__content{
  padding: 2.4rem;
  padding: var(--margin);
  }
}

.c-content-block {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  justify-content: flex-start;
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
  gap: 1.8rem;
  gap: var(--margin);
}

@media only screen and (min-width: 1680px){
  .c-content-block{
  gap: 2.8rem;
  gap: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-content-block{
  gap: 2.8rem;
  gap: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-content-block{
  gap: 2.8rem;
  gap: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-content-block{
  gap: 2.4rem;
  gap: var(--margin);
  }
}

@media only screen and (min-width: 1680px){
  .c-content-block{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-content-block{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-content-block{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-content-block{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}

.c-content-block__text {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .c-content-block__text {
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
  }
  @media only screen and (min-width: 1680px){
    .c-content-block__text{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 1280px){
    .c-content-block__text{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 960px){
    .c-content-block__text{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 600px){
    .c-content-block__text{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
}

.c-content-block__media {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .c-content-block__media {
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
  }
  @media only screen and (min-width: 1680px){
    .c-content-block__media{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 1280px){
    .c-content-block__media{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 960px){
    .c-content-block__media{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
  @media only screen and (min-width: 600px){
    .c-content-block__media{
    width: calc(50% - 2.8rem);
    width: calc(50% - var(--margin));
    }
  }
}

@media only screen and (min-width: 960px) {
  .c-content-block[data-position=left] .c-content-block__media {
    order: 1;
  }
}
@media only screen and (min-width: 960px) {
  .c-content-block[data-position=left] .c-content-block__text {
    order: 2;
  }
}

@media only screen and (min-width: 960px) {
  .c-content-block[data-position=right] .c-content-block__media {
    order: 2;
  }
}
@media only screen and (min-width: 960px) {
  .c-content-block[data-position=right] .c-content-block__text {
    order: 1;
  }
}

.c-content-block__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-resources {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.8rem;
  gap: var(--margin);
}

@media only screen and (min-width: 1680px){
  .c-resources{
  gap: 2.8rem;
  gap: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-resources{
  gap: 2.8rem;
  gap: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-resources{
  gap: 2.8rem;
  gap: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-resources{
  gap: 2.4rem;
  gap: var(--margin);
  }
}

.c-resources__essentials {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .c-resources__essentials {
    grid-column: 1;
    position: sticky;
    top: 0;
    z-index: 1;
  }
}

.c-resources__list {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .c-resources__list {
    grid-column: 2;
  }
}

@media only screen and (min-width: 960px) {
  .c-resources {
    grid-template-columns: 1fr 2fr;
  }
}
.c-gallery {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  min-height: 300px;
  height: 75vh;
  max-height: 1400px;
}
.c-gallery:before, .c-gallery:after {
  content: " ";
  display: table;
}
.c-gallery:after {
  clear: both;
}

.c-gallery figure {
  width: 100%;
  height: 100%;
  margin: auto;
}

.c-gallery img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  margin: auto;
}

.c-highlight {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
}

.c-highlight--gray .c-highlight__inner {
  background-color: #EBEBEB;
  background-color: var(--color-gray);
}
.c-highlight--gray .c-highlight__inner:hover {
  background-color: #0099FF;
  background-color: var(--color-light);
}

.c-highlight__inner {
  position: relative;
  display: block;
  transition: all 0.28s cubic-bezier(0.12, 0.67, 0.53, 1);
}
.c-highlight__content {
  position: relative;
  padding: calc(1.8rem / 1.5);
  padding: calc(var(--margin) / 1.5);
}
@media only screen and (min-width: 1680px){
  .c-highlight__content{
  padding: calc(2.8rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .c-highlight__content{
  padding: calc(2.8rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .c-highlight__content{
  padding: calc(2.8rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .c-highlight__content{
  padding: calc(2.4rem / 1.5);
  padding: calc(var(--margin) / 1.5);
  }
}
.c-highlight__content .c-highlight__title {
  padding-bottom: calc(1.8rem / 1.5);
  padding-bottom: calc(var(--margin) / 1.5);
}
@media only screen and (min-width: 1680px){
  .c-highlight__content .c-highlight__title{
  padding-bottom: calc(2.8rem / 1.5);
  padding-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 1280px){
  .c-highlight__content .c-highlight__title{
  padding-bottom: calc(2.8rem / 1.5);
  padding-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 960px){
  .c-highlight__content .c-highlight__title{
  padding-bottom: calc(2.8rem / 1.5);
  padding-bottom: calc(var(--margin) / 1.5);
  }
}
@media only screen and (min-width: 600px){
  .c-highlight__content .c-highlight__title{
  padding-bottom: calc(2.4rem / 1.5);
  padding-bottom: calc(var(--margin) / 1.5);
  }
}

.c-highlight__expand-icon {
  position: absolute;
  bottom: calc(1.8rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  right: calc(1.8rem / 1.5);
  right: calc(var(--margin) / 1.5);
  width: 30px;
  height: 30px;
  z-index: 2;
}

@media only screen and (min-width: 1680px){
  .c-highlight__expand-icon{
  right: calc(2.8rem / 1.5);
  right: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 1280px){
  .c-highlight__expand-icon{
  right: calc(2.8rem / 1.5);
  right: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 960px){
  .c-highlight__expand-icon{
  right: calc(2.8rem / 1.5);
  right: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 600px){
  .c-highlight__expand-icon{
  right: calc(2.4rem / 1.5);
  right: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 1680px){
  .c-highlight__expand-icon{
  bottom: calc(2.8rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 1280px){
  .c-highlight__expand-icon{
  bottom: calc(2.8rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 960px){
  .c-highlight__expand-icon{
  bottom: calc(2.8rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  }
}

@media only screen and (min-width: 600px){
  .c-highlight__expand-icon{
  bottom: calc(2.4rem / 1.5);
  bottom: calc(var(--margin) / 1.5);
  }
}
.c-highlight__expand-icon svg {
  width: 100%;
  height: 100%;
}
.c-highlight__expand-icon svg path {
  stroke: #232323;
  stroke: var(--color-text);
  transition: stroke 0.28s cubic-bezier(0.12, 0.67, 0.53, 1);
}

.c-highlight:hover .c-highlight__expand-icon svg path {
  stroke: #ffffff;
  stroke: var(--color-text-inverted);
}

@media only screen and (min-width: 480px) {
  .c-highlight__content {
    padding: 0;
  }
  .c-highlight__content:before {
    display: block;
    content: "";
    width: 100%;
    height: 0;
    padding-bottom: 66.6666666667%;
  }
  .c-highlight__content .c-highlight__title {
    padding: calc(1.8rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    position: absolute;
    top: 0;
  }
  @media only screen and (min-width: 1680px){
    .c-highlight__content .c-highlight__title{
    padding: calc(2.8rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    }
  }
  @media only screen and (min-width: 1280px){
    .c-highlight__content .c-highlight__title{
    padding: calc(2.8rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    }
  }
  @media only screen and (min-width: 960px){
    .c-highlight__content .c-highlight__title{
    padding: calc(2.8rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    }
  }
  @media only screen and (min-width: 600px){
    .c-highlight__content .c-highlight__title{
    padding: calc(2.4rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    }
  }
  .c-highlight__content .c-highlight__meta {
    padding: calc(1.8rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    position: absolute;
    bottom: 0;
  }
  @media only screen and (min-width: 1680px){
    .c-highlight__content .c-highlight__meta{
    padding: calc(2.8rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    }
  }
  @media only screen and (min-width: 1280px){
    .c-highlight__content .c-highlight__meta{
    padding: calc(2.8rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    }
  }
  @media only screen and (min-width: 960px){
    .c-highlight__content .c-highlight__meta{
    padding: calc(2.8rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    }
  }
  @media only screen and (min-width: 600px){
    .c-highlight__content .c-highlight__meta{
    padding: calc(2.4rem / 1.5);
    padding: calc(var(--margin) / 1.5);
    }
  }
}
.c-map-container {
  height: auto;
  height: 100vh;
  background: #0099FF;
  background: var(--color-light);
  position: relative;
  z-index: 1;
}

.c-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-map-container {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #0b34c6;
}
.c-map-layout {
  position: relative;
  width: 100%;
  height: 100%;
}
.c-map-toggle {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1000;
  display: flex;
  gap: 4px;
  background: rgba(255, 255, 255, 0.1);
  padding: 4px;
  border-radius: 50px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.c-map-toggle__button {
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: #FFFFFF;
  font-size: 1.4rem;
  line-height: 1.35em;
  font-weight: 700;
  cursor: pointer;
  border-radius: 50px;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 600px) {
  .c-map-toggle__button {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  .c-map-toggle__button {
    font-size: 1.8rem;
  }
}
.c-map-toggle__button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.c-map-toggle__button--active {
  background: #FFFFFF;
  color: #0b34c6;
}

.c-map a {
  color: #0B34C6;
  color: var(--color-primary);
  text-decoration: underline;
}

.c-collapsible-section {
  position: relative;
}

.c-collapsible-section__content {
  overflow: hidden;
  transition: max-height 1s cubic-bezier(0.12, 0.67, 0.53, 1);
}

.c-collapsible-section__inner {
  overflow: hidden;
  height: auto;
}

[data-collapsed=false] .c-load-more {
  opacity: 0;
  pointer-events: none;
}

[data-collapsed=true] .c-collapsible-section__content {
  max-height: auto;
}

.no-js [data-collapsed=true] .c-collapsible-section__content,
.no-js .c-collapsible-section__content {
  display: block;
  max-height: auto;
}

.c-collapsible-list {
  position: relative;
  padding: calc(1.8rem / 2) 0 calc(1.8rem / 2) 0;
  padding: calc(var(--margin) / 2) 0 calc(var(--margin) / 2) 0;
  border-top: 1px solid rgba(0,0,0,0.25);
  border-top: 1px solid var(--color-border);
}

@media only screen and (min-width: 1680px){
  .c-collapsible-list{
  padding: calc(2.8rem / 2) 0 calc(2.8rem / 2) 0;
  padding: calc(var(--margin) / 2) 0 calc(var(--margin) / 2) 0;
  }
}

@media only screen and (min-width: 1280px){
  .c-collapsible-list{
  padding: calc(2.8rem / 2) 0 calc(2.8rem / 2) 0;
  padding: calc(var(--margin) / 2) 0 calc(var(--margin) / 2) 0;
  }
}

@media only screen and (min-width: 960px){
  .c-collapsible-list{
  padding: calc(2.8rem / 2) 0 calc(2.8rem / 2) 0;
  padding: calc(var(--margin) / 2) 0 calc(var(--margin) / 2) 0;
  }
}

@media only screen and (min-width: 600px){
  .c-collapsible-list{
  padding: calc(2.4rem / 2) 0 calc(2.4rem / 2) 0;
  padding: calc(var(--margin) / 2) 0 calc(var(--margin) / 2) 0;
  }
}

.c-collapsible-list__title {
  cursor: pointer;
}
.c-collapsible-list__title:hover {
  color: #0B34C6;
  color: var(--color-text-link-hover);
}

.c-collapsible-list__content {
  overflow: hidden;
  opacity: 0;
  display: none;
}

[data-collapsed=true] .c-collapsible-list__content {
  opacity: 1;
  display: block;
}

.no-js [data-collapsed=true] .c-collapsible-list__content,
.no-js .c-collapsible-list__content {
  display: block;
  max-height: auto;
}

.c-load-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 10em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0 auto;
  text-align: center;
  background: linear-gradient(to top, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0));
}
.c-load-more > a {
  margin-top: 3.5em;
}

.c-newsletter {
  position: relative;
  margin-bottom: 1.8rem;
  margin-bottom: var(--margin);
  width: 100%;
}

@media only screen and (min-width: 1680px){
  .c-newsletter{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-newsletter{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-newsletter{
  margin-bottom: 2.8rem;
  margin-bottom: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-newsletter{
  margin-bottom: 2.4rem;
  margin-bottom: var(--margin);
  }
}
@media only screen and (min-width: 960px) {
  .c-newsletter {
    width: 50%;
  }
}

.c-newsletter-heading {
  padding-top: 1.8rem;
  padding-top: var(--margin);
  padding-bottom: calc(1.8rem / 4);
  padding-bottom: calc(var(--margin) / 4);
}

@media only screen and (min-width: 1680px){
  .c-newsletter-heading{
  padding-bottom: calc(2.8rem / 4);
  padding-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1280px){
  .c-newsletter-heading{
  padding-bottom: calc(2.8rem / 4);
  padding-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 960px){
  .c-newsletter-heading{
  padding-bottom: calc(2.8rem / 4);
  padding-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 600px){
  .c-newsletter-heading{
  padding-bottom: calc(2.4rem / 4);
  padding-bottom: calc(var(--margin) / 4);
  }
}

@media only screen and (min-width: 1680px){
  .c-newsletter-heading{
  padding-top: 2.8rem;
  padding-top: var(--margin);
  }
}

@media only screen and (min-width: 1280px){
  .c-newsletter-heading{
  padding-top: 2.8rem;
  padding-top: var(--margin);
  }
}

@media only screen and (min-width: 960px){
  .c-newsletter-heading{
  padding-top: 2.8rem;
  padding-top: var(--margin);
  }
}

@media only screen and (min-width: 600px){
  .c-newsletter-heading{
  padding-top: 2.4rem;
  padding-top: var(--margin);
  }
}

.c-newsletter-note {
  padding-top: calc(1.8rem / 3);
  padding-top: calc(var(--margin) / 3);
  padding-bottom: calc(1.8rem / 3);
  padding-bottom: calc(var(--margin) / 3);
}

@media only screen and (min-width: 1680px){
  .c-newsletter-note{
  padding-bottom: calc(2.8rem / 3);
  padding-bottom: calc(var(--margin) / 3);
  }
}

@media only screen and (min-width: 1280px){
  .c-newsletter-note{
  padding-bottom: calc(2.8rem / 3);
  padding-bottom: calc(var(--margin) / 3);
  }
}

@media only screen and (min-width: 960px){
  .c-newsletter-note{
  padding-bottom: calc(2.8rem / 3);
  padding-bottom: calc(var(--margin) / 3);
  }
}

@media only screen and (min-width: 600px){
  .c-newsletter-note{
  padding-bottom: calc(2.4rem / 3);
  padding-bottom: calc(var(--margin) / 3);
  }
}

@media only screen and (min-width: 1680px){
  .c-newsletter-note{
  padding-top: calc(2.8rem / 3);
  padding-top: calc(var(--margin) / 3);
  }
}

@media only screen and (min-width: 1280px){
  .c-newsletter-note{
  padding-top: calc(2.8rem / 3);
  padding-top: calc(var(--margin) / 3);
  }
}

@media only screen and (min-width: 960px){
  .c-newsletter-note{
  padding-top: calc(2.8rem / 3);
  padding-top: calc(var(--margin) / 3);
  }
}

@media only screen and (min-width: 600px){
  .c-newsletter-note{
  padding-top: calc(2.4rem / 3);
  padding-top: calc(var(--margin) / 3);
  }
}

.c-toggle-item {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.5;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.44s;
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.44s;
  -moz-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.44s;
  -o-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -o-transition-delay: 0s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.44s;
  -ms-transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  -ms-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.44s;
  transition-timing-function: cubic-bezier(0.12, 0.67, 0.53, 1);
  transition-delay: 0s;
}
.c-toggle-item:hover, .c-toggle-item.is-active {
  opacity: 1;
}
.c-toggle-item:hover:after, .c-toggle-item.is-active:after {
  opacity: 0.5;
}
.c-toggle-item:after {
  opacity: 0.5;
}

.c-map-layout {
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .c-map-layout {
    flex-direction: column;
  }
}

.c-map {
  flex: 1;
  height: 100%;
  position: relative;
  min-height: 600px;
}
@media screen and (max-width: 1200px) {
  .c-map {
    min-height: 100vh;
    width: 100%;
  }
}

.organizations-overlay {
  position: sticky;
  top: 0;
  width: 33.33vw;
  max-width: 768px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 600px;
}
@media screen and (max-width: 1200px) {
  .organizations-overlay {
    width: 100%;
    max-width: none;
    position: relative;
    min-height: auto;
  }
}
.organizations-overlay__header {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: calc(1.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  padding-bottom: calc(1.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  padding-left: calc(1.8rem * 1.25);
  padding-left: calc(var(--margin) * 1.25);
  padding-right: calc(1.8rem * 1.25);
  padding-right: calc(var(--margin) * 1.25);
  background-color: #EBEBEB;
  position: sticky;
  top: 0;
  z-index: 2;
}
@media only screen and (min-width: 1680px){
  .organizations-overlay__header{
  padding-right: calc(2.8rem * 1.25);
  padding-right: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 1280px){
  .organizations-overlay__header{
  padding-right: calc(2.8rem * 1.25);
  padding-right: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 960px){
  .organizations-overlay__header{
  padding-right: calc(2.8rem * 1.25);
  padding-right: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 600px){
  .organizations-overlay__header{
  padding-right: calc(2.4rem * 1.25);
  padding-right: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 1680px){
  .organizations-overlay__header{
  padding-left: calc(2.8rem * 1.25);
  padding-left: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 1280px){
  .organizations-overlay__header{
  padding-left: calc(2.8rem * 1.25);
  padding-left: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 960px){
  .organizations-overlay__header{
  padding-left: calc(2.8rem * 1.25);
  padding-left: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 600px){
  .organizations-overlay__header{
  padding-left: calc(2.4rem * 1.25);
  padding-left: calc(var(--margin) * 1.25);
  }
}
@media only screen and (min-width: 1680px){
  .organizations-overlay__header{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .organizations-overlay__header{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .organizations-overlay__header{
  padding-bottom: calc(2.8rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .organizations-overlay__header{
  padding-bottom: calc(2.4rem * 0.5);
  padding-bottom: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1680px){
  .organizations-overlay__header{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 1280px){
  .organizations-overlay__header{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 960px){
  .organizations-overlay__header{
  padding-top: calc(2.8rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}
@media only screen and (min-width: 600px){
  .organizations-overlay__header{
  padding-top: calc(2.4rem * 0.5);
  padding-top: calc(var(--margin) * 0.5);
  }
}
.organizations-overlay__header h2 {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.35em;
  font-weight: 700;
}
@media only screen and (min-width: 600px) {
  .organizations-overlay__header h2 {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  .organizations-overlay__header h2 {
    font-size: 1.8rem;
  }
}
.organizations-overlay__close {
  background: none;
  border: none;
  font-size: 2.4rem;
  cursor: pointer;
  color: #232323;
  color: var(--color-text);
  padding: 5px;
  line-height: 1;
  display: none;
}
.organizations-overlay__close:hover {
  color: #333;
}
.organizations-overlay__content {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  position: relative;
  height: calc(100% - 70px);
}

.organizations-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-bottom: 20px;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  color: #232323;
  color: var(--color-text);
}
@media only screen and (min-width: 600px) {
  .organizations-list {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .organizations-list {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .organizations-list {
    font-size: 1.5rem;
  }
}
.organizations-list a {
  color: #0B34C6;
  color: var(--color-text-link);
  text-decoration: none;
}
.organizations-list a:hover {
  color: #0B34C6;
  color: var(--color-text-link-hover);
  text-decoration: underline;
}
.organizations-list .organization-item {
  transition: all 0.2s;
  cursor: pointer;
  position: relative;
  background-color: #f8f9fa;
  overflow: hidden;
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 600px) {
  .organizations-list .organization-item {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .organizations-list .organization-item {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .organizations-list .organization-item {
    font-size: 1.5rem;
  }
}
.organizations-list .organization-item a {
  color: #0B34C6;
  color: var(--color-text-link);
  text-decoration: none;
}
.organizations-list .organization-item a:hover {
  color: #0B34C6;
  color: var(--color-text-link-hover);
  text-decoration: underline;
}
.organizations-list .organization-item:hover .organization-item__header {
  background-color: #EBEBEB;
  background-color: var(--color-gray);
  color: #0B34C6;
  color: var(--color-primary);
}
.organizations-list .organization-item--selected .organization-item__header {
  background-color: #0B34C6 !important;
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  color: var(--color-white) !important;
}
.organizations-list .organization-item--selected {
  background-color: #e6f2ff;
}
.organizations-list .organization-item__country-header {
  padding: 2rem 0 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 1rem;
}
.organizations-list .organization-item__country-title {
  font-size: 1.4rem;
  line-height: 1.35em;
  font-weight: 700;
  color: #8e8e8e;
  color: var(--color-text-gray);
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .organizations-list .organization-item__country-title {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1280px) {
  .organizations-list .organization-item__country-title {
    font-size: 1.8rem;
  }
}
.organizations-list .organization-item__header {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.organizations-list .organization-item__name {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  font-weight: 700;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .organizations-list .organization-item__name {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .organizations-list .organization-item__name {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .organizations-list .organization-item__name {
    font-size: 1.5rem;
  }
}
.organizations-list .organization-item__toggle {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}
.organizations-list .organization-item__toggle--expanded {
  transform: rotate(180deg);
}
.organizations-list .organization-item__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background-color: #EBEBEB;
  background-color: var(--color-gray);
  font-weight: 700;
}
.organizations-list .organization-item__content--expanded {
  max-height: 1000px;
}
.organizations-list .organization-item__details {
  padding: 30px 15px 45px 15px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.organizations-list .organization-item__address {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  color: #232323;
  color: var(--color-text);
}
@media only screen and (min-width: 600px) {
  .organizations-list .organization-item__address {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .organizations-list .organization-item__address {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .organizations-list .organization-item__address {
    font-size: 1.5rem;
  }
}
.organizations-list .organization-item__description {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  color: #232323;
  color: var(--color-text);
}
@media only screen and (min-width: 600px) {
  .organizations-list .organization-item__description {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .organizations-list .organization-item__description {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .organizations-list .organization-item__description {
    font-size: 1.5rem;
  }
}
.organizations-list .organization-item__focal-points-title {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  font-weight: 700;
  margin-bottom: 5px;
  color: #232323;
  color: var(--color-text);
}
@media only screen and (min-width: 600px) {
  .organizations-list .organization-item__focal-points-title {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .organizations-list .organization-item__focal-points-title {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .organizations-list .organization-item__focal-points-title {
    font-size: 1.5rem;
  }
}
.organizations-list .organization-item__focal-points ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.organizations-list .organization-item__focal-points ul li {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  margin-bottom: 5px;
  color: #232323;
  color: var(--color-text);
}
@media only screen and (min-width: 960px) {
  .organizations-list .organization-item__focal-points ul li {
    font-size: 1.3rem;
  }
}
.organizations-list .organization-item__focal-points ul li a {
  color: #0B34C6;
  color: var(--color-text-link);
  text-decoration: none;
}
.organizations-list .organization-item__focal-points ul li a:hover {
  text-decoration: underline;
}
.organizations-list .organization-item__section {
  margin-bottom: 1.5rem;
}
.organizations-list .organization-item__section:last-child {
  margin-bottom: 0;
}
.organizations-list .organization-item__section-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #232323;
  color: var(--color-text);
  opacity: 0.5;
  opacity: var(--opacity-text-faded);
}
.organizations-list .organization-item__members {
  list-style: none;
  padding: 0;
  margin: 0;
}
.organizations-list .organization-item__members li {
  margin-bottom: 0.25rem;
  color: #232323;
  color: var(--color-text);
}
.organizations-list .organization-item__members li:last-child {
  margin-bottom: 0;
}
.organizations-list .organization-item__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.organizations-list .organization-item__links a {
  color: #232323;
  color: var(--color-text);
  text-decoration: none;
  transition: color 0.2s ease;
}
.organizations-list .organization-item__links a:hover {
  color: #0B34C6;
  color: var(--color-primary);
}
.organizations-list .organization-item__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.organizations-list .organization-item__links li a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.2s ease;
}
.organizations-list .organization-item__links li a:hover {
  color: #fff;
}
.organizations-list .organization-item__links li a::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.organizations-list .organization-item__links li a[href*=facebook]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z'/%3E%3C/svg%3E");
}
.organizations-list .organization-item__links li a[href*=instagram]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");
}
.organizations-list .organization-item__links li a[href*=linkedin]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
}
.organizations-list .organization-item__links li a[href*=twitter]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z'/%3E%3C/svg%3E");
}

.map-info-window {
  padding: 10px;
  background-color: #FFC800;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.map-info-window__title {
  font-size: 1.2rem;
  line-height: 1.35em;
  letter-spacing: 0.01em;
  font-weight: 700;
  color: #232323;
  color: var(--color-text);
  margin: 0;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .map-info-window__title {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 960px) {
  .map-info-window__title {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .map-info-window__title {
    font-size: 1.5rem;
  }
}
.gm-style-iw {
  padding: 0 !important;
  max-width: none !important;
  max-height: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.gm-style-iw-d {
  overflow: hidden !important;
  padding: 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}

.gm-style-iw-t::after {
  display: none !important;
}

.gm-style-iw-tc::after {
  background-color: #FFC800 !important;
}

.gm-ui-hover-effect {
  display: none !important;
}

.c-carousel {
  position: relative;
  width: 100%;
  overflow: visible;
  padding-bottom: 50px;
}
.c-carousel .swiper {
  width: 100%;
  padding: 20px 0;
  overflow: hidden;
}
.c-carousel .swiper-slide {
  width: 100%;
  height: auto;
  padding: 0;
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 600px) {
  .c-carousel .swiper-slide {
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .c-carousel .swiper-slide {
    width: 33.333%;
  }
}
.c-carousel__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  display: flex;
  gap: 0;
  z-index: 1;
}
.c-carousel__progress-bar {
  flex: 1;
  height: 100%;
  background: #0B34C6;
  background: var(--color-primary);
  transition: background-color 0.3s ease;
}
.c-carousel__progress-bar.is-active {
  background: #FFC800;
  background: var(--color-yellow);
}
.c-carousel__nav {
  position: absolute;
  bottom: calc(calc(1.8rem * 2) / 3);
  bottom: calc(var(--carousel-padding-bottom) / 3);
  width: 36px;
  height: 36px;
  background: #EBEBEB;
  background: var(--color-gray);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1680px){
  .c-carousel__nav{
  bottom: calc(calc(2.8rem * 2) / 3);
  bottom: calc(var(--carousel-padding-bottom) / 3);
  }
}
@media only screen and (min-width: 1280px){
  .c-carousel__nav{
  bottom: calc(calc(2.8rem * 2) / 3);
  bottom: calc(var(--carousel-padding-bottom) / 3);
  }
}
@media only screen and (min-width: 960px){
  .c-carousel__nav{
  bottom: calc(calc(2.8rem * 2) / 3);
  bottom: calc(var(--carousel-padding-bottom) / 3);
  }
}
@media only screen and (min-width: 600px){
  .c-carousel__nav{
  bottom: calc(calc(2.4rem * 2) / 3);
  bottom: calc(var(--carousel-padding-bottom) / 3);
  }
}
.c-carousel__nav:hover {
  background: #0B34C6;
  background: var(--color-primary);
  color: #ffffff;
  color: var(--color-white);
}
.c-carousel__nav--prev {
  right: 40px;
}
.c-carousel__nav--next {
  right: 0;
}
.c-carousel__nav::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #0B34C6;
  border-top: 2px solid var(--color-primary);
  border-right: 2px solid #0B34C6;
  border-right: 2px solid var(--color-primary);
}
.c-carousel__nav:hover::before {
  border-top: 2px solid #FFC800;
  border-top: 2px solid var(--color-yellow);
  border-right: 2px solid #FFC800;
  border-right: 2px solid var(--color-yellow);
}
.c-carousel__nav--prev::before {
  transform: rotate(-135deg);
}
.c-carousel__nav--next::before {
  transform: rotate(45deg);
}

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

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

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

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: undefined;
          margin-inline-start: undefined;
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: undefined;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: undefined;
          margin-block-start: undefined;
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: undefined;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

.swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - 44px / 2);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

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

/* Navigation font start */
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

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

.swiper-button-next {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-custom {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-horizontal > .swiper-pagination-bullets {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

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

.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

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

.swiper-vertical > .swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progressbar.swiper-pagination-vertical {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

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