@charset "utf-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  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
   ========================================================================== */
/**
 * 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
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
}
/**
 * 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;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
  cursor: pointer;
}
/**
 * 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;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 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 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
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 in Chrome and Safari on macOS.
 */
[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 Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
p,
figure {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
}
figure {
  line-height: 0;
}
/**
 * Swiper 11.2.10
 * 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: June 28, 2025
 */
/* FONT_START */
@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');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
: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: 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 {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  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 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 */
/** ------------------------------------------------------------------------------------
 *
 * Basics – Variables
 *
 * ---------------------------------------------------------------------------------- */
/*
 * Layout
 * ---------------------------------------------------------------------------------- */
/*
 * Header
 * ---------------------------------------------------------------------------------- */
/*
 * Styles
 * ---------------------------------------------------------------------------------- */
/*
 * Mixins
 * ---------------------------------------------------------------------------------- */
.p--abs--center-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.list--separator:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: #cacaca;
}
.input {
  border: 0;
  position: relative;
  background-color: #f0f0f0;
  color: #2a2a2a;
  width: 100%;
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  border: 1px solid #f0f0f0;
  padding: 0 16px;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
  background-clip: padding-box;
  border-radius: 2px;
  transition: border-color 0.3s;
}
/** ------------------------------------------------------------------------------------
 *
 * Basics – Variables
 *
 * ---------------------------------------------------------------------------------- */
/*
 * Logo
 * ---------------------------------------------------------------------------------- */
/*
 * Colors
 * ---------------------------------------------------------------------------------- */
*:not( input ):not( textarea ):focus-visible {
  display: inline-flex;
  outline: 1px solid #2a2a2a;
  outline-offset: 4px;
  border-radius: 1px;
}
*.bb:focus-visible {
  display: inline-block;
}
.t--wysiwyg a:focus-visible {
  display: inline !important;
  outline-offset: 2px !important;
}
input:focus-visible {
  outline: none;
  border: 1px solid #2a2a2a;
}
.link--menu--header a:focus-visible,
.header--bar .menu-item a:focus-visible,
.menu--off--canvas--main .menu--top a:focus-visible,
.menu--close:focus-visible {
  display: inline-block;
  outline: 1px solid #2a2a2a;
  outline-offset: -6px;
  border-radius: 11px;
}
.link--icon:focus-visible {
  color: #666;
  outline-color: #666;
}
.bg--color--brand *:not( input ):not( textarea ):focus-visible {
  outline: 1px solid #fff;
}
[data-accessibility="no--focus-visible"] {
  outline: none !important;
  border-radius: 2px !important;
}
.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link {
  position: absolute;
  bottom: 100%;
  left: 0;
  background: #0036CB;
  color: #fff;
  padding: 8px;
  text-decoration: none;
  z-index: 1000;
  border-radius: 2px;
}
.skip-link:focus {
  transform: translateY(100%);
}
/** ------------------------------------------------------------------------------------
 *
 * Visibility
 *
 * ---------------------------------------------------------------------------------- */
.is-visible {
  display: inline-block;
}
.is-hidden {
  display: none;
}
.is-visible--xl,
.is-visible--lg,
.is-visible--md,
.is-visible--sm,
.is-visible--xs,
.is-visible--xxs {
  display: none;
}
.is-visible--xxl {
  display: inline-block;
}
.is-hidden--xxl {
  display: none;
}
@media only screen and ( max-width: 1024px ) {
  .is-visible--xxl,
  .is-visible--xl,
  .is-visible--lg,
  .is-visible--sm,
  .is-visible--xs,
  .is-visible--xxs {
    display: none;
  }
  .is-visible--md {
    display: inline-block;
  }
  .is-hidden--md {
    display: none;
  }
}
@media only screen and ( max-width:  800px ) {
  .is-visible--xxl,
  .is-visible--xl,
  .is-visible--lg,
  .is-visible--md {
    display: none;
  }
  .is-visible--sm {
    display: inline-block;
  }
  .is-hidden--sm {
    display: none;
  }
}
@media only screen and ( max-width:  620px ) {
  .content--wrapper * .is-visible--xxl,
  .content--wrapper * .is-visible--xl,
  .content--wrapper * .is-visible--lg,
  .content--wrapper * .is-visible--md {
    display: none;
  }
  .content--wrapper * .is-visible--xs {
    display: inline-block;
  }
  .content--wrapper * .is-hidden--xs {
    display: none;
  }
}
@media only screen and ( max-width:  420px ) {
  .is-visible--xxl,
  .is-visible--xl,
  .is-visible--lg,
  .is-visible--md {
    display: none;
  }
  .is-visible--xxs {
    display: inline-block;
  }
  .is-hidden--xxs {
    display: none;
  }
}
[data-status="is-inaccessible"],
.is-inaccessible {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
@font-face {
  font-family: 'Inter';
  src: url('../../assets--client/fonts/Inter-Regular.woff2') format('woff2'), url('../../assets--client/fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('../../assets--client/fonts/Inter-SemiBold.woff2') format('woff2'), url('../../assets--client/fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Work Sans';
  src: url('../../assets--client/fonts/WorkSans-Regular.woff2') format('woff2'), url('../../assets--client/fonts/WorkSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Agrandir Narrow';
  src: url('../../assets--client/fonts/Agrandir-Narrow.woff2') format('woff2'), url('../../assets--client/fonts/Agrandir-Narrow.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Work Sans';
  src: url('../../assets--client/fonts/WorkSans-Bold.woff2') format('woff2'), url('../../assets--client/fonts/WorkSans-Bold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Icons';
  src: url('../../assets--client/fonts/Konradin-Icons.woff2') format('woff2'), url('../../assets--client/fonts/Konradin-Icons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
/** ------------------------------------------------------------------------------------
 *
 * Basics – Media queries
 *
 * ---------------------------------------------------------------------------------- */
/** ------------------------------------------------------------------------------------
 *
 * Basics – Typography
 *
 * ---------------------------------------------------------------------------------- */
html {
  font-size: 10px;
}
body {
  font-family: 'Inter', sans-serif;
  font-size: calc(16 * 0.1rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #2a2a2a;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
 * Headings
 * ---------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
[class*="t--h"] {
  margin: 0;
  padding: 0;
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
[class*="t--h"]:not(.list--horizontal):not(.t-h--accordion) {
  font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  margin: 0;
}
.t--h1,
.t--h-xxl {
  font-size: calc(56 * 0.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}
@media only screen and ( max-width: 1240px ) {
  .t--h1,
  .t--h-xxl {
    font-size: calc(56 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(34 / (56 / 1240) * 0.1rem)) {
  .t--h1,
  .t--h-xxl {
    font-size: calc(34 * 0.1rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
  }
}
.t--h2,
.t--h-xl {
  font-size: calc(44 * 0.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}
@media only screen and ( max-width: 1240px ) {
  .t--h2,
  .t--h-xl {
    font-size: calc(44 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(28 / (44 / 1240) * 0.1rem)) {
  .t--h2,
  .t--h-xl {
    font-size: calc(28 * 0.1rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
  }
}
.t--h3,
.t--h-lg {
  font-size: calc(44 * 0.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}
@media only screen and ( max-width: 1240px ) {
  .t--h3,
  .t--h-lg {
    font-size: calc(44 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(24 / (44 / 1240) * 0.1rem)) {
  .t--h3,
  .t--h-lg {
    font-size: calc(24 * 0.1rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
  }
}
.t--h4,
.t--h-md {
  font-size: calc(36 * 0.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}
@media only screen and ( max-width: 1240px ) {
  .t--h4,
  .t--h-md {
    font-size: calc(36 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(24 / (36 / 1240) * 0.1rem)) {
  .t--h4,
  .t--h-md {
    font-size: calc(24 * 0.1rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
  }
}
.t--h5,
.t--h-sm {
  font-size: calc(30 * 0.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}
@media only screen and ( max-width: 1240px ) {
  .t--h5,
  .t--h-sm {
    font-size: calc(30 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(22 / (30 / 1240) * 0.1rem)) {
  .t--h5,
  .t--h-sm {
    font-size: calc(22 * 0.1rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
  }
}
.t--h6,
.t--h-xs {
  font-size: calc(30 * 0.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}
@media only screen and ( max-width: 1240px ) {
  .t--h6,
  .t--h-xs {
    font-size: calc(30 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(18 / (30 / 1240) * 0.1rem)) {
  .t--h6,
  .t--h-xs {
    font-size: calc(18 * 0.1rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
  }
}
.t--h7,
.t--h-xxs {
  font-size: calc(22 * 0.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}
@media only screen and ( max-width: 1240px ) {
  .t--h7,
  .t--h-xxs {
    font-size: calc(22 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22 / 1240) * 0.1rem)) {
  .t--h7,
  .t--h-xxs {
    font-size: calc(18 * 0.1rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
  }
}
.t-h--reg:not(.list--horizontal):not(.t-h--accordion) {
  font-weight: 400;
  letter-spacing: -0.03em;
}
/*
 * Text
 * ---------------------------------------------------------------------------------- */
.t--c-sm,
.t--c-sm li,
.t--c-sm p {
  font-size: calc(14 * 0.1rem);
  line-height: 1.5;
  font-weight: 400;
}
@media only screen and ( max-width: 1240px ) {
  .t--c-sm,
  .t--c-sm li,
  .t--c-sm p {
    font-size: calc(14 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(14 / (14 / 1240) * 0.1rem)) {
  .t--c-sm,
  .t--c-sm li,
  .t--c-sm p {
    font-size: calc(14 * 0.1rem);
    line-height: 1.5;
    font-weight: 400;
  }
}
.t--c-md,
.t--c-md li,
.t--c-md p {
  font-size: calc(16 * 0.1rem);
  line-height: 1.5;
  font-weight: 400;
}
@media only screen and ( max-width: 1240px ) {
  .t--c-md,
  .t--c-md li,
  .t--c-md p {
    font-size: calc(16 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(16 / (16 / 1240) * 0.1rem)) {
  .t--c-md,
  .t--c-md li,
  .t--c-md p {
    font-size: calc(16 * 0.1rem);
    line-height: 1.5;
    font-weight: 400;
  }
}
.t--c-lg,
.t--c-lg li,
.t--c-lg p {
  font-size: calc(18 * 0.1rem);
  line-height: 1.5;
  font-weight: 400;
}
@media only screen and ( max-width: 1240px ) {
  .t--c-lg,
  .t--c-lg li,
  .t--c-lg p {
    font-size: calc(18 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(16 / (18 / 1240) * 0.1rem)) {
  .t--c-lg,
  .t--c-lg li,
  .t--c-lg p {
    font-size: calc(16 * 0.1rem);
    line-height: 1.5;
    font-weight: 400;
  }
}
.t--c-xl,
.t--c-xl li,
.t--c-xl p {
  font-size: calc(20 * 0.1rem);
  line-height: 1.5;
  font-weight: 400;
}
@media only screen and ( max-width: 1240px ) {
  .t--c-xl,
  .t--c-xl li,
  .t--c-xl p {
    font-size: calc(20 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(16 / (20 / 1240) * 0.1rem)) {
  .t--c-xl,
  .t--c-xl li,
  .t--c-xl p {
    font-size: calc(16 * 0.1rem);
    line-height: 1.5;
    font-weight: 400;
  }
}
.t--c-xxl,
.t--c-xxl li,
.t--c-xxl p {
  font-size: calc(22 * 0.1rem);
  line-height: 1.5;
  font-weight: 600;
}
@media only screen and ( max-width: 1240px ) {
  .t--c-xxl,
  .t--c-xxl li,
  .t--c-xxl p {
    font-size: calc(22 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22 / 1240) * 0.1rem)) {
  .t--c-xxl,
  .t--c-xxl li,
  .t--c-xxl p {
    font-size: calc(18 * 0.1rem);
    line-height: 1.5;
    font-weight: 600;
  }
}
/*
 * UI
 * ---------------------------------------------------------------------------------- */
.t--ui-xs,
.t--ui-1 {
  font-size: calc(12 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
.t--ui-sm,
.t--ui-2 {
  font-size: calc(14 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
.t--ui-md,
.t--ui-3 {
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
.t-ui--sb {
  font-weight: 600;
}
/*
 * Links
 * ---------------------------------------------------------------------------------- */
a {
  text-decoration: none;
  color: #2a2a2a;
}
.t--wysiwyg a:not(.bb),
.copyright--wrapper a:not(.bb),
.link--wrapper a:not(.bb),
.caption--toggle {
  background-image: linear-gradient(#2a2a2a, #2a2a2a);
  background-position: 0% calc(100% - 0.025em);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.4s;
}
.no-touchevents .t--wysiwyg a:not(.bb):hover,
.no-touchevents .copyright--wrapper a:not(.bb):hover,
.no-touchevents .link--wrapper a:not(.bb):hover,
.no-touchevents .caption--toggle:hover {
  background-size: 0% 1px;
}
.link--wrapper a:not(.bb) {
  background-size: 0% 1px;
}
.no-touchevents .link--wrapper a:not(.bb):hover {
  background-size: 100% 1px;
}
.t--wysiwyg p:not(:last-child),
.t--wysiwyg ul:not(:last-child),
.t--wysiwyg li:not(:last-child) {
  padding-bottom: 2.4rem;
}
@media only screen and ( max-width:  620px ) {
  .t--wysiwyg p:not(:last-child),
  .t--wysiwyg ul:not(:last-child),
  .t--wysiwyg li:not(:last-child) {
    padding-bottom: 1.6rem;
  }
}
.t--wysiwyg ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.t--wysiwyg ul li {
  position: relative;
  padding-left: 3.6rem;
}
.t--wysiwyg ul li:before {
  content: '';
  position: absolute;
  top: 0.666em;
  left: 0;
  width: 2rem;
  height: 0.4rem;
  background-color: #0036CB;
}
/*
 * Hyphens
 * ---------------------------------------------------------------------------------- */
.t--hyphens {
  hyphens: auto;
}
.t--h-md {
  hyphens: auto;
}
/**
 * Lists
 * ---------------------------------------------------------------------------------- */
.list {
  width: 100%;
}
.list--reset {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list--reset.list--pr--8 li {
  padding-right: 0.8rem;
}
.list--reset.list--pr--16 li {
  padding-right: 1.6rem;
}
.list--reset.list--pr--20 li {
  padding-right: 2rem;
}
.list--reset.list--pb--8 li {
  padding-bottom: 0.8rem;
}
.list--reset.list--pb--16 li {
  padding-bottom: 1.6rem;
}
.list--reset.list--pb--12 li {
  padding-bottom: 1.2rem;
}
.list--horizontal {
  display: flex;
  align-items: center;
}
.list--horizontal.list--horizontal--wrap {
  flex-wrap: wrap;
}
.list--horizontal > li {
  position: relative;
  display: flex;
}
.list--horizontal.pl:not(.list--links) > li {
  padding: 0 1.4rem 0 1.2rem;
}
.list--horizontal.pl:not(.list--links) > li:last-of-type {
  padding-right: 0;
}
.list--horizontal.pl:not(.list--links) > li:first-of-type {
  padding-left: 0;
}
.list--horizontal.list--separator > li:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: #cacaca;
}
.list--horizontal.list--separator.pr > li:after {
  content: '';
  left: 100%;
  right: auto;
}
.list--horizontal.list--separator.pl > li:not(:first-of-type):after {
  content: '';
  right: 100%;
  left: auto;
}
.list--links a {
  position: relative;
  display: inline-block;
  padding: 0 0.8rem;
}
@media only screen and ( max-width:  620px ) {
  .list--links a {
    padding: 0 0.6rem;
  }
}
.list--links a:before {
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 2*0.8rem);
}
.list--meta li {
  line-height: 1.5;
}
.list--fw {
  width: 100%;
}
.list--ordered {
  list-style: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.list--ordered li {
  counter-increment: item;
  position: relative;
  padding-bottom: 1.2rem;
  padding-left: 2em;
}
.list--ordered li:before {
  content: "(" counter(item) ")";
  position: absolute;
  left: 0;
}
.list--ordered.list--ordered--sources li:before {
  content: "(" counter(item) ")";
}
.list--ordered.list--ordered--contents li:before {
  content: counter(item);
}
/**
 * Text colors
 * ---------------------------------------------------------------------------------- */
.t--color--neutral--secondary {
  color: #666;
}
.t--color--success {
  color: #0A9E1E;
}
/**
 * Et Cetera
 * ---------------------------------------------------------------------------------- */
.module--hero--teaser .title,
.module--topics .title,
.module--topics--compact .title,
.module--most-read .title,
.module--opinion .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
blockquote {
  margin: 0;
  padding: 0;
}
blockquote p {
  font-size: calc(22 * 0.1rem);
  line-height: 1.5;
  font-weight: 600;
}
@media only screen and ( max-width: 1240px ) {
  blockquote p {
    font-size: calc(22 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22 / 1240) * 0.1rem)) {
  blockquote p {
    font-size: calc(18 * 0.1rem);
    line-height: 1.5;
    font-weight: 600;
  }
}
blockquote cite {
  font-style: normal;
}
blockquote span {
  display: inline-block;
}
.icon {
  width: 40px;
  height: 40px;
}
.icon--slider--prev:before,
.icon--slider--next:before,
.icon--slider--prev:after,
.icon--slider--next:after {
  content: '\e800';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--filter:before,
.icon--filter:after {
  content: '\e804';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--burger:before,
.icon--burger:after {
  content: '\e809';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--search:before,
.icon--search:after {
  content: '\e80c';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--login:before,
.icon--login:after {
  content: '\e80f';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--close:before,
.icon--close:after {
  content: '\e802';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--chevron:before,
.icon--chevron:after {
  content: '\e805';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--calendar:before,
.icon--calendar:after {
  content: '\e803';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--audio:before,
.icon--audio:after {
  content: '\e801';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--print:before,
.icon--print:after {
  content: '\e80b';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--share:before,
.icon--share:after {
  content: '\e808';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--facebook:before,
.icon--facebook:after {
  content: '\e816';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.125em;
  display: none;
}
.icon--x:before,
.icon--x:after {
  content: '\e819';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.125em;
  display: none;
}
.icon--instagram:before,
.icon--instagram:after {
  content: '\e817';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.125em;
  display: none;
}
.icon--youtube:before,
.icon--youtube:after {
  content: '\e81a';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.125em;
  display: none;
}
.icon--linkedin:before,
.icon--linkedin:after {
  content: '\e818';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.25em;
  display: none;
}
.icon--linkedin-2:before,
.icon--linkedin-2:after {
  content: '\e820';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.25em;
  display: none;
}
.icon--pinterest:before,
.icon--pinterest:after {
  content: '\e81c';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.25em;
  display: none;
}
.icon--pinterest:before,
.icon--pinterest:after {
  content: '\e81c';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.25em;
  display: none;
}
.icon--xing:before,
.icon--xing:after {
  content: '\e821';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.25em;
  display: none;
}
.icon--tiktok:before,
.icon--tiktok:after {
  content: '\e822';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.25em;
  display: none;
}
.icon--rss:before,
.icon--rss:after {
  content: '\e823';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.25em;
  display: none;
}
.icon--apple-music:before,
.icon--apple-music:after {
  content: '\e807';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--deezer:before,
.icon--deezer:after {
  content: '\e813';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--amazon-music:before,
.icon--amazon-music:after {
  content: '\e806';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--spotify:before,
.icon--spotify:after {
  content: '\e811';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--check:before,
.icon--check:after {
  content: '\e81f';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--password:before,
.icon--password:after {
  content: '\e812';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.icon--copy:before,
.icon--copy:after {
  content: '\e81e';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.25em;
  display: none;
}
.icon--success:before,
.icon--success:after {
  content: '\e814';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.4em;
  display: none;
}
.icon--overlay:before,
.icon--overlay:after {
  content: '\e824';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.4em;
  display: none;
}
.t-h--icon {
  padding-left: calc(40px + 16px);
}
@media only screen and ( max-width:  620px ) {
  .t-h--icon {
    padding-left: 0;
  }
}
.t-h--icon:before {
  display: block;
  left: 0;
  top: 0.5em;
  font-size: 37px;
}
@media only screen and ( max-width:  620px ) {
  .t-h--icon:before {
    position: relative;
    margin-bottom: 8px;
  }
}
.br--full {
  border-radius: 100%;
}
/**
 * Form
 * ---------------------------------------------------------------------------------- */
form {
  display: flex;
  flex-wrap: wrap;
}
form .field--wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
.module--article--subscription form .field--wrapper {
  margin-bottom: 24px;
}
form .field--wrapper.field--wrapper--half {
  width: calc(50% - 8px);
}
@media only screen and ( max-width: 1024px ) {
  form .field--wrapper.field--wrapper--half {
    width: 100%;
  }
}
form .field--wrapper.field--wrapper--half:nth-of-type( odd ) {
  margin-right: 16px;
}
@media only screen and ( max-width: 1024px ) {
  form .field--wrapper.field--wrapper--half:nth-of-type( odd ) {
    margin-right: 0;
  }
}
form .field--wrapper.is-focused label,
form .field--wrapper.is-populated label {
  margin-top: -0.85em;
  font-size: calc(12 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
form .field--wrapper.is-focused label + input[type="text"],
form .field--wrapper.is-populated label + input[type="text"],
form .field--wrapper.is-focused label + input[type="email"],
form .field--wrapper.is-populated label + input[type="email"],
form .field--wrapper.is-focused label + .password--wrapper input[type="password"],
form .field--wrapper.is-populated label + .password--wrapper input[type="password"],
form .field--wrapper.is-focused label + .password--wrapper input[type="text"],
form .field--wrapper.is-populated label + .password--wrapper input[type="text"],
form .field--wrapper.is-focused label + textarea,
form .field--wrapper.is-populated label + textarea {
  padding-top: 19px;
  line-height: 26px;
}
form .field--wrapper.field--wrapper--select:after {
  content: '\e805';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
}
form .field--wrapper.field--wrapper--select label {
  margin-top: -0.85em;
  font-size: calc(12 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
form .field--wrapper.field--wrapper--select label select {
  padding-top: 19px;
  line-height: 26px;
}
form .field--wrapper.has-error .field:after {
  content: '\e815';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  color: #ea1919;
}
.bg--color--brand form .field--wrapper.has-error .field:after {
  color: #ff4daf;
}
form .field--wrapper.has-error input[type="text"],
form .field--wrapper.has-error input[type="email"],
form .field--wrapper.has-error input[type="password"] textarea {
  border-color: #ea1919;
}
.bg--color--brand form .field--wrapper.has-error input[type="text"],
.bg--color--brand form .field--wrapper.has-error input[type="email"],
.bg--color--brand form .field--wrapper.has-error input[type="password"] textarea {
  border-color: #ff4daf;
}
form.form--search--wrapper {
  display: flex;
  flex-wrap: nowrap;
}
form .field {
  position: relative;
}
form .field--wrapper--flowup label {
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  font-weight: 300;
  position: absolute;
  display: inline-block;
  height: 100%;
  width: calc(100% - 2*16px);
  display: flex;
  align-items: center;
  left: 16px;
  transition: margin-top 0.3s, font-size 0.3s;
  top: 50%;
  transform: translateY(-50%);
}
form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea,
form select {
  border: 0;
  position: relative;
  background-color: #f0f0f0;
  color: #2a2a2a;
  width: 100%;
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  border: 1px solid #f0f0f0;
  padding: 0 16px;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
  background-clip: padding-box;
  border-radius: 2px;
  transition: border-color 0.3s;
}
form input[type="text"]::placeholder,
form input[type="email"]::placeholder,
form input[type="password"]::placeholder,
form textarea::placeholder,
form select::placeholder {
  color: #666;
}
.bg--color--brand form input[type="text"],
.bg--color--brand form input[type="email"],
.bg--color--brand form input[type="password"],
.bg--color--brand form textarea,
.bg--color--brand form select {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}
.bg--color--brand form input[type="text"]::placeholder,
.bg--color--brand form input[type="email"]::placeholder,
.bg--color--brand form input[type="password"]::placeholder,
.bg--color--brand form textarea::placeholder,
.bg--color--brand form select::placeholder {
  color: #fff;
}
.no-touchevents .bg--color--brand form input[type="text"]:hover,
.no-touchevents .bg--color--brand form input[type="email"]:hover,
.no-touchevents .bg--color--brand form input[type="password"]:hover,
.no-touchevents .bg--color--brand form textarea:hover,
.no-touchevents .bg--color--brand form select:hover,
.no-touchevents .bg--color--brand form input[type="text"]:focus-visible,
.no-touchevents .bg--color--brand form input[type="email"]:focus-visible,
.no-touchevents .bg--color--brand form input[type="password"]:focus-visible,
.no-touchevents .bg--color--brand form textarea:focus-visible,
.no-touchevents .bg--color--brand form select:focus-visible {
  border-color: #fff;
}
.touchevents .bg--color--brand form input[type="text"]:focus,
.touchevents .bg--color--brand form input[type="email"]:focus,
.touchevents .bg--color--brand form input[type="password"]:focus,
.touchevents .bg--color--brand form textarea:focus,
.touchevents .bg--color--brand form select:focus {
  border-color: #fff;
}
.no-touchevents form input[type="text"]:hover,
.no-touchevents form input[type="email"]:hover,
.no-touchevents form input[type="password"]:hover,
.no-touchevents form textarea:hover,
.no-touchevents form select:hover,
.no-touchevents form input[type="text"]:focus-visible,
.no-touchevents form input[type="email"]:focus-visible,
.no-touchevents form input[type="password"]:focus-visible,
.no-touchevents form textarea:focus-visible,
.no-touchevents form select:focus-visible {
  border-color: #2a2a2a;
}
.touchevents form input[type="text"]:focus,
.touchevents form input[type="email"]:focus,
.touchevents form input[type="password"]:focus,
.touchevents form textarea:focus,
.touchevents form select:focus {
  border-color: #2a2a2a;
}
form input[type="text"],
form input[type="email"],
form input[type="password"],
form select {
  line-height: 46px;
}
form textarea {
  min-width: 100%;
  height: 170px;
  max-width: 100%;
}
form input:-webkit-autofill,
form textarea:-webkit-autofill {
  transition: background-color 100000s ease-in-out 0s;
  -webkit-text-fill-color: #2a2a2a !important;
}
form .input--wrapper {
  width: 100%;
}
form .input--wrapper--search {
  position: relative;
}
form .input--wrapper--search:before,
form .input--wrapper--search:after {
  content: '\e80c';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
form .input--wrapper--search:before {
  display: block;
  z-index: 1;
  left: 16px;
}
form .input--wrapper--search input {
  padding-left: calc(16px + 24px + 4px);
}
form .input--wrapper--search .btn--clear-search {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: opacity 0.3s;
}
form .input--wrapper--search .btn--clear-search[hidden] {
  opacity: 0;
}
form .text {
  padding-left: 16px;
  padding-top: 6px;
  font-size: calc(12 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
form .info {
  color: #666;
}
.bg--color--brand form .info {
  color: #fff;
}
form .error {
  color: #ea1919;
}
.bg--color--brand form .error {
  color: #ff4daf;
}
form .submit--wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
form .submit--wrapper .field--wrapper {
  margin-bottom: 0;
}
form .password--wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
form .toggle--password {
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  background: none;
  border: 0;
  color: #fff;
}
form .toggle--password:before,
form .toggle--password:after {
  content: '\e81d';
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
}
form .toggle--password:after {
  content: '\e812';
  opacity: 0;
}
form .toggle--password[aria-pressed="true"]:before {
  opacity: 0;
}
form .toggle--password[aria-pressed="true"]:after {
  opacity: 1;
}
form .login--wrapper {
  width: 100%;
}
.textarea--wrapper label .label {
  transform: none;
  top: 1.5em;
}
.field--wrapper--checkbox,
.field--wrapper--radio {
  display: inline-block;
  width: 100%;
  margin: 0;
}
.field--wrapper--checkbox label,
.field--wrapper--radio label {
  left: 0;
  padding-left: calc(24px + 8px);
  cursor: pointer;
  display: inline-block;
  font-size: calc(14 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
.field--wrapper--checkbox label:before,
.field--wrapper--radio label:before,
.field--wrapper--checkbox label:after,
.field--wrapper--radio label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #2a2a2a;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.05;
  background-color: transparent;
  speak: never;
  transition: opacity 0.3s;
}
.bg--color--brand .field--wrapper--checkbox label:before,
.bg--color--brand .field--wrapper--radio label:before,
.bg--color--brand .field--wrapper--checkbox label:after,
.bg--color--brand .field--wrapper--radio label:after {
  color: #fff;
  border-color: #fff;
}
.field--wrapper--checkbox input,
.field--wrapper--radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.field--wrapper--checkbox input.checkbox--secondary:checked + label:before,
.field--wrapper--radio input.checkbox--secondary:checked + label:before {
  background-color: #001D75;
}
.field--wrapper--checkbox input:checked + label:before,
.field--wrapper--radio input:checked + label:before {
  content: '\e81f';
  background-color: #0036CB;
  color: #fff;
}
.bg--color--brand .field--wrapper--checkbox input:checked + label:before,
.bg--color--brand .field--wrapper--radio input:checked + label:before {
  background-color: #fff;
}
.bg--color--brand--primary .field--wrapper--checkbox input:checked + label:before,
.bg--color--brand--primary .field--wrapper--radio input:checked + label:before {
  color: #0036CB;
}
.bg--color--brand--secondary .field--wrapper--checkbox input:checked + label:before,
.bg--color--brand--secondary .field--wrapper--radio input:checked + label:before {
  color: #EB0095;
}
.field--wrapper--checkbox input:focus-visible + label:after,
.field--wrapper--radio input:focus-visible + label:after {
  outline: 1px solid #001D75;
  outline-offset: 3px;
}
.bg--color--brand .field--wrapper--checkbox input:focus-visible + label:after,
.bg--color--brand .field--wrapper--radio input:focus-visible + label:after {
  outline: 1px solid #fff;
}
.no-touchevents .checkbox--wrapper .label--checkbox.link-hovered:hover:before,
.no-touchevents .radio--wrapper .label--checkbox.link-hovered:hover:before {
  background-color: transparent;
}
.no-touchevents .checkbox--wrapper .label--checkbox.has-error a:hover,
.no-touchevents .radio--wrapper .label--checkbox.has-error a:hover {
  border-bottom-color: transparent;
}
/* ------------------------------------------------------------------------------------
 *
 * Layout – Grid
 *
 * ---------------------------------------------------------------------------------- */
/*
 * Cols – Loop for normal cols
 * ---------------------------------------------------------------------------------- */
/*
 * Cols – Loop for responsive cols
 * ---------------------------------------------------------------------------------- */
/*
 * Grid
 * ---------------------------------------------------------------------------------- */
.module--inner {
  margin: 0 auto;
  position: relative;
}
.module--inner.full-width {
  max-width: 1000000000px;
}
.row {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  margin: 0 auto;
  width: calc(100% - 40px*2 + 40px);
  max-width: calc(1160px + 40px);
}
@media only screen and ( max-width: 1240px ) {
  .row {
    width: calc(100% - 40/1240 * 100vw*2 + 40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  620px ) {
  .row {
    width: calc(100% - 20px*2 + 20px);
  }
}
.row .row {
  width: 100%;
  max-width: 100%;
}
.col {
  position: relative;
  box-sizing: border-box;
  margin-right: calc(40px / 2);
  margin-left: calc(40px / 2);
}
@media only screen and ( max-width: 1240px ) {
  .col {
    margin-right: calc(40/1240 * 100vw / 2);
    margin-left: calc(40/1240 * 100vw / 2);
  }
}
@media only screen and ( max-width:  620px ) {
  .col {
    margin-right: calc(20px / 2);
    margin-left: calc(20px / 2);
  }
}
.col-12 {
  width: calc(100% - 40px);
}
.col-offset--12 {
  margin-left: calc(100% + 40px/2);
}
.col-11 {
  width: calc(91.66666666666666% - 40px);
}
.col-offset--11 {
  margin-left: calc(91.66666666666666% + 40px/2);
}
.col-10 {
  width: calc(83.33333333333334% - 40px);
}
.col-offset--10 {
  margin-left: calc(83.33333333333334% + 40px/2);
}
.col-9 {
  width: calc(75% - 40px);
}
.col-offset--9 {
  margin-left: calc(75% + 40px/2);
}
.col-8 {
  width: calc(66.66666666666666% - 40px);
}
.col-offset--8 {
  margin-left: calc(66.66666666666666% + 40px/2);
}
.col-7 {
  width: calc(58.333333333333336% - 40px);
}
.col-offset--7 {
  margin-left: calc(58.333333333333336% + 40px/2);
}
.col-6 {
  width: calc(50% - 40px);
}
.col-offset--6 {
  margin-left: calc(50% + 40px/2);
}
.col-5 {
  width: calc(41.66666666666667% - 40px);
}
.col-offset--5 {
  margin-left: calc(41.66666666666667% + 40px/2);
}
.col-4 {
  width: calc(33.33333333333333% - 40px);
}
.col-offset--4 {
  margin-left: calc(33.33333333333333% + 40px/2);
}
.col-3 {
  width: calc(25% - 40px);
}
.col-offset--3 {
  margin-left: calc(25% + 40px/2);
}
.col-2 {
  width: calc(16.666666666666664% - 40px);
}
.col-offset--2 {
  margin-left: calc(16.666666666666664% + 40px/2);
}
.col-1 {
  width: calc(8.333333333333332% - 40px);
}
.col-offset--1 {
  margin-left: calc(8.333333333333332% + 40px/2);
}
.col-0 {
  width: calc(0% - 40px);
}
.col-offset--0 {
  margin-left: calc(0% + 40px/2);
}
@media only screen and ( max-width: 1240px ) {
  .col-12 {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12 {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11 {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11 {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10 {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10 {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9 {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9 {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8 {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8 {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7 {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7 {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6 {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6 {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5 {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5 {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4 {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4 {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3 {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3 {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2 {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2 {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1 {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1 {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0 {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0 {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
  .col-12--lg {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12--lg {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11--lg {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11--lg {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10--lg {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10--lg {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9--lg {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9--lg {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8--lg {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8--lg {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7--lg {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7--lg {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6--lg {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6--lg {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5--lg {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5--lg {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4--lg {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4--lg {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3--lg {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3--lg {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2--lg {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2--lg {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1--lg {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1--lg {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0--lg {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0--lg {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
}
@media only screen and ( max-width: 1024px ) {
  .col-12 {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12 {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11 {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11 {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10 {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10 {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9 {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9 {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8 {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8 {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7 {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7 {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6 {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6 {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5 {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5 {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4 {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4 {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3 {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3 {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2 {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2 {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1 {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1 {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0 {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0 {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
  .col-12--lg {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12--lg {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11--lg {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11--lg {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10--lg {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10--lg {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9--lg {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9--lg {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8--lg {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8--lg {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7--lg {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7--lg {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6--lg {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6--lg {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5--lg {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5--lg {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4--lg {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4--lg {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3--lg {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3--lg {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2--lg {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2--lg {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1--lg {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1--lg {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0--lg {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0--lg {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
  .col-12--md {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12--md {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11--md {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11--md {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10--md {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10--md {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9--md {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9--md {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8--md {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8--md {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7--md {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7--md {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6--md {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6--md {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5--md {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5--md {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4--md {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4--md {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3--md {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3--md {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2--md {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2--md {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1--md {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1--md {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0--md {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0--md {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
}
@media only screen and ( max-width:  800px ) {
  .col-12 {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12 {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11 {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11 {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10 {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10 {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9 {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9 {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8 {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8 {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7 {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7 {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6 {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6 {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5 {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5 {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4 {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4 {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3 {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3 {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2 {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2 {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1 {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1 {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0 {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0 {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
  .col-12--lg {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12--lg {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11--lg {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11--lg {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10--lg {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10--lg {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9--lg {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9--lg {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8--lg {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8--lg {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7--lg {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7--lg {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6--lg {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6--lg {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5--lg {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5--lg {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4--lg {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4--lg {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3--lg {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3--lg {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2--lg {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2--lg {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1--lg {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1--lg {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0--lg {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0--lg {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
  .col-12--md {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12--md {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11--md {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11--md {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10--md {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10--md {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9--md {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9--md {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8--md {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8--md {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7--md {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7--md {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6--md {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6--md {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5--md {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5--md {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4--md {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4--md {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3--md {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3--md {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2--md {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2--md {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1--md {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1--md {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0--md {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0--md {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
  .col-12--sm {
    width: calc(100% - 40/1240 * 100vw);
  }
  .col-offset--12--sm {
    margin-left: calc(100% + 40/1240 * 100vw/2);
  }
  .col-11--sm {
    width: calc(91.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--11--sm {
    margin-left: calc(91.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-10--sm {
    width: calc(83.33333333333334% - 40/1240 * 100vw);
  }
  .col-offset--10--sm {
    margin-left: calc(83.33333333333334% + 40/1240 * 100vw/2);
  }
  .col-9--sm {
    width: calc(75% - 40/1240 * 100vw);
  }
  .col-offset--9--sm {
    margin-left: calc(75% + 40/1240 * 100vw/2);
  }
  .col-8--sm {
    width: calc(66.66666666666666% - 40/1240 * 100vw);
  }
  .col-offset--8--sm {
    margin-left: calc(66.66666666666666% + 40/1240 * 100vw/2);
  }
  .col-7--sm {
    width: calc(58.333333333333336% - 40/1240 * 100vw);
  }
  .col-offset--7--sm {
    margin-left: calc(58.333333333333336% + 40/1240 * 100vw/2);
  }
  .col-6--sm {
    width: calc(50% - 40/1240 * 100vw);
  }
  .col-offset--6--sm {
    margin-left: calc(50% + 40/1240 * 100vw/2);
  }
  .col-5--sm {
    width: calc(41.66666666666667% - 40/1240 * 100vw);
  }
  .col-offset--5--sm {
    margin-left: calc(41.66666666666667% + 40/1240 * 100vw/2);
  }
  .col-4--sm {
    width: calc(33.33333333333333% - 40/1240 * 100vw);
  }
  .col-offset--4--sm {
    margin-left: calc(33.33333333333333% + 40/1240 * 100vw/2);
  }
  .col-3--sm {
    width: calc(25% - 40/1240 * 100vw);
  }
  .col-offset--3--sm {
    margin-left: calc(25% + 40/1240 * 100vw/2);
  }
  .col-2--sm {
    width: calc(16.666666666666664% - 40/1240 * 100vw);
  }
  .col-offset--2--sm {
    margin-left: calc(16.666666666666664% + 40/1240 * 100vw/2);
  }
  .col-1--sm {
    width: calc(8.333333333333332% - 40/1240 * 100vw);
  }
  .col-offset--1--sm {
    margin-left: calc(8.333333333333332% + 40/1240 * 100vw/2);
  }
  .col-0--sm {
    width: calc(0% - 40/1240 * 100vw);
  }
  .col-offset--0--sm {
    margin-left: calc(0% + 40/1240 * 100vw/2);
  }
}
@media only screen and ( max-width:  620px ) {
  .col-12 {
    width: calc(100% - 20px);
  }
  .col-offset--12 {
    margin-left: calc(100% + 20px/2);
  }
  .col-11 {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11 {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10 {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10 {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9 {
    width: calc(75% - 20px);
  }
  .col-offset--9 {
    margin-left: calc(75% + 20px/2);
  }
  .col-8 {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8 {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7 {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7 {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6 {
    width: calc(50% - 20px);
  }
  .col-offset--6 {
    margin-left: calc(50% + 20px/2);
  }
  .col-5 {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5 {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4 {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4 {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3 {
    width: calc(25% - 20px);
  }
  .col-offset--3 {
    margin-left: calc(25% + 20px/2);
  }
  .col-2 {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2 {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1 {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1 {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0 {
    width: calc(0% - 20px);
  }
  .col-offset--0 {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--lg {
    width: calc(100% - 20px);
  }
  .col-offset--12--lg {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--lg {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--lg {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--lg {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--lg {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--lg {
    width: calc(75% - 20px);
  }
  .col-offset--9--lg {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--lg {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--lg {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--lg {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--lg {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--lg {
    width: calc(50% - 20px);
  }
  .col-offset--6--lg {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--lg {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--lg {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--lg {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--lg {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--lg {
    width: calc(25% - 20px);
  }
  .col-offset--3--lg {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--lg {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--lg {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--lg {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--lg {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--lg {
    width: calc(0% - 20px);
  }
  .col-offset--0--lg {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--md {
    width: calc(100% - 20px);
  }
  .col-offset--12--md {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--md {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--md {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--md {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--md {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--md {
    width: calc(75% - 20px);
  }
  .col-offset--9--md {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--md {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--md {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--md {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--md {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--md {
    width: calc(50% - 20px);
  }
  .col-offset--6--md {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--md {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--md {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--md {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--md {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--md {
    width: calc(25% - 20px);
  }
  .col-offset--3--md {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--md {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--md {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--md {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--md {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--md {
    width: calc(0% - 20px);
  }
  .col-offset--0--md {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--sm {
    width: calc(100% - 20px);
  }
  .col-offset--12--sm {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--sm {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--sm {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--sm {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--sm {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--sm {
    width: calc(75% - 20px);
  }
  .col-offset--9--sm {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--sm {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--sm {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--sm {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--sm {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--sm {
    width: calc(50% - 20px);
  }
  .col-offset--6--sm {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--sm {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--sm {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--sm {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--sm {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--sm {
    width: calc(25% - 20px);
  }
  .col-offset--3--sm {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--sm {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--sm {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--sm {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--sm {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--sm {
    width: calc(0% - 20px);
  }
  .col-offset--0--sm {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--xs {
    width: calc(100% - 20px);
  }
  .col-offset--12--xs {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--xs {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--xs {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--xs {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--xs {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--xs {
    width: calc(75% - 20px);
  }
  .col-offset--9--xs {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--xs {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--xs {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--xs {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--xs {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--xs {
    width: calc(50% - 20px);
  }
  .col-offset--6--xs {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--xs {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--xs {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--xs {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--xs {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--xs {
    width: calc(25% - 20px);
  }
  .col-offset--3--xs {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--xs {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--xs {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--xs {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--xs {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--xs {
    width: calc(0% - 20px);
  }
  .col-offset--0--xs {
    margin-left: calc(0% + 20px/2);
  }
}
@media only screen and ( max-width:  420px ) {
  .col-12 {
    width: calc(100% - 20px);
  }
  .col-offset--12 {
    margin-left: calc(100% + 20px/2);
  }
  .col-11 {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11 {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10 {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10 {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9 {
    width: calc(75% - 20px);
  }
  .col-offset--9 {
    margin-left: calc(75% + 20px/2);
  }
  .col-8 {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8 {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7 {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7 {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6 {
    width: calc(50% - 20px);
  }
  .col-offset--6 {
    margin-left: calc(50% + 20px/2);
  }
  .col-5 {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5 {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4 {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4 {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3 {
    width: calc(25% - 20px);
  }
  .col-offset--3 {
    margin-left: calc(25% + 20px/2);
  }
  .col-2 {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2 {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1 {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1 {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0 {
    width: calc(0% - 20px);
  }
  .col-offset--0 {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--lg {
    width: calc(100% - 20px);
  }
  .col-offset--12--lg {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--lg {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--lg {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--lg {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--lg {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--lg {
    width: calc(75% - 20px);
  }
  .col-offset--9--lg {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--lg {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--lg {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--lg {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--lg {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--lg {
    width: calc(50% - 20px);
  }
  .col-offset--6--lg {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--lg {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--lg {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--lg {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--lg {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--lg {
    width: calc(25% - 20px);
  }
  .col-offset--3--lg {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--lg {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--lg {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--lg {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--lg {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--lg {
    width: calc(0% - 20px);
  }
  .col-offset--0--lg {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--md {
    width: calc(100% - 20px);
  }
  .col-offset--12--md {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--md {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--md {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--md {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--md {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--md {
    width: calc(75% - 20px);
  }
  .col-offset--9--md {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--md {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--md {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--md {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--md {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--md {
    width: calc(50% - 20px);
  }
  .col-offset--6--md {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--md {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--md {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--md {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--md {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--md {
    width: calc(25% - 20px);
  }
  .col-offset--3--md {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--md {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--md {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--md {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--md {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--md {
    width: calc(0% - 20px);
  }
  .col-offset--0--md {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--sm {
    width: calc(100% - 20px);
  }
  .col-offset--12--sm {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--sm {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--sm {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--sm {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--sm {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--sm {
    width: calc(75% - 20px);
  }
  .col-offset--9--sm {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--sm {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--sm {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--sm {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--sm {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--sm {
    width: calc(50% - 20px);
  }
  .col-offset--6--sm {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--sm {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--sm {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--sm {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--sm {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--sm {
    width: calc(25% - 20px);
  }
  .col-offset--3--sm {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--sm {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--sm {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--sm {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--sm {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--sm {
    width: calc(0% - 20px);
  }
  .col-offset--0--sm {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--xs {
    width: calc(100% - 20px);
  }
  .col-offset--12--xs {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--xs {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--xs {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--xs {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--xs {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--xs {
    width: calc(75% - 20px);
  }
  .col-offset--9--xs {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--xs {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--xs {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--xs {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--xs {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--xs {
    width: calc(50% - 20px);
  }
  .col-offset--6--xs {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--xs {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--xs {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--xs {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--xs {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--xs {
    width: calc(25% - 20px);
  }
  .col-offset--3--xs {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--xs {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--xs {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--xs {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--xs {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--xs {
    width: calc(0% - 20px);
  }
  .col-offset--0--xs {
    margin-left: calc(0% + 20px/2);
  }
  .col-12--xxs {
    width: calc(100% - 20px);
  }
  .col-offset--12--xxs {
    margin-left: calc(100% + 20px/2);
  }
  .col-11--xxs {
    width: calc(91.66666666666666% - 20px);
  }
  .col-offset--11--xxs {
    margin-left: calc(91.66666666666666% + 20px/2);
  }
  .col-10--xxs {
    width: calc(83.33333333333334% - 20px);
  }
  .col-offset--10--xxs {
    margin-left: calc(83.33333333333334% + 20px/2);
  }
  .col-9--xxs {
    width: calc(75% - 20px);
  }
  .col-offset--9--xxs {
    margin-left: calc(75% + 20px/2);
  }
  .col-8--xxs {
    width: calc(66.66666666666666% - 20px);
  }
  .col-offset--8--xxs {
    margin-left: calc(66.66666666666666% + 20px/2);
  }
  .col-7--xxs {
    width: calc(58.333333333333336% - 20px);
  }
  .col-offset--7--xxs {
    margin-left: calc(58.333333333333336% + 20px/2);
  }
  .col-6--xxs {
    width: calc(50% - 20px);
  }
  .col-offset--6--xxs {
    margin-left: calc(50% + 20px/2);
  }
  .col-5--xxs {
    width: calc(41.66666666666667% - 20px);
  }
  .col-offset--5--xxs {
    margin-left: calc(41.66666666666667% + 20px/2);
  }
  .col-4--xxs {
    width: calc(33.33333333333333% - 20px);
  }
  .col-offset--4--xxs {
    margin-left: calc(33.33333333333333% + 20px/2);
  }
  .col-3--xxs {
    width: calc(25% - 20px);
  }
  .col-offset--3--xxs {
    margin-left: calc(25% + 20px/2);
  }
  .col-2--xxs {
    width: calc(16.666666666666664% - 20px);
  }
  .col-offset--2--xxs {
    margin-left: calc(16.666666666666664% + 20px/2);
  }
  .col-1--xxs {
    width: calc(8.333333333333332% - 20px);
  }
  .col-offset--1--xxs {
    margin-left: calc(8.333333333333332% + 20px/2);
  }
  .col-0--xxs {
    width: calc(0% - 20px);
  }
  .col-offset--0--xxs {
    margin-left: calc(0% + 20px/2);
  }
}
@media only screen and ( max-width: 1240px ) {
  .col--fw--lg {
    width: calc(100% + 40/1240 * 100vw);
    left: calc(-40/1240 * 100vw/2);
    flex-shrink: 0;
    margin: 0;
  }
}
@media only screen and ( max-width:  620px ) {
  .col--fw--lg {
    width: calc(100% + 20px);
    left: calc(-20px/2);
  }
}
@media only screen and ( max-width:  800px ) {
  .col--fw--sm {
    width: calc(100% + 40/1240 * 100vw);
    left: calc(-40/1240 * 100vw/2);
    flex-shrink: 0;
    margin: 0;
  }
}
@media only screen and ( max-width:  620px ) {
  .col--fw--sm {
    width: calc(100% + 20px);
    left: calc(-20px/2);
  }
}
@media only screen and ( max-width:  620px ) {
  .col--fw--xs {
    width: calc(100% + 20px);
    left: calc(-20px/2);
    flex-shrink: 0;
    margin: 0;
  }
}
/*
 * Spacings
 * ---------------------------------------------------------------------------------- */
.pt--0 {
  padding-top: 0px;
}
.pb--0 {
  padding-bottom: 0px;
}
.pl--0 {
  padding-left: 0px;
}
.pr--0 {
  padding-right: 0px;
}
.p--0 {
  padding: 0px;
}
.mt--0 {
  margin-top: 0px;
}
.mb--0 {
  margin-bottom: 0px;
}
.ml--0 {
  margin-left: 0px;
}
.mr--0 {
  margin-right: 0px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--0 {
    padding-top: calc(0 / 1240 * 100vw);
  }
  .pb--0 {
    padding-bottom: calc(0 / 1240 * 100vw);
  }
  .pl--0 {
    padding-left: calc(0 / 1240 * 100vw);
  }
  .pr--0 {
    padding-right: calc(0 / 1240 * 100vw);
  }
  .p--0 {
    padding: calc(0 / 1240 * 100vw);
  }
  .mt--0 {
    margin-top: calc(0 / 1240 * 100vw);
  }
  .mb--0 {
    margin-bottom: calc(0 / 1240 * 100vw);
  }
  .ml--0 {
    margin-left: calc(0 / 1240 * 100vw);
  }
  .mr--0 {
    margin-right: calc(0 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(0 / (0 / 1240) * 1px)) {
  .pt--0 {
    padding-top: 0px;
  }
  .pb--0 {
    padding-bottom: 0px;
  }
  .pl--0 {
    padding-left: 0px;
  }
  .pr--0 {
    padding-right: 0px;
  }
  .p--0 {
    padding: 0px;
  }
  .mt--0 {
    margin-top: 0px;
  }
  .mb--0 {
    margin-bottom: 0px;
  }
  .ml--0 {
    margin-left: 0px;
  }
  .mr--0 {
    margin-right: 0px;
  }
}
.pt--2 {
  padding-top: 2px;
}
.pb--2 {
  padding-bottom: 2px;
}
.pl--2 {
  padding-left: 2px;
}
.pr--2 {
  padding-right: 2px;
}
.p--2 {
  padding: 2px;
}
.mt--2 {
  margin-top: 2px;
}
.mb--2 {
  margin-bottom: 2px;
}
.ml--2 {
  margin-left: 2px;
}
.mr--2 {
  margin-right: 2px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--2 {
    padding-top: calc(2 / 1240 * 100vw);
  }
  .pb--2 {
    padding-bottom: calc(2 / 1240 * 100vw);
  }
  .pl--2 {
    padding-left: calc(2 / 1240 * 100vw);
  }
  .pr--2 {
    padding-right: calc(2 / 1240 * 100vw);
  }
  .p--2 {
    padding: calc(2 / 1240 * 100vw);
  }
  .mt--2 {
    margin-top: calc(2 / 1240 * 100vw);
  }
  .mb--2 {
    margin-bottom: calc(2 / 1240 * 100vw);
  }
  .ml--2 {
    margin-left: calc(2 / 1240 * 100vw);
  }
  .mr--2 {
    margin-right: calc(2 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(2 / (2 / 1240) * 1px)) {
  .pt--2 {
    padding-top: 2px;
  }
  .pb--2 {
    padding-bottom: 2px;
  }
  .pl--2 {
    padding-left: 2px;
  }
  .pr--2 {
    padding-right: 2px;
  }
  .p--2 {
    padding: 2px;
  }
  .mt--2 {
    margin-top: 2px;
  }
  .mb--2 {
    margin-bottom: 2px;
  }
  .ml--2 {
    margin-left: 2px;
  }
  .mr--2 {
    margin-right: 2px;
  }
}
.pt--4 {
  padding-top: 4px;
}
.pb--4 {
  padding-bottom: 4px;
}
.pl--4 {
  padding-left: 4px;
}
.pr--4 {
  padding-right: 4px;
}
.p--4 {
  padding: 4px;
}
.mt--4 {
  margin-top: 4px;
}
.mb--4 {
  margin-bottom: 4px;
}
.ml--4 {
  margin-left: 4px;
}
.mr--4 {
  margin-right: 4px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--4 {
    padding-top: calc(4 / 1240 * 100vw);
  }
  .pb--4 {
    padding-bottom: calc(4 / 1240 * 100vw);
  }
  .pl--4 {
    padding-left: calc(4 / 1240 * 100vw);
  }
  .pr--4 {
    padding-right: calc(4 / 1240 * 100vw);
  }
  .p--4 {
    padding: calc(4 / 1240 * 100vw);
  }
  .mt--4 {
    margin-top: calc(4 / 1240 * 100vw);
  }
  .mb--4 {
    margin-bottom: calc(4 / 1240 * 100vw);
  }
  .ml--4 {
    margin-left: calc(4 / 1240 * 100vw);
  }
  .mr--4 {
    margin-right: calc(4 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(4 / (4 / 1240) * 1px)) {
  .pt--4 {
    padding-top: 4px;
  }
  .pb--4 {
    padding-bottom: 4px;
  }
  .pl--4 {
    padding-left: 4px;
  }
  .pr--4 {
    padding-right: 4px;
  }
  .p--4 {
    padding: 4px;
  }
  .mt--4 {
    margin-top: 4px;
  }
  .mb--4 {
    margin-bottom: 4px;
  }
  .ml--4 {
    margin-left: 4px;
  }
  .mr--4 {
    margin-right: 4px;
  }
}
.pt--6 {
  padding-top: 6px;
}
.pb--6 {
  padding-bottom: 6px;
}
.pl--6 {
  padding-left: 6px;
}
.pr--6 {
  padding-right: 6px;
}
.p--6 {
  padding: 6px;
}
.mt--6 {
  margin-top: 6px;
}
.mb--6 {
  margin-bottom: 6px;
}
.ml--6 {
  margin-left: 6px;
}
.mr--6 {
  margin-right: 6px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--6 {
    padding-top: calc(6 / 1240 * 100vw);
  }
  .pb--6 {
    padding-bottom: calc(6 / 1240 * 100vw);
  }
  .pl--6 {
    padding-left: calc(6 / 1240 * 100vw);
  }
  .pr--6 {
    padding-right: calc(6 / 1240 * 100vw);
  }
  .p--6 {
    padding: calc(6 / 1240 * 100vw);
  }
  .mt--6 {
    margin-top: calc(6 / 1240 * 100vw);
  }
  .mb--6 {
    margin-bottom: calc(6 / 1240 * 100vw);
  }
  .ml--6 {
    margin-left: calc(6 / 1240 * 100vw);
  }
  .mr--6 {
    margin-right: calc(6 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(6 / (6 / 1240) * 1px)) {
  .pt--6 {
    padding-top: 6px;
  }
  .pb--6 {
    padding-bottom: 6px;
  }
  .pl--6 {
    padding-left: 6px;
  }
  .pr--6 {
    padding-right: 6px;
  }
  .p--6 {
    padding: 6px;
  }
  .mt--6 {
    margin-top: 6px;
  }
  .mb--6 {
    margin-bottom: 6px;
  }
  .ml--6 {
    margin-left: 6px;
  }
  .mr--6 {
    margin-right: 6px;
  }
}
.pt--8 {
  padding-top: 8px;
}
.pb--8 {
  padding-bottom: 8px;
}
.pl--8 {
  padding-left: 8px;
}
.pr--8 {
  padding-right: 8px;
}
.p--8 {
  padding: 8px;
}
.mt--8 {
  margin-top: 8px;
}
.mb--8 {
  margin-bottom: 8px;
}
.ml--8 {
  margin-left: 8px;
}
.mr--8 {
  margin-right: 8px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--8 {
    padding-top: calc(8 / 1240 * 100vw);
  }
  .pb--8 {
    padding-bottom: calc(8 / 1240 * 100vw);
  }
  .pl--8 {
    padding-left: calc(8 / 1240 * 100vw);
  }
  .pr--8 {
    padding-right: calc(8 / 1240 * 100vw);
  }
  .p--8 {
    padding: calc(8 / 1240 * 100vw);
  }
  .mt--8 {
    margin-top: calc(8 / 1240 * 100vw);
  }
  .mb--8 {
    margin-bottom: calc(8 / 1240 * 100vw);
  }
  .ml--8 {
    margin-left: calc(8 / 1240 * 100vw);
  }
  .mr--8 {
    margin-right: calc(8 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(8 / (8 / 1240) * 1px)) {
  .pt--8 {
    padding-top: 8px;
  }
  .pb--8 {
    padding-bottom: 8px;
  }
  .pl--8 {
    padding-left: 8px;
  }
  .pr--8 {
    padding-right: 8px;
  }
  .p--8 {
    padding: 8px;
  }
  .mt--8 {
    margin-top: 8px;
  }
  .mb--8 {
    margin-bottom: 8px;
  }
  .ml--8 {
    margin-left: 8px;
  }
  .mr--8 {
    margin-right: 8px;
  }
}
.pt--10 {
  padding-top: 10px;
}
.pb--10 {
  padding-bottom: 10px;
}
.pl--10 {
  padding-left: 10px;
}
.pr--10 {
  padding-right: 10px;
}
.p--10 {
  padding: 10px;
}
.mt--10 {
  margin-top: 10px;
}
.mb--10 {
  margin-bottom: 10px;
}
.ml--10 {
  margin-left: 10px;
}
.mr--10 {
  margin-right: 10px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--10 {
    padding-top: calc(10 / 1240 * 100vw);
  }
  .pb--10 {
    padding-bottom: calc(10 / 1240 * 100vw);
  }
  .pl--10 {
    padding-left: calc(10 / 1240 * 100vw);
  }
  .pr--10 {
    padding-right: calc(10 / 1240 * 100vw);
  }
  .p--10 {
    padding: calc(10 / 1240 * 100vw);
  }
  .mt--10 {
    margin-top: calc(10 / 1240 * 100vw);
  }
  .mb--10 {
    margin-bottom: calc(10 / 1240 * 100vw);
  }
  .ml--10 {
    margin-left: calc(10 / 1240 * 100vw);
  }
  .mr--10 {
    margin-right: calc(10 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(10 / (10 / 1240) * 1px)) {
  .pt--10 {
    padding-top: 10px;
  }
  .pb--10 {
    padding-bottom: 10px;
  }
  .pl--10 {
    padding-left: 10px;
  }
  .pr--10 {
    padding-right: 10px;
  }
  .p--10 {
    padding: 10px;
  }
  .mt--10 {
    margin-top: 10px;
  }
  .mb--10 {
    margin-bottom: 10px;
  }
  .ml--10 {
    margin-left: 10px;
  }
  .mr--10 {
    margin-right: 10px;
  }
}
.pt--12 {
  padding-top: 12px;
}
.pb--12 {
  padding-bottom: 12px;
}
.pl--12 {
  padding-left: 12px;
}
.pr--12 {
  padding-right: 12px;
}
.p--12 {
  padding: 12px;
}
.mt--12 {
  margin-top: 12px;
}
.mb--12 {
  margin-bottom: 12px;
}
.ml--12 {
  margin-left: 12px;
}
.mr--12 {
  margin-right: 12px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--12 {
    padding-top: calc(12 / 1240 * 100vw);
  }
  .pb--12 {
    padding-bottom: calc(12 / 1240 * 100vw);
  }
  .pl--12 {
    padding-left: calc(12 / 1240 * 100vw);
  }
  .pr--12 {
    padding-right: calc(12 / 1240 * 100vw);
  }
  .p--12 {
    padding: calc(12 / 1240 * 100vw);
  }
  .mt--12 {
    margin-top: calc(12 / 1240 * 100vw);
  }
  .mb--12 {
    margin-bottom: calc(12 / 1240 * 100vw);
  }
  .ml--12 {
    margin-left: calc(12 / 1240 * 100vw);
  }
  .mr--12 {
    margin-right: calc(12 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(12 / (12 / 1240) * 1px)) {
  .pt--12 {
    padding-top: 12px;
  }
  .pb--12 {
    padding-bottom: 12px;
  }
  .pl--12 {
    padding-left: 12px;
  }
  .pr--12 {
    padding-right: 12px;
  }
  .p--12 {
    padding: 12px;
  }
  .mt--12 {
    margin-top: 12px;
  }
  .mb--12 {
    margin-bottom: 12px;
  }
  .ml--12 {
    margin-left: 12px;
  }
  .mr--12 {
    margin-right: 12px;
  }
}
.pt--16 {
  padding-top: 16px;
}
.pb--16 {
  padding-bottom: 16px;
}
.pl--16 {
  padding-left: 16px;
}
.pr--16 {
  padding-right: 16px;
}
.p--16 {
  padding: 16px;
}
.mt--16 {
  margin-top: 16px;
}
.mb--16 {
  margin-bottom: 16px;
}
.ml--16 {
  margin-left: 16px;
}
.mr--16 {
  margin-right: 16px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--16 {
    padding-top: calc(16 / 1240 * 100vw);
  }
  .pb--16 {
    padding-bottom: calc(16 / 1240 * 100vw);
  }
  .pl--16 {
    padding-left: calc(16 / 1240 * 100vw);
  }
  .pr--16 {
    padding-right: calc(16 / 1240 * 100vw);
  }
  .p--16 {
    padding: calc(16 / 1240 * 100vw);
  }
  .mt--16 {
    margin-top: calc(16 / 1240 * 100vw);
  }
  .mb--16 {
    margin-bottom: calc(16 / 1240 * 100vw);
  }
  .ml--16 {
    margin-left: calc(16 / 1240 * 100vw);
  }
  .mr--16 {
    margin-right: calc(16 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(16 / (16 / 1240) * 1px)) {
  .pt--16 {
    padding-top: 16px;
  }
  .pb--16 {
    padding-bottom: 16px;
  }
  .pl--16 {
    padding-left: 16px;
  }
  .pr--16 {
    padding-right: 16px;
  }
  .p--16 {
    padding: 16px;
  }
  .mt--16 {
    margin-top: 16px;
  }
  .mb--16 {
    margin-bottom: 16px;
  }
  .ml--16 {
    margin-left: 16px;
  }
  .mr--16 {
    margin-right: 16px;
  }
}
.pt--20 {
  padding-top: 20px;
}
.pb--20 {
  padding-bottom: 20px;
}
.pl--20 {
  padding-left: 20px;
}
.pr--20 {
  padding-right: 20px;
}
.p--20 {
  padding: 20px;
}
.mt--20 {
  margin-top: 20px;
}
.mb--20 {
  margin-bottom: 20px;
}
.ml--20 {
  margin-left: 20px;
}
.mr--20 {
  margin-right: 20px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--20 {
    padding-top: calc(20 / 1240 * 100vw);
  }
  .pb--20 {
    padding-bottom: calc(20 / 1240 * 100vw);
  }
  .pl--20 {
    padding-left: calc(20 / 1240 * 100vw);
  }
  .pr--20 {
    padding-right: calc(20 / 1240 * 100vw);
  }
  .p--20 {
    padding: calc(20 / 1240 * 100vw);
  }
  .mt--20 {
    margin-top: calc(20 / 1240 * 100vw);
  }
  .mb--20 {
    margin-bottom: calc(20 / 1240 * 100vw);
  }
  .ml--20 {
    margin-left: calc(20 / 1240 * 100vw);
  }
  .mr--20 {
    margin-right: calc(20 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(20 / (20 / 1240) * 1px)) {
  .pt--20 {
    padding-top: 20px;
  }
  .pb--20 {
    padding-bottom: 20px;
  }
  .pl--20 {
    padding-left: 20px;
  }
  .pr--20 {
    padding-right: 20px;
  }
  .p--20 {
    padding: 20px;
  }
  .mt--20 {
    margin-top: 20px;
  }
  .mb--20 {
    margin-bottom: 20px;
  }
  .ml--20 {
    margin-left: 20px;
  }
  .mr--20 {
    margin-right: 20px;
  }
}
.pt--24 {
  padding-top: 24px;
}
.pb--24 {
  padding-bottom: 24px;
}
.pl--24 {
  padding-left: 24px;
}
.pr--24 {
  padding-right: 24px;
}
.p--24 {
  padding: 24px;
}
.mt--24 {
  margin-top: 24px;
}
.mb--24 {
  margin-bottom: 24px;
}
.ml--24 {
  margin-left: 24px;
}
.mr--24 {
  margin-right: 24px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--24 {
    padding-top: calc(24 / 1240 * 100vw);
  }
  .pb--24 {
    padding-bottom: calc(24 / 1240 * 100vw);
  }
  .pl--24 {
    padding-left: calc(24 / 1240 * 100vw);
  }
  .pr--24 {
    padding-right: calc(24 / 1240 * 100vw);
  }
  .p--24 {
    padding: calc(24 / 1240 * 100vw);
  }
  .mt--24 {
    margin-top: calc(24 / 1240 * 100vw);
  }
  .mb--24 {
    margin-bottom: calc(24 / 1240 * 100vw);
  }
  .ml--24 {
    margin-left: calc(24 / 1240 * 100vw);
  }
  .mr--24 {
    margin-right: calc(24 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(24 / (24 / 1240) * 1px)) {
  .pt--24 {
    padding-top: 24px;
  }
  .pb--24 {
    padding-bottom: 24px;
  }
  .pl--24 {
    padding-left: 24px;
  }
  .pr--24 {
    padding-right: 24px;
  }
  .p--24 {
    padding: 24px;
  }
  .mt--24 {
    margin-top: 24px;
  }
  .mb--24 {
    margin-bottom: 24px;
  }
  .ml--24 {
    margin-left: 24px;
  }
  .mr--24 {
    margin-right: 24px;
  }
}
.pt--28 {
  padding-top: 28px;
}
.pb--28 {
  padding-bottom: 28px;
}
.pl--28 {
  padding-left: 28px;
}
.pr--28 {
  padding-right: 28px;
}
.p--28 {
  padding: 28px;
}
.mt--28 {
  margin-top: 28px;
}
.mb--28 {
  margin-bottom: 28px;
}
.ml--28 {
  margin-left: 28px;
}
.mr--28 {
  margin-right: 28px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--28 {
    padding-top: calc(28 / 1240 * 100vw);
  }
  .pb--28 {
    padding-bottom: calc(28 / 1240 * 100vw);
  }
  .pl--28 {
    padding-left: calc(28 / 1240 * 100vw);
  }
  .pr--28 {
    padding-right: calc(28 / 1240 * 100vw);
  }
  .p--28 {
    padding: calc(28 / 1240 * 100vw);
  }
  .mt--28 {
    margin-top: calc(28 / 1240 * 100vw);
  }
  .mb--28 {
    margin-bottom: calc(28 / 1240 * 100vw);
  }
  .ml--28 {
    margin-left: calc(28 / 1240 * 100vw);
  }
  .mr--28 {
    margin-right: calc(28 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(28 / (28 / 1240) * 1px)) {
  .pt--28 {
    padding-top: 28px;
  }
  .pb--28 {
    padding-bottom: 28px;
  }
  .pl--28 {
    padding-left: 28px;
  }
  .pr--28 {
    padding-right: 28px;
  }
  .p--28 {
    padding: 28px;
  }
  .mt--28 {
    margin-top: 28px;
  }
  .mb--28 {
    margin-bottom: 28px;
  }
  .ml--28 {
    margin-left: 28px;
  }
  .mr--28 {
    margin-right: 28px;
  }
}
.pt--32 {
  padding-top: 32px;
}
.pb--32 {
  padding-bottom: 32px;
}
.pl--32 {
  padding-left: 32px;
}
.pr--32 {
  padding-right: 32px;
}
.p--32 {
  padding: 32px;
}
.mt--32 {
  margin-top: 32px;
}
.mb--32 {
  margin-bottom: 32px;
}
.ml--32 {
  margin-left: 32px;
}
.mr--32 {
  margin-right: 32px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--32 {
    padding-top: calc(32 / 1240 * 100vw);
  }
  .pb--32 {
    padding-bottom: calc(32 / 1240 * 100vw);
  }
  .pl--32 {
    padding-left: calc(32 / 1240 * 100vw);
  }
  .pr--32 {
    padding-right: calc(32 / 1240 * 100vw);
  }
  .p--32 {
    padding: calc(32 / 1240 * 100vw);
  }
  .mt--32 {
    margin-top: calc(32 / 1240 * 100vw);
  }
  .mb--32 {
    margin-bottom: calc(32 / 1240 * 100vw);
  }
  .ml--32 {
    margin-left: calc(32 / 1240 * 100vw);
  }
  .mr--32 {
    margin-right: calc(32 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(32 / (32 / 1240) * 1px)) {
  .pt--32 {
    padding-top: 32px;
  }
  .pb--32 {
    padding-bottom: 32px;
  }
  .pl--32 {
    padding-left: 32px;
  }
  .pr--32 {
    padding-right: 32px;
  }
  .p--32 {
    padding: 32px;
  }
  .mt--32 {
    margin-top: 32px;
  }
  .mb--32 {
    margin-bottom: 32px;
  }
  .ml--32 {
    margin-left: 32px;
  }
  .mr--32 {
    margin-right: 32px;
  }
}
.pt--36 {
  padding-top: 36px;
}
.pb--36 {
  padding-bottom: 36px;
}
.pl--36 {
  padding-left: 36px;
}
.pr--36 {
  padding-right: 36px;
}
.p--36 {
  padding: 36px;
}
.mt--36 {
  margin-top: 36px;
}
.mb--36 {
  margin-bottom: 36px;
}
.ml--36 {
  margin-left: 36px;
}
.mr--36 {
  margin-right: 36px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--36 {
    padding-top: calc(36 / 1240 * 100vw);
  }
  .pb--36 {
    padding-bottom: calc(36 / 1240 * 100vw);
  }
  .pl--36 {
    padding-left: calc(36 / 1240 * 100vw);
  }
  .pr--36 {
    padding-right: calc(36 / 1240 * 100vw);
  }
  .p--36 {
    padding: calc(36 / 1240 * 100vw);
  }
  .mt--36 {
    margin-top: calc(36 / 1240 * 100vw);
  }
  .mb--36 {
    margin-bottom: calc(36 / 1240 * 100vw);
  }
  .ml--36 {
    margin-left: calc(36 / 1240 * 100vw);
  }
  .mr--36 {
    margin-right: calc(36 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(36 / (36 / 1240) * 1px)) {
  .pt--36 {
    padding-top: 36px;
  }
  .pb--36 {
    padding-bottom: 36px;
  }
  .pl--36 {
    padding-left: 36px;
  }
  .pr--36 {
    padding-right: 36px;
  }
  .p--36 {
    padding: 36px;
  }
  .mt--36 {
    margin-top: 36px;
  }
  .mb--36 {
    margin-bottom: 36px;
  }
  .ml--36 {
    margin-left: 36px;
  }
  .mr--36 {
    margin-right: 36px;
  }
}
.pt--40 {
  padding-top: 40px;
}
.pb--40 {
  padding-bottom: 40px;
}
.pl--40 {
  padding-left: 40px;
}
.pr--40 {
  padding-right: 40px;
}
.p--40 {
  padding: 40px;
}
.mt--40 {
  margin-top: 40px;
}
.mb--40 {
  margin-bottom: 40px;
}
.ml--40 {
  margin-left: 40px;
}
.mr--40 {
  margin-right: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--40 {
    padding-top: calc(40 / 1240 * 100vw);
  }
  .pb--40 {
    padding-bottom: calc(40 / 1240 * 100vw);
  }
  .pl--40 {
    padding-left: calc(40 / 1240 * 100vw);
  }
  .pr--40 {
    padding-right: calc(40 / 1240 * 100vw);
  }
  .p--40 {
    padding: calc(40 / 1240 * 100vw);
  }
  .mt--40 {
    margin-top: calc(40 / 1240 * 100vw);
  }
  .mb--40 {
    margin-bottom: calc(40 / 1240 * 100vw);
  }
  .ml--40 {
    margin-left: calc(40 / 1240 * 100vw);
  }
  .mr--40 {
    margin-right: calc(40 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(40 / (40 / 1240) * 1px)) {
  .pt--40 {
    padding-top: 40px;
  }
  .pb--40 {
    padding-bottom: 40px;
  }
  .pl--40 {
    padding-left: 40px;
  }
  .pr--40 {
    padding-right: 40px;
  }
  .p--40 {
    padding: 40px;
  }
  .mt--40 {
    margin-top: 40px;
  }
  .mb--40 {
    margin-bottom: 40px;
  }
  .ml--40 {
    margin-left: 40px;
  }
  .mr--40 {
    margin-right: 40px;
  }
}
.pt--44 {
  padding-top: 44px;
}
.pb--44 {
  padding-bottom: 44px;
}
.pl--44 {
  padding-left: 44px;
}
.pr--44 {
  padding-right: 44px;
}
.p--44 {
  padding: 44px;
}
.mt--44 {
  margin-top: 44px;
}
.mb--44 {
  margin-bottom: 44px;
}
.ml--44 {
  margin-left: 44px;
}
.mr--44 {
  margin-right: 44px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--44 {
    padding-top: calc(44 / 1240 * 100vw);
  }
  .pb--44 {
    padding-bottom: calc(44 / 1240 * 100vw);
  }
  .pl--44 {
    padding-left: calc(44 / 1240 * 100vw);
  }
  .pr--44 {
    padding-right: calc(44 / 1240 * 100vw);
  }
  .p--44 {
    padding: calc(44 / 1240 * 100vw);
  }
  .mt--44 {
    margin-top: calc(44 / 1240 * 100vw);
  }
  .mb--44 {
    margin-bottom: calc(44 / 1240 * 100vw);
  }
  .ml--44 {
    margin-left: calc(44 / 1240 * 100vw);
  }
  .mr--44 {
    margin-right: calc(44 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(44 / (44 / 1240) * 1px)) {
  .pt--44 {
    padding-top: 44px;
  }
  .pb--44 {
    padding-bottom: 44px;
  }
  .pl--44 {
    padding-left: 44px;
  }
  .pr--44 {
    padding-right: 44px;
  }
  .p--44 {
    padding: 44px;
  }
  .mt--44 {
    margin-top: 44px;
  }
  .mb--44 {
    margin-bottom: 44px;
  }
  .ml--44 {
    margin-left: 44px;
  }
  .mr--44 {
    margin-right: 44px;
  }
}
.pt--48 {
  padding-top: 48px;
}
.pb--48 {
  padding-bottom: 48px;
}
.pl--48 {
  padding-left: 48px;
}
.pr--48 {
  padding-right: 48px;
}
.p--48 {
  padding: 48px;
}
.mt--48 {
  margin-top: 48px;
}
.mb--48 {
  margin-bottom: 48px;
}
.ml--48 {
  margin-left: 48px;
}
.mr--48 {
  margin-right: 48px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--48 {
    padding-top: calc(48 / 1240 * 100vw);
  }
  .pb--48 {
    padding-bottom: calc(48 / 1240 * 100vw);
  }
  .pl--48 {
    padding-left: calc(48 / 1240 * 100vw);
  }
  .pr--48 {
    padding-right: calc(48 / 1240 * 100vw);
  }
  .p--48 {
    padding: calc(48 / 1240 * 100vw);
  }
  .mt--48 {
    margin-top: calc(48 / 1240 * 100vw);
  }
  .mb--48 {
    margin-bottom: calc(48 / 1240 * 100vw);
  }
  .ml--48 {
    margin-left: calc(48 / 1240 * 100vw);
  }
  .mr--48 {
    margin-right: calc(48 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(48 / (48 / 1240) * 1px)) {
  .pt--48 {
    padding-top: 48px;
  }
  .pb--48 {
    padding-bottom: 48px;
  }
  .pl--48 {
    padding-left: 48px;
  }
  .pr--48 {
    padding-right: 48px;
  }
  .p--48 {
    padding: 48px;
  }
  .mt--48 {
    margin-top: 48px;
  }
  .mb--48 {
    margin-bottom: 48px;
  }
  .ml--48 {
    margin-left: 48px;
  }
  .mr--48 {
    margin-right: 48px;
  }
}
.pt--56 {
  padding-top: 56px;
}
.pb--56 {
  padding-bottom: 56px;
}
.pl--56 {
  padding-left: 56px;
}
.pr--56 {
  padding-right: 56px;
}
.p--56 {
  padding: 56px;
}
.mt--56 {
  margin-top: 56px;
}
.mb--56 {
  margin-bottom: 56px;
}
.ml--56 {
  margin-left: 56px;
}
.mr--56 {
  margin-right: 56px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--56 {
    padding-top: calc(56 / 1240 * 100vw);
  }
  .pb--56 {
    padding-bottom: calc(56 / 1240 * 100vw);
  }
  .pl--56 {
    padding-left: calc(56 / 1240 * 100vw);
  }
  .pr--56 {
    padding-right: calc(56 / 1240 * 100vw);
  }
  .p--56 {
    padding: calc(56 / 1240 * 100vw);
  }
  .mt--56 {
    margin-top: calc(56 / 1240 * 100vw);
  }
  .mb--56 {
    margin-bottom: calc(56 / 1240 * 100vw);
  }
  .ml--56 {
    margin-left: calc(56 / 1240 * 100vw);
  }
  .mr--56 {
    margin-right: calc(56 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(48 / (56 / 1240) * 1px)) {
  .pt--56 {
    padding-top: 48px;
  }
  .pb--56 {
    padding-bottom: 48px;
  }
  .pl--56 {
    padding-left: 48px;
  }
  .pr--56 {
    padding-right: 48px;
  }
  .p--56 {
    padding: 48px;
  }
  .mt--56 {
    margin-top: 48px;
  }
  .mb--56 {
    margin-bottom: 48px;
  }
  .ml--56 {
    margin-left: 48px;
  }
  .mr--56 {
    margin-right: 48px;
  }
}
.pt--64 {
  padding-top: 64px;
}
.pb--64 {
  padding-bottom: 64px;
}
.pl--64 {
  padding-left: 64px;
}
.pr--64 {
  padding-right: 64px;
}
.p--64 {
  padding: 64px;
}
.mt--64 {
  margin-top: 64px;
}
.mb--64 {
  margin-bottom: 64px;
}
.ml--64 {
  margin-left: 64px;
}
.mr--64 {
  margin-right: 64px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--64 {
    padding-top: calc(64 / 1240 * 100vw);
  }
  .pb--64 {
    padding-bottom: calc(64 / 1240 * 100vw);
  }
  .pl--64 {
    padding-left: calc(64 / 1240 * 100vw);
  }
  .pr--64 {
    padding-right: calc(64 / 1240 * 100vw);
  }
  .p--64 {
    padding: calc(64 / 1240 * 100vw);
  }
  .mt--64 {
    margin-top: calc(64 / 1240 * 100vw);
  }
  .mb--64 {
    margin-bottom: calc(64 / 1240 * 100vw);
  }
  .ml--64 {
    margin-left: calc(64 / 1240 * 100vw);
  }
  .mr--64 {
    margin-right: calc(64 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(48 / (64 / 1240) * 1px)) {
  .pt--64 {
    padding-top: 48px;
  }
  .pb--64 {
    padding-bottom: 48px;
  }
  .pl--64 {
    padding-left: 48px;
  }
  .pr--64 {
    padding-right: 48px;
  }
  .p--64 {
    padding: 48px;
  }
  .mt--64 {
    margin-top: 48px;
  }
  .mb--64 {
    margin-bottom: 48px;
  }
  .ml--64 {
    margin-left: 48px;
  }
  .mr--64 {
    margin-right: 48px;
  }
}
.pt--72 {
  padding-top: 72px;
}
.pb--72 {
  padding-bottom: 72px;
}
.pl--72 {
  padding-left: 72px;
}
.pr--72 {
  padding-right: 72px;
}
.p--72 {
  padding: 72px;
}
.mt--72 {
  margin-top: 72px;
}
.mb--72 {
  margin-bottom: 72px;
}
.ml--72 {
  margin-left: 72px;
}
.mr--72 {
  margin-right: 72px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--72 {
    padding-top: calc(72 / 1240 * 100vw);
  }
  .pb--72 {
    padding-bottom: calc(72 / 1240 * 100vw);
  }
  .pl--72 {
    padding-left: calc(72 / 1240 * 100vw);
  }
  .pr--72 {
    padding-right: calc(72 / 1240 * 100vw);
  }
  .p--72 {
    padding: calc(72 / 1240 * 100vw);
  }
  .mt--72 {
    margin-top: calc(72 / 1240 * 100vw);
  }
  .mb--72 {
    margin-bottom: calc(72 / 1240 * 100vw);
  }
  .ml--72 {
    margin-left: calc(72 / 1240 * 100vw);
  }
  .mr--72 {
    margin-right: calc(72 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(48 / (72 / 1240) * 1px)) {
  .pt--72 {
    padding-top: 48px;
  }
  .pb--72 {
    padding-bottom: 48px;
  }
  .pl--72 {
    padding-left: 48px;
  }
  .pr--72 {
    padding-right: 48px;
  }
  .p--72 {
    padding: 48px;
  }
  .mt--72 {
    margin-top: 48px;
  }
  .mb--72 {
    margin-bottom: 48px;
  }
  .ml--72 {
    margin-left: 48px;
  }
  .mr--72 {
    margin-right: 48px;
  }
}
.pt--80 {
  padding-top: 80px;
}
.pb--80 {
  padding-bottom: 80px;
}
.pl--80 {
  padding-left: 80px;
}
.pr--80 {
  padding-right: 80px;
}
.p--80 {
  padding: 80px;
}
.mt--80 {
  margin-top: 80px;
}
.mb--80 {
  margin-bottom: 80px;
}
.ml--80 {
  margin-left: 80px;
}
.mr--80 {
  margin-right: 80px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--80 {
    padding-top: calc(80 / 1240 * 100vw);
  }
  .pb--80 {
    padding-bottom: calc(80 / 1240 * 100vw);
  }
  .pl--80 {
    padding-left: calc(80 / 1240 * 100vw);
  }
  .pr--80 {
    padding-right: calc(80 / 1240 * 100vw);
  }
  .p--80 {
    padding: calc(80 / 1240 * 100vw);
  }
  .mt--80 {
    margin-top: calc(80 / 1240 * 100vw);
  }
  .mb--80 {
    margin-bottom: calc(80 / 1240 * 100vw);
  }
  .ml--80 {
    margin-left: calc(80 / 1240 * 100vw);
  }
  .mr--80 {
    margin-right: calc(80 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(48 / (80 / 1240) * 1px)) {
  .pt--80 {
    padding-top: 48px;
  }
  .pb--80 {
    padding-bottom: 48px;
  }
  .pl--80 {
    padding-left: 48px;
  }
  .pr--80 {
    padding-right: 48px;
  }
  .p--80 {
    padding: 48px;
  }
  .mt--80 {
    margin-top: 48px;
  }
  .mb--80 {
    margin-bottom: 48px;
  }
  .ml--80 {
    margin-left: 48px;
  }
  .mr--80 {
    margin-right: 48px;
  }
}
.pt--96 {
  padding-top: 96px;
}
.pb--96 {
  padding-bottom: 96px;
}
.pl--96 {
  padding-left: 96px;
}
.pr--96 {
  padding-right: 96px;
}
.p--96 {
  padding: 96px;
}
.mt--96 {
  margin-top: 96px;
}
.mb--96 {
  margin-bottom: 96px;
}
.ml--96 {
  margin-left: 96px;
}
.mr--96 {
  margin-right: 96px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--96 {
    padding-top: calc(96 / 1240 * 100vw);
  }
  .pb--96 {
    padding-bottom: calc(96 / 1240 * 100vw);
  }
  .pl--96 {
    padding-left: calc(96 / 1240 * 100vw);
  }
  .pr--96 {
    padding-right: calc(96 / 1240 * 100vw);
  }
  .p--96 {
    padding: calc(96 / 1240 * 100vw);
  }
  .mt--96 {
    margin-top: calc(96 / 1240 * 100vw);
  }
  .mb--96 {
    margin-bottom: calc(96 / 1240 * 100vw);
  }
  .ml--96 {
    margin-left: calc(96 / 1240 * 100vw);
  }
  .mr--96 {
    margin-right: calc(96 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(48 / (96 / 1240) * 1px)) {
  .pt--96 {
    padding-top: 48px;
  }
  .pb--96 {
    padding-bottom: 48px;
  }
  .pl--96 {
    padding-left: 48px;
  }
  .pr--96 {
    padding-right: 48px;
  }
  .p--96 {
    padding: 48px;
  }
  .mt--96 {
    margin-top: 48px;
  }
  .mb--96 {
    margin-bottom: 48px;
  }
  .ml--96 {
    margin-left: 48px;
  }
  .mr--96 {
    margin-right: 48px;
  }
}
.pt--100 {
  padding-top: 100px;
}
.pb--100 {
  padding-bottom: 100px;
}
.pl--100 {
  padding-left: 100px;
}
.pr--100 {
  padding-right: 100px;
}
.p--100 {
  padding: 100px;
}
.mt--100 {
  margin-top: 100px;
}
.mb--100 {
  margin-bottom: 100px;
}
.ml--100 {
  margin-left: 100px;
}
.mr--100 {
  margin-right: 100px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--100 {
    padding-top: calc(100 / 1240 * 100vw);
  }
  .pb--100 {
    padding-bottom: calc(100 / 1240 * 100vw);
  }
  .pl--100 {
    padding-left: calc(100 / 1240 * 100vw);
  }
  .pr--100 {
    padding-right: calc(100 / 1240 * 100vw);
  }
  .p--100 {
    padding: calc(100 / 1240 * 100vw);
  }
  .mt--100 {
    margin-top: calc(100 / 1240 * 100vw);
  }
  .mb--100 {
    margin-bottom: calc(100 / 1240 * 100vw);
  }
  .ml--100 {
    margin-left: calc(100 / 1240 * 100vw);
  }
  .mr--100 {
    margin-right: calc(100 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(50 / (100 / 1240) * 1px)) {
  .pt--100 {
    padding-top: 50px;
  }
  .pb--100 {
    padding-bottom: 50px;
  }
  .pl--100 {
    padding-left: 50px;
  }
  .pr--100 {
    padding-right: 50px;
  }
  .p--100 {
    padding: 50px;
  }
  .mt--100 {
    margin-top: 50px;
  }
  .mb--100 {
    margin-bottom: 50px;
  }
  .ml--100 {
    margin-left: 50px;
  }
  .mr--100 {
    margin-right: 50px;
  }
}
.pt--112 {
  padding-top: 112px;
}
.pb--112 {
  padding-bottom: 112px;
}
.pl--112 {
  padding-left: 112px;
}
.pr--112 {
  padding-right: 112px;
}
.p--112 {
  padding: 112px;
}
.mt--112 {
  margin-top: 112px;
}
.mb--112 {
  margin-bottom: 112px;
}
.ml--112 {
  margin-left: 112px;
}
.mr--112 {
  margin-right: 112px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--112 {
    padding-top: calc(112 / 1240 * 100vw);
  }
  .pb--112 {
    padding-bottom: calc(112 / 1240 * 100vw);
  }
  .pl--112 {
    padding-left: calc(112 / 1240 * 100vw);
  }
  .pr--112 {
    padding-right: calc(112 / 1240 * 100vw);
  }
  .p--112 {
    padding: calc(112 / 1240 * 100vw);
  }
  .mt--112 {
    margin-top: calc(112 / 1240 * 100vw);
  }
  .mb--112 {
    margin-bottom: calc(112 / 1240 * 100vw);
  }
  .ml--112 {
    margin-left: calc(112 / 1240 * 100vw);
  }
  .mr--112 {
    margin-right: calc(112 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(56 / (112 / 1240) * 1px)) {
  .pt--112 {
    padding-top: 56px;
  }
  .pb--112 {
    padding-bottom: 56px;
  }
  .pl--112 {
    padding-left: 56px;
  }
  .pr--112 {
    padding-right: 56px;
  }
  .p--112 {
    padding: 56px;
  }
  .mt--112 {
    margin-top: 56px;
  }
  .mb--112 {
    margin-bottom: 56px;
  }
  .ml--112 {
    margin-left: 56px;
  }
  .mr--112 {
    margin-right: 56px;
  }
}
.pt--120 {
  padding-top: 120px;
}
.pb--120 {
  padding-bottom: 120px;
}
.pl--120 {
  padding-left: 120px;
}
.pr--120 {
  padding-right: 120px;
}
.p--120 {
  padding: 120px;
}
.mt--120 {
  margin-top: 120px;
}
.mb--120 {
  margin-bottom: 120px;
}
.ml--120 {
  margin-left: 120px;
}
.mr--120 {
  margin-right: 120px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--120 {
    padding-top: calc(120 / 1240 * 100vw);
  }
  .pb--120 {
    padding-bottom: calc(120 / 1240 * 100vw);
  }
  .pl--120 {
    padding-left: calc(120 / 1240 * 100vw);
  }
  .pr--120 {
    padding-right: calc(120 / 1240 * 100vw);
  }
  .p--120 {
    padding: calc(120 / 1240 * 100vw);
  }
  .mt--120 {
    margin-top: calc(120 / 1240 * 100vw);
  }
  .mb--120 {
    margin-bottom: calc(120 / 1240 * 100vw);
  }
  .ml--120 {
    margin-left: calc(120 / 1240 * 100vw);
  }
  .mr--120 {
    margin-right: calc(120 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(60 / (120 / 1240) * 1px)) {
  .pt--120 {
    padding-top: 60px;
  }
  .pb--120 {
    padding-bottom: 60px;
  }
  .pl--120 {
    padding-left: 60px;
  }
  .pr--120 {
    padding-right: 60px;
  }
  .p--120 {
    padding: 60px;
  }
  .mt--120 {
    margin-top: 60px;
  }
  .mb--120 {
    margin-bottom: 60px;
  }
  .ml--120 {
    margin-left: 60px;
  }
  .mr--120 {
    margin-right: 60px;
  }
}
.pt--144 {
  padding-top: 144px;
}
.pb--144 {
  padding-bottom: 144px;
}
.pl--144 {
  padding-left: 144px;
}
.pr--144 {
  padding-right: 144px;
}
.p--144 {
  padding: 144px;
}
.mt--144 {
  margin-top: 144px;
}
.mb--144 {
  margin-bottom: 144px;
}
.ml--144 {
  margin-left: 144px;
}
.mr--144 {
  margin-right: 144px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--144 {
    padding-top: calc(144 / 1240 * 100vw);
  }
  .pb--144 {
    padding-bottom: calc(144 / 1240 * 100vw);
  }
  .pl--144 {
    padding-left: calc(144 / 1240 * 100vw);
  }
  .pr--144 {
    padding-right: calc(144 / 1240 * 100vw);
  }
  .p--144 {
    padding: calc(144 / 1240 * 100vw);
  }
  .mt--144 {
    margin-top: calc(144 / 1240 * 100vw);
  }
  .mb--144 {
    margin-bottom: calc(144 / 1240 * 100vw);
  }
  .ml--144 {
    margin-left: calc(144 / 1240 * 100vw);
  }
  .mr--144 {
    margin-right: calc(144 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(72 / (144 / 1240) * 1px)) {
  .pt--144 {
    padding-top: 72px;
  }
  .pb--144 {
    padding-bottom: 72px;
  }
  .pl--144 {
    padding-left: 72px;
  }
  .pr--144 {
    padding-right: 72px;
  }
  .p--144 {
    padding: 72px;
  }
  .mt--144 {
    margin-top: 72px;
  }
  .mb--144 {
    margin-bottom: 72px;
  }
  .ml--144 {
    margin-left: 72px;
  }
  .mr--144 {
    margin-right: 72px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--0--lg {
    padding-top: 0px;
  }
  .pb--0--lg {
    padding-bottom: 0px;
  }
  .pl--0--lg {
    padding-left: 0px;
  }
  .pr--0--lg {
    padding-right: 0px;
  }
  .p--0--lg {
    padding: 0px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--2--lg {
    padding-top: 2px;
  }
  .pb--2--lg {
    padding-bottom: 2px;
  }
  .pl--2--lg {
    padding-left: 2px;
  }
  .pr--2--lg {
    padding-right: 2px;
  }
  .p--2--lg {
    padding: 2px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--4--lg {
    padding-top: 4px;
  }
  .pb--4--lg {
    padding-bottom: 4px;
  }
  .pl--4--lg {
    padding-left: 4px;
  }
  .pr--4--lg {
    padding-right: 4px;
  }
  .p--4--lg {
    padding: 4px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--6--lg {
    padding-top: 6px;
  }
  .pb--6--lg {
    padding-bottom: 6px;
  }
  .pl--6--lg {
    padding-left: 6px;
  }
  .pr--6--lg {
    padding-right: 6px;
  }
  .p--6--lg {
    padding: 6px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--8--lg {
    padding-top: 8px;
  }
  .pb--8--lg {
    padding-bottom: 8px;
  }
  .pl--8--lg {
    padding-left: 8px;
  }
  .pr--8--lg {
    padding-right: 8px;
  }
  .p--8--lg {
    padding: 8px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--10--lg {
    padding-top: 10px;
  }
  .pb--10--lg {
    padding-bottom: 10px;
  }
  .pl--10--lg {
    padding-left: 10px;
  }
  .pr--10--lg {
    padding-right: 10px;
  }
  .p--10--lg {
    padding: 10px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--12--lg {
    padding-top: 12px;
  }
  .pb--12--lg {
    padding-bottom: 12px;
  }
  .pl--12--lg {
    padding-left: 12px;
  }
  .pr--12--lg {
    padding-right: 12px;
  }
  .p--12--lg {
    padding: 12px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--16--lg {
    padding-top: 16px;
  }
  .pb--16--lg {
    padding-bottom: 16px;
  }
  .pl--16--lg {
    padding-left: 16px;
  }
  .pr--16--lg {
    padding-right: 16px;
  }
  .p--16--lg {
    padding: 16px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--20--lg {
    padding-top: 20px;
  }
  .pb--20--lg {
    padding-bottom: 20px;
  }
  .pl--20--lg {
    padding-left: 20px;
  }
  .pr--20--lg {
    padding-right: 20px;
  }
  .p--20--lg {
    padding: 20px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--24--lg {
    padding-top: 24px;
  }
  .pb--24--lg {
    padding-bottom: 24px;
  }
  .pl--24--lg {
    padding-left: 24px;
  }
  .pr--24--lg {
    padding-right: 24px;
  }
  .p--24--lg {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--28--lg {
    padding-top: 28px;
  }
  .pb--28--lg {
    padding-bottom: 28px;
  }
  .pl--28--lg {
    padding-left: 28px;
  }
  .pr--28--lg {
    padding-right: 28px;
  }
  .p--28--lg {
    padding: 28px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--32--lg {
    padding-top: 32px;
  }
  .pb--32--lg {
    padding-bottom: 32px;
  }
  .pl--32--lg {
    padding-left: 32px;
  }
  .pr--32--lg {
    padding-right: 32px;
  }
  .p--32--lg {
    padding: 32px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--36--lg {
    padding-top: 36px;
  }
  .pb--36--lg {
    padding-bottom: 36px;
  }
  .pl--36--lg {
    padding-left: 36px;
  }
  .pr--36--lg {
    padding-right: 36px;
  }
  .p--36--lg {
    padding: 36px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--40--lg {
    padding-top: 40px;
  }
  .pb--40--lg {
    padding-bottom: 40px;
  }
  .pl--40--lg {
    padding-left: 40px;
  }
  .pr--40--lg {
    padding-right: 40px;
  }
  .p--40--lg {
    padding: 40px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--44--lg {
    padding-top: 44px;
  }
  .pb--44--lg {
    padding-bottom: 44px;
  }
  .pl--44--lg {
    padding-left: 44px;
  }
  .pr--44--lg {
    padding-right: 44px;
  }
  .p--44--lg {
    padding: 44px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--48--lg {
    padding-top: 48px;
  }
  .pb--48--lg {
    padding-bottom: 48px;
  }
  .pl--48--lg {
    padding-left: 48px;
  }
  .pr--48--lg {
    padding-right: 48px;
  }
  .p--48--lg {
    padding: 48px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--56--lg {
    padding-top: 48px;
  }
  .pb--56--lg {
    padding-bottom: 48px;
  }
  .pl--56--lg {
    padding-left: 48px;
  }
  .pr--56--lg {
    padding-right: 48px;
  }
  .p--56--lg {
    padding: 48px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--64--lg {
    padding-top: 48px;
  }
  .pb--64--lg {
    padding-bottom: 48px;
  }
  .pl--64--lg {
    padding-left: 48px;
  }
  .pr--64--lg {
    padding-right: 48px;
  }
  .p--64--lg {
    padding: 48px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--72--lg {
    padding-top: 48px;
  }
  .pb--72--lg {
    padding-bottom: 48px;
  }
  .pl--72--lg {
    padding-left: 48px;
  }
  .pr--72--lg {
    padding-right: 48px;
  }
  .p--72--lg {
    padding: 48px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--80--lg {
    padding-top: 48px;
  }
  .pb--80--lg {
    padding-bottom: 48px;
  }
  .pl--80--lg {
    padding-left: 48px;
  }
  .pr--80--lg {
    padding-right: 48px;
  }
  .p--80--lg {
    padding: 48px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--96--lg {
    padding-top: 48px;
  }
  .pb--96--lg {
    padding-bottom: 48px;
  }
  .pl--96--lg {
    padding-left: 48px;
  }
  .pr--96--lg {
    padding-right: 48px;
  }
  .p--96--lg {
    padding: 48px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--100--lg {
    padding-top: 50px;
  }
  .pb--100--lg {
    padding-bottom: 50px;
  }
  .pl--100--lg {
    padding-left: 50px;
  }
  .pr--100--lg {
    padding-right: 50px;
  }
  .p--100--lg {
    padding: 50px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--112--lg {
    padding-top: 56px;
  }
  .pb--112--lg {
    padding-bottom: 56px;
  }
  .pl--112--lg {
    padding-left: 56px;
  }
  .pr--112--lg {
    padding-right: 56px;
  }
  .p--112--lg {
    padding: 56px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--120--lg {
    padding-top: 60px;
  }
  .pb--120--lg {
    padding-bottom: 60px;
  }
  .pl--120--lg {
    padding-left: 60px;
  }
  .pr--120--lg {
    padding-right: 60px;
  }
  .p--120--lg {
    padding: 60px;
  }
}
@media only screen and ( max-width: 1240px ) {
  .pt--144--lg {
    padding-top: 72px;
  }
  .pb--144--lg {
    padding-bottom: 72px;
  }
  .pl--144--lg {
    padding-left: 72px;
  }
  .pr--144--lg {
    padding-right: 72px;
  }
  .p--144--lg {
    padding: 72px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--0--md {
    padding-top: 0px;
  }
  .pb--0--md {
    padding-bottom: 0px;
  }
  .pl--0--md {
    padding-left: 0px;
  }
  .pr--0--md {
    padding-right: 0px;
  }
  .p--0--md {
    padding: 0px;
  }
  .mt--0--md {
    margin-top: 0px;
  }
  .mb--0--md {
    margin-bottom: 0px;
  }
  .ml--0--md {
    margin-left: 0px;
  }
  .mr--0--md {
    margin-right: 0px;
  }
  .m--0--md {
    margin: 0px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--2--md {
    padding-top: 2px;
  }
  .pb--2--md {
    padding-bottom: 2px;
  }
  .pl--2--md {
    padding-left: 2px;
  }
  .pr--2--md {
    padding-right: 2px;
  }
  .p--2--md {
    padding: 2px;
  }
  .mt--2--md {
    margin-top: 2px;
  }
  .mb--2--md {
    margin-bottom: 2px;
  }
  .ml--2--md {
    margin-left: 2px;
  }
  .mr--2--md {
    margin-right: 2px;
  }
  .m--2--md {
    margin: 2px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--4--md {
    padding-top: 4px;
  }
  .pb--4--md {
    padding-bottom: 4px;
  }
  .pl--4--md {
    padding-left: 4px;
  }
  .pr--4--md {
    padding-right: 4px;
  }
  .p--4--md {
    padding: 4px;
  }
  .mt--4--md {
    margin-top: 4px;
  }
  .mb--4--md {
    margin-bottom: 4px;
  }
  .ml--4--md {
    margin-left: 4px;
  }
  .mr--4--md {
    margin-right: 4px;
  }
  .m--4--md {
    margin: 4px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--6--md {
    padding-top: 6px;
  }
  .pb--6--md {
    padding-bottom: 6px;
  }
  .pl--6--md {
    padding-left: 6px;
  }
  .pr--6--md {
    padding-right: 6px;
  }
  .p--6--md {
    padding: 6px;
  }
  .mt--6--md {
    margin-top: 6px;
  }
  .mb--6--md {
    margin-bottom: 6px;
  }
  .ml--6--md {
    margin-left: 6px;
  }
  .mr--6--md {
    margin-right: 6px;
  }
  .m--6--md {
    margin: 6px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--8--md {
    padding-top: 8px;
  }
  .pb--8--md {
    padding-bottom: 8px;
  }
  .pl--8--md {
    padding-left: 8px;
  }
  .pr--8--md {
    padding-right: 8px;
  }
  .p--8--md {
    padding: 8px;
  }
  .mt--8--md {
    margin-top: 8px;
  }
  .mb--8--md {
    margin-bottom: 8px;
  }
  .ml--8--md {
    margin-left: 8px;
  }
  .mr--8--md {
    margin-right: 8px;
  }
  .m--8--md {
    margin: 8px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--10--md {
    padding-top: 10px;
  }
  .pb--10--md {
    padding-bottom: 10px;
  }
  .pl--10--md {
    padding-left: 10px;
  }
  .pr--10--md {
    padding-right: 10px;
  }
  .p--10--md {
    padding: 10px;
  }
  .mt--10--md {
    margin-top: 10px;
  }
  .mb--10--md {
    margin-bottom: 10px;
  }
  .ml--10--md {
    margin-left: 10px;
  }
  .mr--10--md {
    margin-right: 10px;
  }
  .m--10--md {
    margin: 10px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--12--md {
    padding-top: 12px;
  }
  .pb--12--md {
    padding-bottom: 12px;
  }
  .pl--12--md {
    padding-left: 12px;
  }
  .pr--12--md {
    padding-right: 12px;
  }
  .p--12--md {
    padding: 12px;
  }
  .mt--12--md {
    margin-top: 12px;
  }
  .mb--12--md {
    margin-bottom: 12px;
  }
  .ml--12--md {
    margin-left: 12px;
  }
  .mr--12--md {
    margin-right: 12px;
  }
  .m--12--md {
    margin: 12px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--16--md {
    padding-top: 16px;
  }
  .pb--16--md {
    padding-bottom: 16px;
  }
  .pl--16--md {
    padding-left: 16px;
  }
  .pr--16--md {
    padding-right: 16px;
  }
  .p--16--md {
    padding: 16px;
  }
  .mt--16--md {
    margin-top: 16px;
  }
  .mb--16--md {
    margin-bottom: 16px;
  }
  .ml--16--md {
    margin-left: 16px;
  }
  .mr--16--md {
    margin-right: 16px;
  }
  .m--16--md {
    margin: 16px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--20--md {
    padding-top: 20px;
  }
  .pb--20--md {
    padding-bottom: 20px;
  }
  .pl--20--md {
    padding-left: 20px;
  }
  .pr--20--md {
    padding-right: 20px;
  }
  .p--20--md {
    padding: 20px;
  }
  .mt--20--md {
    margin-top: 20px;
  }
  .mb--20--md {
    margin-bottom: 20px;
  }
  .ml--20--md {
    margin-left: 20px;
  }
  .mr--20--md {
    margin-right: 20px;
  }
  .m--20--md {
    margin: 20px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--24--md {
    padding-top: 24px;
  }
  .pb--24--md {
    padding-bottom: 24px;
  }
  .pl--24--md {
    padding-left: 24px;
  }
  .pr--24--md {
    padding-right: 24px;
  }
  .p--24--md {
    padding: 24px;
  }
  .mt--24--md {
    margin-top: 24px;
  }
  .mb--24--md {
    margin-bottom: 24px;
  }
  .ml--24--md {
    margin-left: 24px;
  }
  .mr--24--md {
    margin-right: 24px;
  }
  .m--24--md {
    margin: 24px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--28--md {
    padding-top: 28px;
  }
  .pb--28--md {
    padding-bottom: 28px;
  }
  .pl--28--md {
    padding-left: 28px;
  }
  .pr--28--md {
    padding-right: 28px;
  }
  .p--28--md {
    padding: 28px;
  }
  .mt--28--md {
    margin-top: 28px;
  }
  .mb--28--md {
    margin-bottom: 28px;
  }
  .ml--28--md {
    margin-left: 28px;
  }
  .mr--28--md {
    margin-right: 28px;
  }
  .m--28--md {
    margin: 28px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--32--md {
    padding-top: 32px;
  }
  .pb--32--md {
    padding-bottom: 32px;
  }
  .pl--32--md {
    padding-left: 32px;
  }
  .pr--32--md {
    padding-right: 32px;
  }
  .p--32--md {
    padding: 32px;
  }
  .mt--32--md {
    margin-top: 32px;
  }
  .mb--32--md {
    margin-bottom: 32px;
  }
  .ml--32--md {
    margin-left: 32px;
  }
  .mr--32--md {
    margin-right: 32px;
  }
  .m--32--md {
    margin: 32px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--36--md {
    padding-top: 36px;
  }
  .pb--36--md {
    padding-bottom: 36px;
  }
  .pl--36--md {
    padding-left: 36px;
  }
  .pr--36--md {
    padding-right: 36px;
  }
  .p--36--md {
    padding: 36px;
  }
  .mt--36--md {
    margin-top: 36px;
  }
  .mb--36--md {
    margin-bottom: 36px;
  }
  .ml--36--md {
    margin-left: 36px;
  }
  .mr--36--md {
    margin-right: 36px;
  }
  .m--36--md {
    margin: 36px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--40--md {
    padding-top: 40px;
  }
  .pb--40--md {
    padding-bottom: 40px;
  }
  .pl--40--md {
    padding-left: 40px;
  }
  .pr--40--md {
    padding-right: 40px;
  }
  .p--40--md {
    padding: 40px;
  }
  .mt--40--md {
    margin-top: 40px;
  }
  .mb--40--md {
    margin-bottom: 40px;
  }
  .ml--40--md {
    margin-left: 40px;
  }
  .mr--40--md {
    margin-right: 40px;
  }
  .m--40--md {
    margin: 40px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--44--md {
    padding-top: 44px;
  }
  .pb--44--md {
    padding-bottom: 44px;
  }
  .pl--44--md {
    padding-left: 44px;
  }
  .pr--44--md {
    padding-right: 44px;
  }
  .p--44--md {
    padding: 44px;
  }
  .mt--44--md {
    margin-top: 44px;
  }
  .mb--44--md {
    margin-bottom: 44px;
  }
  .ml--44--md {
    margin-left: 44px;
  }
  .mr--44--md {
    margin-right: 44px;
  }
  .m--44--md {
    margin: 44px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--48--md {
    padding-top: 48px;
  }
  .pb--48--md {
    padding-bottom: 48px;
  }
  .pl--48--md {
    padding-left: 48px;
  }
  .pr--48--md {
    padding-right: 48px;
  }
  .p--48--md {
    padding: 48px;
  }
  .mt--48--md {
    margin-top: 48px;
  }
  .mb--48--md {
    margin-bottom: 48px;
  }
  .ml--48--md {
    margin-left: 48px;
  }
  .mr--48--md {
    margin-right: 48px;
  }
  .m--48--md {
    margin: 48px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--56--md {
    padding-top: 48px;
  }
  .pb--56--md {
    padding-bottom: 48px;
  }
  .pl--56--md {
    padding-left: 48px;
  }
  .pr--56--md {
    padding-right: 48px;
  }
  .p--56--md {
    padding: 48px;
  }
  .mt--56--md {
    margin-top: 48px;
  }
  .mb--56--md {
    margin-bottom: 48px;
  }
  .ml--56--md {
    margin-left: 48px;
  }
  .mr--56--md {
    margin-right: 48px;
  }
  .m--56--md {
    margin: 48px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--64--md {
    padding-top: 48px;
  }
  .pb--64--md {
    padding-bottom: 48px;
  }
  .pl--64--md {
    padding-left: 48px;
  }
  .pr--64--md {
    padding-right: 48px;
  }
  .p--64--md {
    padding: 48px;
  }
  .mt--64--md {
    margin-top: 48px;
  }
  .mb--64--md {
    margin-bottom: 48px;
  }
  .ml--64--md {
    margin-left: 48px;
  }
  .mr--64--md {
    margin-right: 48px;
  }
  .m--64--md {
    margin: 48px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--72--md {
    padding-top: 48px;
  }
  .pb--72--md {
    padding-bottom: 48px;
  }
  .pl--72--md {
    padding-left: 48px;
  }
  .pr--72--md {
    padding-right: 48px;
  }
  .p--72--md {
    padding: 48px;
  }
  .mt--72--md {
    margin-top: 48px;
  }
  .mb--72--md {
    margin-bottom: 48px;
  }
  .ml--72--md {
    margin-left: 48px;
  }
  .mr--72--md {
    margin-right: 48px;
  }
  .m--72--md {
    margin: 48px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--80--md {
    padding-top: 48px;
  }
  .pb--80--md {
    padding-bottom: 48px;
  }
  .pl--80--md {
    padding-left: 48px;
  }
  .pr--80--md {
    padding-right: 48px;
  }
  .p--80--md {
    padding: 48px;
  }
  .mt--80--md {
    margin-top: 48px;
  }
  .mb--80--md {
    margin-bottom: 48px;
  }
  .ml--80--md {
    margin-left: 48px;
  }
  .mr--80--md {
    margin-right: 48px;
  }
  .m--80--md {
    margin: 48px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--96--md {
    padding-top: 48px;
  }
  .pb--96--md {
    padding-bottom: 48px;
  }
  .pl--96--md {
    padding-left: 48px;
  }
  .pr--96--md {
    padding-right: 48px;
  }
  .p--96--md {
    padding: 48px;
  }
  .mt--96--md {
    margin-top: 48px;
  }
  .mb--96--md {
    margin-bottom: 48px;
  }
  .ml--96--md {
    margin-left: 48px;
  }
  .mr--96--md {
    margin-right: 48px;
  }
  .m--96--md {
    margin: 48px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--100--md {
    padding-top: 50px;
  }
  .pb--100--md {
    padding-bottom: 50px;
  }
  .pl--100--md {
    padding-left: 50px;
  }
  .pr--100--md {
    padding-right: 50px;
  }
  .p--100--md {
    padding: 50px;
  }
  .mt--100--md {
    margin-top: 50px;
  }
  .mb--100--md {
    margin-bottom: 50px;
  }
  .ml--100--md {
    margin-left: 50px;
  }
  .mr--100--md {
    margin-right: 50px;
  }
  .m--100--md {
    margin: 50px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--112--md {
    padding-top: 56px;
  }
  .pb--112--md {
    padding-bottom: 56px;
  }
  .pl--112--md {
    padding-left: 56px;
  }
  .pr--112--md {
    padding-right: 56px;
  }
  .p--112--md {
    padding: 56px;
  }
  .mt--112--md {
    margin-top: 56px;
  }
  .mb--112--md {
    margin-bottom: 56px;
  }
  .ml--112--md {
    margin-left: 56px;
  }
  .mr--112--md {
    margin-right: 56px;
  }
  .m--112--md {
    margin: 56px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--120--md {
    padding-top: 60px;
  }
  .pb--120--md {
    padding-bottom: 60px;
  }
  .pl--120--md {
    padding-left: 60px;
  }
  .pr--120--md {
    padding-right: 60px;
  }
  .p--120--md {
    padding: 60px;
  }
  .mt--120--md {
    margin-top: 60px;
  }
  .mb--120--md {
    margin-bottom: 60px;
  }
  .ml--120--md {
    margin-left: 60px;
  }
  .mr--120--md {
    margin-right: 60px;
  }
  .m--120--md {
    margin: 60px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--144--md {
    padding-top: 72px;
  }
  .pb--144--md {
    padding-bottom: 72px;
  }
  .pl--144--md {
    padding-left: 72px;
  }
  .pr--144--md {
    padding-right: 72px;
  }
  .p--144--md {
    padding: 72px;
  }
  .mt--144--md {
    margin-top: 72px;
  }
  .mb--144--md {
    margin-bottom: 72px;
  }
  .ml--144--md {
    margin-left: 72px;
  }
  .mr--144--md {
    margin-right: 72px;
  }
  .m--144--md {
    margin: 72px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--0--sm {
    padding-top: 0px;
  }
  .pb--0--sm {
    padding-bottom: 0px;
  }
  .pl--0--sm {
    padding-left: 0px;
  }
  .pr--0--sm {
    padding-right: 0px;
  }
  .p--0--sm {
    padding: 0px;
  }
  .mt--0--sm {
    margin-top: 0px;
  }
  .mb--0--sm {
    margin-bottom: 0px;
  }
  .ml--0--sm {
    margin-left: 0px;
  }
  .mr--0--sm {
    margin-right: 0px;
  }
  .m--0--sm {
    margin: 0px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--2--sm {
    padding-top: 2px;
  }
  .pb--2--sm {
    padding-bottom: 2px;
  }
  .pl--2--sm {
    padding-left: 2px;
  }
  .pr--2--sm {
    padding-right: 2px;
  }
  .p--2--sm {
    padding: 2px;
  }
  .mt--2--sm {
    margin-top: 2px;
  }
  .mb--2--sm {
    margin-bottom: 2px;
  }
  .ml--2--sm {
    margin-left: 2px;
  }
  .mr--2--sm {
    margin-right: 2px;
  }
  .m--2--sm {
    margin: 2px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--4--sm {
    padding-top: 4px;
  }
  .pb--4--sm {
    padding-bottom: 4px;
  }
  .pl--4--sm {
    padding-left: 4px;
  }
  .pr--4--sm {
    padding-right: 4px;
  }
  .p--4--sm {
    padding: 4px;
  }
  .mt--4--sm {
    margin-top: 4px;
  }
  .mb--4--sm {
    margin-bottom: 4px;
  }
  .ml--4--sm {
    margin-left: 4px;
  }
  .mr--4--sm {
    margin-right: 4px;
  }
  .m--4--sm {
    margin: 4px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--6--sm {
    padding-top: 6px;
  }
  .pb--6--sm {
    padding-bottom: 6px;
  }
  .pl--6--sm {
    padding-left: 6px;
  }
  .pr--6--sm {
    padding-right: 6px;
  }
  .p--6--sm {
    padding: 6px;
  }
  .mt--6--sm {
    margin-top: 6px;
  }
  .mb--6--sm {
    margin-bottom: 6px;
  }
  .ml--6--sm {
    margin-left: 6px;
  }
  .mr--6--sm {
    margin-right: 6px;
  }
  .m--6--sm {
    margin: 6px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--8--sm {
    padding-top: 8px;
  }
  .pb--8--sm {
    padding-bottom: 8px;
  }
  .pl--8--sm {
    padding-left: 8px;
  }
  .pr--8--sm {
    padding-right: 8px;
  }
  .p--8--sm {
    padding: 8px;
  }
  .mt--8--sm {
    margin-top: 8px;
  }
  .mb--8--sm {
    margin-bottom: 8px;
  }
  .ml--8--sm {
    margin-left: 8px;
  }
  .mr--8--sm {
    margin-right: 8px;
  }
  .m--8--sm {
    margin: 8px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--10--sm {
    padding-top: 10px;
  }
  .pb--10--sm {
    padding-bottom: 10px;
  }
  .pl--10--sm {
    padding-left: 10px;
  }
  .pr--10--sm {
    padding-right: 10px;
  }
  .p--10--sm {
    padding: 10px;
  }
  .mt--10--sm {
    margin-top: 10px;
  }
  .mb--10--sm {
    margin-bottom: 10px;
  }
  .ml--10--sm {
    margin-left: 10px;
  }
  .mr--10--sm {
    margin-right: 10px;
  }
  .m--10--sm {
    margin: 10px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--12--sm {
    padding-top: 12px;
  }
  .pb--12--sm {
    padding-bottom: 12px;
  }
  .pl--12--sm {
    padding-left: 12px;
  }
  .pr--12--sm {
    padding-right: 12px;
  }
  .p--12--sm {
    padding: 12px;
  }
  .mt--12--sm {
    margin-top: 12px;
  }
  .mb--12--sm {
    margin-bottom: 12px;
  }
  .ml--12--sm {
    margin-left: 12px;
  }
  .mr--12--sm {
    margin-right: 12px;
  }
  .m--12--sm {
    margin: 12px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--16--sm {
    padding-top: 16px;
  }
  .pb--16--sm {
    padding-bottom: 16px;
  }
  .pl--16--sm {
    padding-left: 16px;
  }
  .pr--16--sm {
    padding-right: 16px;
  }
  .p--16--sm {
    padding: 16px;
  }
  .mt--16--sm {
    margin-top: 16px;
  }
  .mb--16--sm {
    margin-bottom: 16px;
  }
  .ml--16--sm {
    margin-left: 16px;
  }
  .mr--16--sm {
    margin-right: 16px;
  }
  .m--16--sm {
    margin: 16px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--20--sm {
    padding-top: 20px;
  }
  .pb--20--sm {
    padding-bottom: 20px;
  }
  .pl--20--sm {
    padding-left: 20px;
  }
  .pr--20--sm {
    padding-right: 20px;
  }
  .p--20--sm {
    padding: 20px;
  }
  .mt--20--sm {
    margin-top: 20px;
  }
  .mb--20--sm {
    margin-bottom: 20px;
  }
  .ml--20--sm {
    margin-left: 20px;
  }
  .mr--20--sm {
    margin-right: 20px;
  }
  .m--20--sm {
    margin: 20px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--24--sm {
    padding-top: 24px;
  }
  .pb--24--sm {
    padding-bottom: 24px;
  }
  .pl--24--sm {
    padding-left: 24px;
  }
  .pr--24--sm {
    padding-right: 24px;
  }
  .p--24--sm {
    padding: 24px;
  }
  .mt--24--sm {
    margin-top: 24px;
  }
  .mb--24--sm {
    margin-bottom: 24px;
  }
  .ml--24--sm {
    margin-left: 24px;
  }
  .mr--24--sm {
    margin-right: 24px;
  }
  .m--24--sm {
    margin: 24px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--28--sm {
    padding-top: 28px;
  }
  .pb--28--sm {
    padding-bottom: 28px;
  }
  .pl--28--sm {
    padding-left: 28px;
  }
  .pr--28--sm {
    padding-right: 28px;
  }
  .p--28--sm {
    padding: 28px;
  }
  .mt--28--sm {
    margin-top: 28px;
  }
  .mb--28--sm {
    margin-bottom: 28px;
  }
  .ml--28--sm {
    margin-left: 28px;
  }
  .mr--28--sm {
    margin-right: 28px;
  }
  .m--28--sm {
    margin: 28px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--32--sm {
    padding-top: 32px;
  }
  .pb--32--sm {
    padding-bottom: 32px;
  }
  .pl--32--sm {
    padding-left: 32px;
  }
  .pr--32--sm {
    padding-right: 32px;
  }
  .p--32--sm {
    padding: 32px;
  }
  .mt--32--sm {
    margin-top: 32px;
  }
  .mb--32--sm {
    margin-bottom: 32px;
  }
  .ml--32--sm {
    margin-left: 32px;
  }
  .mr--32--sm {
    margin-right: 32px;
  }
  .m--32--sm {
    margin: 32px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--36--sm {
    padding-top: 36px;
  }
  .pb--36--sm {
    padding-bottom: 36px;
  }
  .pl--36--sm {
    padding-left: 36px;
  }
  .pr--36--sm {
    padding-right: 36px;
  }
  .p--36--sm {
    padding: 36px;
  }
  .mt--36--sm {
    margin-top: 36px;
  }
  .mb--36--sm {
    margin-bottom: 36px;
  }
  .ml--36--sm {
    margin-left: 36px;
  }
  .mr--36--sm {
    margin-right: 36px;
  }
  .m--36--sm {
    margin: 36px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--40--sm {
    padding-top: 40px;
  }
  .pb--40--sm {
    padding-bottom: 40px;
  }
  .pl--40--sm {
    padding-left: 40px;
  }
  .pr--40--sm {
    padding-right: 40px;
  }
  .p--40--sm {
    padding: 40px;
  }
  .mt--40--sm {
    margin-top: 40px;
  }
  .mb--40--sm {
    margin-bottom: 40px;
  }
  .ml--40--sm {
    margin-left: 40px;
  }
  .mr--40--sm {
    margin-right: 40px;
  }
  .m--40--sm {
    margin: 40px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--44--sm {
    padding-top: 44px;
  }
  .pb--44--sm {
    padding-bottom: 44px;
  }
  .pl--44--sm {
    padding-left: 44px;
  }
  .pr--44--sm {
    padding-right: 44px;
  }
  .p--44--sm {
    padding: 44px;
  }
  .mt--44--sm {
    margin-top: 44px;
  }
  .mb--44--sm {
    margin-bottom: 44px;
  }
  .ml--44--sm {
    margin-left: 44px;
  }
  .mr--44--sm {
    margin-right: 44px;
  }
  .m--44--sm {
    margin: 44px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--48--sm {
    padding-top: 48px;
  }
  .pb--48--sm {
    padding-bottom: 48px;
  }
  .pl--48--sm {
    padding-left: 48px;
  }
  .pr--48--sm {
    padding-right: 48px;
  }
  .p--48--sm {
    padding: 48px;
  }
  .mt--48--sm {
    margin-top: 48px;
  }
  .mb--48--sm {
    margin-bottom: 48px;
  }
  .ml--48--sm {
    margin-left: 48px;
  }
  .mr--48--sm {
    margin-right: 48px;
  }
  .m--48--sm {
    margin: 48px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--56--sm {
    padding-top: 48px;
  }
  .pb--56--sm {
    padding-bottom: 48px;
  }
  .pl--56--sm {
    padding-left: 48px;
  }
  .pr--56--sm {
    padding-right: 48px;
  }
  .p--56--sm {
    padding: 48px;
  }
  .mt--56--sm {
    margin-top: 48px;
  }
  .mb--56--sm {
    margin-bottom: 48px;
  }
  .ml--56--sm {
    margin-left: 48px;
  }
  .mr--56--sm {
    margin-right: 48px;
  }
  .m--56--sm {
    margin: 48px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--64--sm {
    padding-top: 48px;
  }
  .pb--64--sm {
    padding-bottom: 48px;
  }
  .pl--64--sm {
    padding-left: 48px;
  }
  .pr--64--sm {
    padding-right: 48px;
  }
  .p--64--sm {
    padding: 48px;
  }
  .mt--64--sm {
    margin-top: 48px;
  }
  .mb--64--sm {
    margin-bottom: 48px;
  }
  .ml--64--sm {
    margin-left: 48px;
  }
  .mr--64--sm {
    margin-right: 48px;
  }
  .m--64--sm {
    margin: 48px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--72--sm {
    padding-top: 48px;
  }
  .pb--72--sm {
    padding-bottom: 48px;
  }
  .pl--72--sm {
    padding-left: 48px;
  }
  .pr--72--sm {
    padding-right: 48px;
  }
  .p--72--sm {
    padding: 48px;
  }
  .mt--72--sm {
    margin-top: 48px;
  }
  .mb--72--sm {
    margin-bottom: 48px;
  }
  .ml--72--sm {
    margin-left: 48px;
  }
  .mr--72--sm {
    margin-right: 48px;
  }
  .m--72--sm {
    margin: 48px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--80--sm {
    padding-top: 48px;
  }
  .pb--80--sm {
    padding-bottom: 48px;
  }
  .pl--80--sm {
    padding-left: 48px;
  }
  .pr--80--sm {
    padding-right: 48px;
  }
  .p--80--sm {
    padding: 48px;
  }
  .mt--80--sm {
    margin-top: 48px;
  }
  .mb--80--sm {
    margin-bottom: 48px;
  }
  .ml--80--sm {
    margin-left: 48px;
  }
  .mr--80--sm {
    margin-right: 48px;
  }
  .m--80--sm {
    margin: 48px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--96--sm {
    padding-top: 48px;
  }
  .pb--96--sm {
    padding-bottom: 48px;
  }
  .pl--96--sm {
    padding-left: 48px;
  }
  .pr--96--sm {
    padding-right: 48px;
  }
  .p--96--sm {
    padding: 48px;
  }
  .mt--96--sm {
    margin-top: 48px;
  }
  .mb--96--sm {
    margin-bottom: 48px;
  }
  .ml--96--sm {
    margin-left: 48px;
  }
  .mr--96--sm {
    margin-right: 48px;
  }
  .m--96--sm {
    margin: 48px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--100--sm {
    padding-top: 50px;
  }
  .pb--100--sm {
    padding-bottom: 50px;
  }
  .pl--100--sm {
    padding-left: 50px;
  }
  .pr--100--sm {
    padding-right: 50px;
  }
  .p--100--sm {
    padding: 50px;
  }
  .mt--100--sm {
    margin-top: 50px;
  }
  .mb--100--sm {
    margin-bottom: 50px;
  }
  .ml--100--sm {
    margin-left: 50px;
  }
  .mr--100--sm {
    margin-right: 50px;
  }
  .m--100--sm {
    margin: 50px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--112--sm {
    padding-top: 56px;
  }
  .pb--112--sm {
    padding-bottom: 56px;
  }
  .pl--112--sm {
    padding-left: 56px;
  }
  .pr--112--sm {
    padding-right: 56px;
  }
  .p--112--sm {
    padding: 56px;
  }
  .mt--112--sm {
    margin-top: 56px;
  }
  .mb--112--sm {
    margin-bottom: 56px;
  }
  .ml--112--sm {
    margin-left: 56px;
  }
  .mr--112--sm {
    margin-right: 56px;
  }
  .m--112--sm {
    margin: 56px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--120--sm {
    padding-top: 60px;
  }
  .pb--120--sm {
    padding-bottom: 60px;
  }
  .pl--120--sm {
    padding-left: 60px;
  }
  .pr--120--sm {
    padding-right: 60px;
  }
  .p--120--sm {
    padding: 60px;
  }
  .mt--120--sm {
    margin-top: 60px;
  }
  .mb--120--sm {
    margin-bottom: 60px;
  }
  .ml--120--sm {
    margin-left: 60px;
  }
  .mr--120--sm {
    margin-right: 60px;
  }
  .m--120--sm {
    margin: 60px;
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--144--sm {
    padding-top: 72px;
  }
  .pb--144--sm {
    padding-bottom: 72px;
  }
  .pl--144--sm {
    padding-left: 72px;
  }
  .pr--144--sm {
    padding-right: 72px;
  }
  .p--144--sm {
    padding: 72px;
  }
  .mt--144--sm {
    margin-top: 72px;
  }
  .mb--144--sm {
    margin-bottom: 72px;
  }
  .ml--144--sm {
    margin-left: 72px;
  }
  .mr--144--sm {
    margin-right: 72px;
  }
  .m--144--sm {
    margin: 72px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--0--xs {
    padding-top: 0px;
  }
  .pb--0--xs {
    padding-bottom: 0px;
  }
  .pl--0--xs {
    padding-left: 0px;
  }
  .pr--0--xs {
    padding-right: 0px;
  }
  .p--0--xs {
    padding: 0px;
  }
  .mt--0--xs {
    margin-top: 0px;
  }
  .mb--0--xs {
    margin-bottom: 0px;
  }
  .ml--0--xs {
    margin-left: 0px;
  }
  .mr--0--xs {
    margin-right: 0px;
  }
  .m--0--xs {
    margin: 0px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--2--xs {
    padding-top: 2px;
  }
  .pb--2--xs {
    padding-bottom: 2px;
  }
  .pl--2--xs {
    padding-left: 2px;
  }
  .pr--2--xs {
    padding-right: 2px;
  }
  .p--2--xs {
    padding: 2px;
  }
  .mt--2--xs {
    margin-top: 2px;
  }
  .mb--2--xs {
    margin-bottom: 2px;
  }
  .ml--2--xs {
    margin-left: 2px;
  }
  .mr--2--xs {
    margin-right: 2px;
  }
  .m--2--xs {
    margin: 2px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--4--xs {
    padding-top: 4px;
  }
  .pb--4--xs {
    padding-bottom: 4px;
  }
  .pl--4--xs {
    padding-left: 4px;
  }
  .pr--4--xs {
    padding-right: 4px;
  }
  .p--4--xs {
    padding: 4px;
  }
  .mt--4--xs {
    margin-top: 4px;
  }
  .mb--4--xs {
    margin-bottom: 4px;
  }
  .ml--4--xs {
    margin-left: 4px;
  }
  .mr--4--xs {
    margin-right: 4px;
  }
  .m--4--xs {
    margin: 4px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--6--xs {
    padding-top: 6px;
  }
  .pb--6--xs {
    padding-bottom: 6px;
  }
  .pl--6--xs {
    padding-left: 6px;
  }
  .pr--6--xs {
    padding-right: 6px;
  }
  .p--6--xs {
    padding: 6px;
  }
  .mt--6--xs {
    margin-top: 6px;
  }
  .mb--6--xs {
    margin-bottom: 6px;
  }
  .ml--6--xs {
    margin-left: 6px;
  }
  .mr--6--xs {
    margin-right: 6px;
  }
  .m--6--xs {
    margin: 6px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--8--xs {
    padding-top: 8px;
  }
  .pb--8--xs {
    padding-bottom: 8px;
  }
  .pl--8--xs {
    padding-left: 8px;
  }
  .pr--8--xs {
    padding-right: 8px;
  }
  .p--8--xs {
    padding: 8px;
  }
  .mt--8--xs {
    margin-top: 8px;
  }
  .mb--8--xs {
    margin-bottom: 8px;
  }
  .ml--8--xs {
    margin-left: 8px;
  }
  .mr--8--xs {
    margin-right: 8px;
  }
  .m--8--xs {
    margin: 8px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--10--xs {
    padding-top: 10px;
  }
  .pb--10--xs {
    padding-bottom: 10px;
  }
  .pl--10--xs {
    padding-left: 10px;
  }
  .pr--10--xs {
    padding-right: 10px;
  }
  .p--10--xs {
    padding: 10px;
  }
  .mt--10--xs {
    margin-top: 10px;
  }
  .mb--10--xs {
    margin-bottom: 10px;
  }
  .ml--10--xs {
    margin-left: 10px;
  }
  .mr--10--xs {
    margin-right: 10px;
  }
  .m--10--xs {
    margin: 10px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--12--xs {
    padding-top: 12px;
  }
  .pb--12--xs {
    padding-bottom: 12px;
  }
  .pl--12--xs {
    padding-left: 12px;
  }
  .pr--12--xs {
    padding-right: 12px;
  }
  .p--12--xs {
    padding: 12px;
  }
  .mt--12--xs {
    margin-top: 12px;
  }
  .mb--12--xs {
    margin-bottom: 12px;
  }
  .ml--12--xs {
    margin-left: 12px;
  }
  .mr--12--xs {
    margin-right: 12px;
  }
  .m--12--xs {
    margin: 12px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--16--xs {
    padding-top: 16px;
  }
  .pb--16--xs {
    padding-bottom: 16px;
  }
  .pl--16--xs {
    padding-left: 16px;
  }
  .pr--16--xs {
    padding-right: 16px;
  }
  .p--16--xs {
    padding: 16px;
  }
  .mt--16--xs {
    margin-top: 16px;
  }
  .mb--16--xs {
    margin-bottom: 16px;
  }
  .ml--16--xs {
    margin-left: 16px;
  }
  .mr--16--xs {
    margin-right: 16px;
  }
  .m--16--xs {
    margin: 16px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--20--xs {
    padding-top: 20px;
  }
  .pb--20--xs {
    padding-bottom: 20px;
  }
  .pl--20--xs {
    padding-left: 20px;
  }
  .pr--20--xs {
    padding-right: 20px;
  }
  .p--20--xs {
    padding: 20px;
  }
  .mt--20--xs {
    margin-top: 20px;
  }
  .mb--20--xs {
    margin-bottom: 20px;
  }
  .ml--20--xs {
    margin-left: 20px;
  }
  .mr--20--xs {
    margin-right: 20px;
  }
  .m--20--xs {
    margin: 20px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--24--xs {
    padding-top: 24px;
  }
  .pb--24--xs {
    padding-bottom: 24px;
  }
  .pl--24--xs {
    padding-left: 24px;
  }
  .pr--24--xs {
    padding-right: 24px;
  }
  .p--24--xs {
    padding: 24px;
  }
  .mt--24--xs {
    margin-top: 24px;
  }
  .mb--24--xs {
    margin-bottom: 24px;
  }
  .ml--24--xs {
    margin-left: 24px;
  }
  .mr--24--xs {
    margin-right: 24px;
  }
  .m--24--xs {
    margin: 24px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--28--xs {
    padding-top: 28px;
  }
  .pb--28--xs {
    padding-bottom: 28px;
  }
  .pl--28--xs {
    padding-left: 28px;
  }
  .pr--28--xs {
    padding-right: 28px;
  }
  .p--28--xs {
    padding: 28px;
  }
  .mt--28--xs {
    margin-top: 28px;
  }
  .mb--28--xs {
    margin-bottom: 28px;
  }
  .ml--28--xs {
    margin-left: 28px;
  }
  .mr--28--xs {
    margin-right: 28px;
  }
  .m--28--xs {
    margin: 28px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--32--xs {
    padding-top: 32px;
  }
  .pb--32--xs {
    padding-bottom: 32px;
  }
  .pl--32--xs {
    padding-left: 32px;
  }
  .pr--32--xs {
    padding-right: 32px;
  }
  .p--32--xs {
    padding: 32px;
  }
  .mt--32--xs {
    margin-top: 32px;
  }
  .mb--32--xs {
    margin-bottom: 32px;
  }
  .ml--32--xs {
    margin-left: 32px;
  }
  .mr--32--xs {
    margin-right: 32px;
  }
  .m--32--xs {
    margin: 32px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--36--xs {
    padding-top: 36px;
  }
  .pb--36--xs {
    padding-bottom: 36px;
  }
  .pl--36--xs {
    padding-left: 36px;
  }
  .pr--36--xs {
    padding-right: 36px;
  }
  .p--36--xs {
    padding: 36px;
  }
  .mt--36--xs {
    margin-top: 36px;
  }
  .mb--36--xs {
    margin-bottom: 36px;
  }
  .ml--36--xs {
    margin-left: 36px;
  }
  .mr--36--xs {
    margin-right: 36px;
  }
  .m--36--xs {
    margin: 36px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--40--xs {
    padding-top: 40px;
  }
  .pb--40--xs {
    padding-bottom: 40px;
  }
  .pl--40--xs {
    padding-left: 40px;
  }
  .pr--40--xs {
    padding-right: 40px;
  }
  .p--40--xs {
    padding: 40px;
  }
  .mt--40--xs {
    margin-top: 40px;
  }
  .mb--40--xs {
    margin-bottom: 40px;
  }
  .ml--40--xs {
    margin-left: 40px;
  }
  .mr--40--xs {
    margin-right: 40px;
  }
  .m--40--xs {
    margin: 40px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--44--xs {
    padding-top: 44px;
  }
  .pb--44--xs {
    padding-bottom: 44px;
  }
  .pl--44--xs {
    padding-left: 44px;
  }
  .pr--44--xs {
    padding-right: 44px;
  }
  .p--44--xs {
    padding: 44px;
  }
  .mt--44--xs {
    margin-top: 44px;
  }
  .mb--44--xs {
    margin-bottom: 44px;
  }
  .ml--44--xs {
    margin-left: 44px;
  }
  .mr--44--xs {
    margin-right: 44px;
  }
  .m--44--xs {
    margin: 44px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--48--xs {
    padding-top: 48px;
  }
  .pb--48--xs {
    padding-bottom: 48px;
  }
  .pl--48--xs {
    padding-left: 48px;
  }
  .pr--48--xs {
    padding-right: 48px;
  }
  .p--48--xs {
    padding: 48px;
  }
  .mt--48--xs {
    margin-top: 48px;
  }
  .mb--48--xs {
    margin-bottom: 48px;
  }
  .ml--48--xs {
    margin-left: 48px;
  }
  .mr--48--xs {
    margin-right: 48px;
  }
  .m--48--xs {
    margin: 48px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--56--xs {
    padding-top: 48px;
  }
  .pb--56--xs {
    padding-bottom: 48px;
  }
  .pl--56--xs {
    padding-left: 48px;
  }
  .pr--56--xs {
    padding-right: 48px;
  }
  .p--56--xs {
    padding: 48px;
  }
  .mt--56--xs {
    margin-top: 48px;
  }
  .mb--56--xs {
    margin-bottom: 48px;
  }
  .ml--56--xs {
    margin-left: 48px;
  }
  .mr--56--xs {
    margin-right: 48px;
  }
  .m--56--xs {
    margin: 48px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--64--xs {
    padding-top: 48px;
  }
  .pb--64--xs {
    padding-bottom: 48px;
  }
  .pl--64--xs {
    padding-left: 48px;
  }
  .pr--64--xs {
    padding-right: 48px;
  }
  .p--64--xs {
    padding: 48px;
  }
  .mt--64--xs {
    margin-top: 48px;
  }
  .mb--64--xs {
    margin-bottom: 48px;
  }
  .ml--64--xs {
    margin-left: 48px;
  }
  .mr--64--xs {
    margin-right: 48px;
  }
  .m--64--xs {
    margin: 48px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--72--xs {
    padding-top: 48px;
  }
  .pb--72--xs {
    padding-bottom: 48px;
  }
  .pl--72--xs {
    padding-left: 48px;
  }
  .pr--72--xs {
    padding-right: 48px;
  }
  .p--72--xs {
    padding: 48px;
  }
  .mt--72--xs {
    margin-top: 48px;
  }
  .mb--72--xs {
    margin-bottom: 48px;
  }
  .ml--72--xs {
    margin-left: 48px;
  }
  .mr--72--xs {
    margin-right: 48px;
  }
  .m--72--xs {
    margin: 48px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--80--xs {
    padding-top: 48px;
  }
  .pb--80--xs {
    padding-bottom: 48px;
  }
  .pl--80--xs {
    padding-left: 48px;
  }
  .pr--80--xs {
    padding-right: 48px;
  }
  .p--80--xs {
    padding: 48px;
  }
  .mt--80--xs {
    margin-top: 48px;
  }
  .mb--80--xs {
    margin-bottom: 48px;
  }
  .ml--80--xs {
    margin-left: 48px;
  }
  .mr--80--xs {
    margin-right: 48px;
  }
  .m--80--xs {
    margin: 48px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--96--xs {
    padding-top: 48px;
  }
  .pb--96--xs {
    padding-bottom: 48px;
  }
  .pl--96--xs {
    padding-left: 48px;
  }
  .pr--96--xs {
    padding-right: 48px;
  }
  .p--96--xs {
    padding: 48px;
  }
  .mt--96--xs {
    margin-top: 48px;
  }
  .mb--96--xs {
    margin-bottom: 48px;
  }
  .ml--96--xs {
    margin-left: 48px;
  }
  .mr--96--xs {
    margin-right: 48px;
  }
  .m--96--xs {
    margin: 48px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--100--xs {
    padding-top: 50px;
  }
  .pb--100--xs {
    padding-bottom: 50px;
  }
  .pl--100--xs {
    padding-left: 50px;
  }
  .pr--100--xs {
    padding-right: 50px;
  }
  .p--100--xs {
    padding: 50px;
  }
  .mt--100--xs {
    margin-top: 50px;
  }
  .mb--100--xs {
    margin-bottom: 50px;
  }
  .ml--100--xs {
    margin-left: 50px;
  }
  .mr--100--xs {
    margin-right: 50px;
  }
  .m--100--xs {
    margin: 50px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--112--xs {
    padding-top: 56px;
  }
  .pb--112--xs {
    padding-bottom: 56px;
  }
  .pl--112--xs {
    padding-left: 56px;
  }
  .pr--112--xs {
    padding-right: 56px;
  }
  .p--112--xs {
    padding: 56px;
  }
  .mt--112--xs {
    margin-top: 56px;
  }
  .mb--112--xs {
    margin-bottom: 56px;
  }
  .ml--112--xs {
    margin-left: 56px;
  }
  .mr--112--xs {
    margin-right: 56px;
  }
  .m--112--xs {
    margin: 56px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--120--xs {
    padding-top: 60px;
  }
  .pb--120--xs {
    padding-bottom: 60px;
  }
  .pl--120--xs {
    padding-left: 60px;
  }
  .pr--120--xs {
    padding-right: 60px;
  }
  .p--120--xs {
    padding: 60px;
  }
  .mt--120--xs {
    margin-top: 60px;
  }
  .mb--120--xs {
    margin-bottom: 60px;
  }
  .ml--120--xs {
    margin-left: 60px;
  }
  .mr--120--xs {
    margin-right: 60px;
  }
  .m--120--xs {
    margin: 60px;
  }
}
@media only screen and ( max-width:  620px ) {
  .pt--144--xs {
    padding-top: 72px;
  }
  .pb--144--xs {
    padding-bottom: 72px;
  }
  .pl--144--xs {
    padding-left: 72px;
  }
  .pr--144--xs {
    padding-right: 72px;
  }
  .p--144--xs {
    padding: 72px;
  }
  .mt--144--xs {
    margin-top: 72px;
  }
  .mb--144--xs {
    margin-bottom: 72px;
  }
  .ml--144--xs {
    margin-left: 72px;
  }
  .mr--144--xs {
    margin-right: 72px;
  }
  .m--144--xs {
    margin: 72px;
  }
}
.pl--gutter {
  padding-left: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pl--gutter {
    padding-left: calc(40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .pl--gutter {
    padding-left: calc(20px + 20px/2);
  }
}
.pr--gutter {
  padding-right: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pr--gutter {
    padding-right: calc(40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .pr--gutter {
    padding-right: calc(20px + 20px/2);
  }
}
.pt--gutter {
  padding-top: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--gutter {
    padding-top: calc(40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--gutter {
    padding-top: calc(20px + 20px/2);
  }
}
.pb--gutter {
  padding-bottom: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pb--gutter {
    padding-bottom: calc(40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .pb--gutter {
    padding-bottom: calc(20px + 20px/2);
  }
}
.pl--outer-margin {
  padding-left: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pl--outer-margin {
    padding-left: calc(40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .pl--outer-margin {
    padding-left: calc(20px + 20px/2);
  }
}
.pr--outer-margin {
  padding-right: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pr--outer-margin {
    padding-right: calc(40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .pr--outer-margin {
    padding-right: calc(20px + 20px/2);
  }
}
.pt--outer-margin {
  padding-top: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pt--outer-margin {
    padding-top: calc(40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .pt--outer-margin {
    padding-top: calc(20px + 20px/2);
  }
}
.pb--outer-margin {
  padding-bottom: 40px;
}
@media only screen and ( max-width: 1240px ) {
  .pb--outer-margin {
    padding-bottom: calc(40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .pb--outer-margin {
    padding-bottom: calc(20px + 20px/2);
  }
}
.t-align--left {
  text-align: left;
}
.t-align--center {
  text-align: center;
}
.t-align--right {
  text-align: right;
}
[class*="h-align-"],
[class*="v-align-"] {
  display: flex;
  flex-wrap: wrap;
}
.h-align--left {
  justify-content: flex-start;
}
.h-align--center {
  justify-content: center;
}
.h-align--right {
  justify-content: flex-end;
}
.h-align--space-between {
  justify-content: space-between;
}
.v-align--top {
  align-items: flex-start;
}
.v-align--center {
  align-items: center;
}
.v-align--bottom {
  align-items: flex-end;
}
.v-align--stretch {
  align-items: stretch;
}
.v-align--space-between {
  flex-direction: column;
  justify-content: space-between;
}
.flex-order--1 {
  order: 1;
}
.flex-order--2 {
  order: 2;
}
.flex-order--3 {
  order: 3;
}
@media only screen and ( max-width: 1240px ) {
  .t-align--left--lg {
    text-align: left;
  }
  .t-align--center--lg {
    text-align: center;
  }
  .t-align--right--lg {
    text-align: right;
  }
  .h-align--left--lg {
    justify-content: flex-start;
  }
  .h-align--center--lg {
    justify-content: center;
  }
  .h-align--right--lg {
    justify-content: flex-end;
  }
  .h-align--space-between--lg {
    justify-content: space-between;
  }
  .v-align--top--lg {
    align-items: flex-start;
  }
  .v-align--center--lg {
    align-items: center;
  }
  .v-align--bottom--lg {
    align-items: flex-end;
  }
  .flex-order--1--lg {
    order: 1;
  }
  .flex-order--2--lg {
    order: 2;
  }
  .flex-order--3--lg {
    order: 3;
  }
}
@media only screen and ( max-width: 1024px ) {
  .t-align--left--md {
    text-align: left;
  }
  .t-align--center--md {
    text-align: center;
  }
  .t-align--right--md {
    text-align: right;
  }
  .h-align--left--md {
    justify-content: flex-start;
  }
  .h-align--center--md {
    justify-content: center;
  }
  .h-align--right--md {
    justify-content: flex-end;
  }
  .h-align--space-between--md {
    justify-content: space-between;
  }
  .v-align--top--md {
    align-items: flex-start;
  }
  .v-align--center--md {
    align-items: center;
  }
  .v-align--bottom--md {
    align-items: flex-end;
  }
  .flex-order--1--md {
    order: 1;
  }
  .flex-order--2--md {
    order: 2;
  }
  .flex-order--3--md {
    order: 3;
  }
}
@media only screen and ( max-width:  800px ) {
  .h-align--left--sm {
    justify-content: flex-start;
  }
  .h-align--center--sm {
    justify-content: center;
  }
  .h-align--right--sm {
    justify-content: flex-end;
  }
  .h-align--space-between--sm {
    justify-content: space-between;
  }
  .v-align--top--sm {
    align-items: flex-start;
  }
  .v-align--center--sm {
    align-items: center;
  }
  .v-align--bottom--sm {
    align-items: flex-end;
  }
  .t-align--left--sm {
    text-align: left;
  }
  .t-align--center--sm {
    text-align: center;
  }
  .t-align--right--sm {
    text-align: right;
  }
  .flex-order--1--sm {
    order: 1;
  }
  .flex-order--2--sm {
    order: 2;
  }
  .flex-order--3--sm {
    order: 3;
  }
}
@media only screen and ( max-width:  620px ) {
  .t-align--left--xs {
    text-align: left;
  }
  .t-align--center--xs {
    text-align: center;
  }
  .t-align--right--xs {
    text-align: right;
  }
  .h-align--left--xs {
    justify-content: flex-start;
  }
  .h-align--center--xs {
    justify-content: center;
  }
  .h-align--right--xs {
    justify-content: flex-end;
  }
  .h-align--space-between--xs {
    justify-content: space-between;
  }
  .v-align--top--xs {
    align-items: flex-start;
  }
  .v-align--center--xs {
    align-items: center;
  }
  .v-align--bottom--xs {
    align-items: flex-end;
  }
  .flex-order--1--xs {
    order: 1;
  }
  .flex-order--2--xs {
    order: 2;
  }
  .flex-order--3--xs {
    order: 3;
  }
}
.no-wrap {
  flex-wrap: nowrap;
}
.pos--abs {
  position: absolute;
  width: 100%;
}
.pos--abs--bottom {
  left: 0;
  bottom: 0;
}
.header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}
.header--bar {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 98px;
  background-color: #fff;
  transition: box-shadow 0.3s;
}
@media only screen and ( max-width:  800px ) {
  .header--bar {
    height: calc(75px);
  }
}
.header--bar.is-slim .link--icon .label {
  display: none;
}
@media all and (max-width: 660px) {
  .header--bar .link--icon .label,
  .header--bar .btn--wrapper,
  .header--bar .search--wrapper {
    display: none;
  }
  .header--bar .list--horizontal.pl:not( .list--links ) > li {
    padding-right: 0;
  }
}
.menu--header--wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  background-color: #fff;
  transition: transform 0.5s, box-shadow 0.3s 0.1s;
}
.menu--header--wrapper.is-slid-up {
  transform: translateY(-100%);
}
.menu--header--wrapper.has-shadow {
  box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.12);
  transition: transform 0.5s, box-shadow 0.3s;
}
.menu--header {
  margin: 0 auto;
  max-width: 1160px;
  padding-left: calc(40px/2 + 40px/2 - 12px);
  padding-right: calc(40px/2 + 40px/2 - 12px);
}
@media only screen and ( max-width: 1240px ) {
  .menu--header {
    padding-left: calc(40/1240 * 100vw/2 + 40/1240 * 100vw/2);
    padding-right: calc(40/1240 * 100vw/2 + 40/1240 * 100vw/2);
  }
}
@media only screen and ( max-width:  620px ) {
  .menu--header {
    padding-left: calc(20px/2 + 20px/2);
    padding-right: calc(20px/2 + 20px/2);
  }
}
.menu--header.is-scrollable {
  justify-content: flex-start;
}
.menu--header.is-scrollable:before,
.menu--header.is-scrollable:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 32px;
  z-index: 10;
  background: linear-gradient(270deg, #FFFFFF 24.8%, rgba(255, 255, 255, 0) 99.99%);
}
.menu--header.is-scrollable:before {
  left: 0;
  transform: rotate(180deg);
}
.menu--header.is-scrollable:after {
  right: 0;
}
.footer .menu--wrapper {
  display: flex;
}
.footer .menu--wrapper .menu-item:not( :last-of-type ) {
  padding-bottom: 16px;
}
.footer .copyright--wrapper {
  display: flex;
}
.footer .logo--footer {
  height: 44px;
}
@media only screen and ( max-width:  620px ) {
  .footer .logo--footer {
    height: 38px;
  }
}
@media only screen and ( max-width:  620px ) {
  .footer .bt--xs {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.footer--logo {
  height: 14px;
}
.logo {
  line-height: 0;
}
.logo img {
  max-width: 220px;
  width: calc(220/1024 * 100vw);
  min-width: 120px;
}
.content--wrapper {
  overflow-x: hidden;
  margin-top: calc(98px + calc(70px + 4px));
}
@media only screen and ( max-width:  800px ) {
  .content--wrapper {
    margin-top: calc(75px + calc(70px + 4px));
  }
}
article {
  position: relative;
}
article:first-of-type {
  padding-top: 0;
}
.img--wrapper {
  position: relative;
  overflow: hidden;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img--overlay--gradient {
  color: #fff;
  height: 0;
}
.img--overlay--gradient:before {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90%;
  background: linear-gradient(360deg, #28354B 12.98%, rgba(40, 53, 75, 0.609109) 65.54%, rgba(40, 53, 75, 0) 100%);
}
[class^="ar--"] .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ar--3-2 {
  padding-bottom: calc(2/3 * 100%);
}
.ar--21-9 {
  padding-bottom: calc(9/21 * 100%);
}
.ar--fh {
  height: 100%;
}
.ar--fh img {
  width: 100%;
  object-fit: cover;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and ( max-width: 1024px ) {
  .ar--16-9--md {
    padding-bottom: calc(9/16 * 100%);
  }
}
@media only screen and ( max-width:  800px ) {
  .ar--3-2--sm {
    height: 0;
    padding-bottom: calc(2/3 * 100%);
  }
}
@media only screen and ( max-width:  620px ) {
  .ar--1-1--xs {
    padding-bottom: calc(1/1 * 100%);
  }
}
@media only screen and ( max-width:  620px ) {
  .ar--3-2--xs {
    height: 0;
    padding-bottom: calc(2/3 * 100%);
  }
}
@media only screen and ( max-width:  420px ) {
  .ar--2-3--xxs {
    padding-bottom: calc(3/2 * 100%);
  }
}
.overflow--visible {
  overflow: visible;
}
.bb {
  border-bottom: 2px solid #0036CB;
}
.bg--color--brand {
  color: #fff;
}
.bg--color--brand .icon:after {
  color: #fff;
}
.bg--color--brand .title,
.bg--color--brand .t--color--neutral--secondary,
.bg--color--brand a:not( .btn ) {
  color: #fff;
}
.bg--color--brand .t--wysiwyg a,
.bg--color--brand .copyright--wrapper a {
  background-image: linear-gradient(#fff, #fff);
}
.bg--color--brand--primary {
  background-color: #001D75;
}
.bg--color--brand--primary .topline--badge {
  background-color: #3A69FF;
}
.bg--color--brand--primary--highlight {
  background-color: #0036CB;
}
.bg--color--brand--secondary {
  background-color: #580137;
}
.bg--color--brand--secondary .topline--badge {
  background-color: #EB0095;
}
.bg--color--brand--primary--subtle {
  background-color: #2042A6;
}
.bg--color--neutral--secondary {
  background-color: #f0f0f0;
}
.bg--color--white {
  background-color: #fff;
}
.min-width--100 {
  width: 100%;
}
.module--banner--newsletter:last-child {
  margin-bottom: 0;
}
.module--slider,
.module--article--image-slider {
  position: relative;
  z-index: 3;
}
.module--article--footer .h-align--space-between {
  flex-wrap: nowrap;
}
/** ------------------------------------------------------------------------------------
 *
 * Elem – Links
 *
 * ---------------------------------------------------------------------------------- */
/*
 * General
 * ---------------------------------------------------------------------------------- */
a[disabled],
a[aria-disabled="true"] {
  opacity: 0.5;
  pointer-events: none;
}
.swiper-navigation a[disabled],
.swiper-navigation a[aria-disabled="true"] {
  color: #afaeae;
}
.bg--color--brand .swiper-navigation a[disabled],
.bg--color--brand .swiper-navigation a[aria-disabled="true"] {
  color: rgba(175, 174, 174, 0.7);
}
.no-touchevents .swiper-navigation a:hover {
  color: #666;
}
.no-touchevents .bg--color--brand .swiper-navigation a:hover {
  color: rgba(255, 255, 255, 0.7);
}
/*
 * Menu links
 * ---------------------------------------------------------------------------------- */
.link--menu--header li {
  text-align: center;
}
.link--menu--header a {
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  position: relative;
  display: inline-block;
  line-height: calc(42/16);
  color: #2a2a2a;
}
.link--menu--header a:before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 2px;
  opacity: 0;
  transition: 0.3s;
}
.link--menu--header .current-menu-item a {
  pointer-events: none;
  font-weight: 600;
}
.link--menu--header .current-menu-item a:before {
  opacity: 1;
  background-color: #0036CB;
}
.link--menu--header .current-menu-item--column:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: #cacaca;
}
.link--menu--header .current-menu-item--column:after {
  content: '';
  left: 100%;
}
.no-touchevents .link--menu--header a:hover,
.no-touchevents .link--menu--header a:active,
.no-touchevents .link--menu--header a:focus-visible {
  font-weight: 600;
  color: #2a2a2a;
}
.no-touchevents .link--menu--header a:hover:before,
.no-touchevents .link--menu--header a:active:before,
.no-touchevents .link--menu--header a:focus-visible:before {
  opacity: 1;
}
.no-touchevents .link--menu--header a:hover:before {
  background-color: #3A69FF;
}
.no-touchevents .link--menu--header a:active:before {
  background-color: #3A69FF;
}
.no-touchevents .link--menu--header a:focus-visible:before {
  background-color: #3A69FF;
}
/*
 * Text links
 * ---------------------------------------------------------------------------------- */
.t--link {
  display: inline-block;
  position: relative;
  font-weight: 600;
  padding: 4px calc(24px + 4px) 4px 0;
}
.t--link:before,
.t--link:after {
  content: '\e800';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.t--link.link--icon {
  font-weight: 600;
}
.t--link--primary {
  color: #0036CB;
}
.bg--color--brand .t--link--primary {
  color: #fff;
}
.no-touchevents .bg--color--brand .t--link--primary:hover {
  color: #fff;
}
.no-touchevents .bg--color--brand .t--link--primary:active {
  color: #fff;
}
.no-touchevents .bg--color--brand .t--link--primary:focus-visible {
  color: #fff;
}
.no-touchevents .t--link--primary {
  transition: color 0.3s;
}
.no-touchevents .t--link--primary:hover {
  color: #3A69FF;
}
.no-touchevents .t--link--primary:active {
  color: #3A69FF;
}
.no-touchevents .t--link--primary:focus-visible {
  color: #3A69FF;
}
.t--link--secondary {
  color: #2a2a2a;
}
.no-touchevents .t--link--secondary:hover {
  color: #666;
}
.no-touchevents .t--link--secondary:active,
.no-touchevents .t--link--secondary:focus-visible {
  color: #666;
}
/*
 * Icon links
 * ---------------------------------------------------------------------------------- */
.link--icon {
  position: relative;
  display: inline-flex;
  background: none;
  border: none;
  cursor: pointer;
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  transition: color 0.3s;
}
.link--icon.link--icon--secondary {
  opacity: 0.7;
}
.link--icon.t--link--icon--sm {
  font-size: calc(14 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
.link--icon.icon--only,
.link--icon.is-slim .link--icon {
  display: flex;
  width: 24px;
  height: 24px;
  padding-left: 0;
  padding-right: 0;
}
.link--icon.icon--only:before,
.link--icon.is-slim .link--icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.link--icon.icon--only.icon--slider--prev:before,
.link--icon.is-slim .link--icon.icon--slider--prev:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.link--icon.icon--arrow--left:before {
  transform: translateY(-50%) rotate(180deg);
}
.link--icon.link--icon--lg {
  width: 48px;
  height: 48px;
}
.link--icon.link--icon--lg:before,
.link--icon.link--icon--lg:after {
  font-size: 2.25em;
}
.no-touchevents .link--icon:hover,
.no-touchevents .link--icon:active {
  color: #666;
}
.no-touchevents .bg--color--brand .link--icon:hover,
.no-touchevents .bg--color--brand .link--icon:active,
.no-touchevents .bg--color--brand .link--icon:focus-visible {
  color: #fff;
}
.icon--left {
  padding-left: calc(24px + 4px);
  padding-right: 0;
}
.icon--left:before {
  left: 0;
  display: inline-block;
}
.icon--right {
  padding-right: calc(24px + 4px);
}
.icon--right:after {
  display: inline-block;
  right: 0;
}
.icon--right.icon--right--small {
  padding-right: calc(16px + 4px);
}
[class*='icon--'] {
  position: relative;
  display: inline-block;
}
/*
 * Menu links
 * ---------------------------------------------------------------------------------- */
.menu--link {
  position: relative;
  color: #2a2a2a;
}
/*
 * Article card link
 * ---------------------------------------------------------------------------------- */
.link--article--card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}
/** ------------------------------------------------------------------------------------
 *
 * Elem – Buttons
 *
 * ---------------------------------------------------------------------------------- */
button {
  color: #2a2a2a;
  background: none;
  padding: 0;
  border: 0;
}
.btn {
  position: relative;
  display: inline-block;
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  font-weight: 600;
  line-height: 4.8rem;
  padding: 0 1.6rem;
  background-color: #001D75;
  color: #fff;
  border-radius: 2px;
  border: 0;
  white-space: nowrap;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.btn[class*="btn--icon"] {
  padding-right: calc(1.6rem + 2.4rem + 0.4rem);
}
.btn[class*="btn--icon"]:before,
.btn[class*="btn--icon"]:after {
  content: '\e800';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: 1.6rem;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.btn[class*="btn--icon"]:after {
  display: block;
}
.btn[class*="btn--icon"].btn--icon--arrow-down:after {
  transform: translateY(-50%) rotate(90deg);
}
.btn.btn--sm {
  font-size: calc(14 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  font-weight: 600;
  line-height: 4rem;
}
@media only screen and ( max-width:  620px ) {
  .btn.btn--fw--xs {
    width: 100%;
    text-align: left;
  }
}
@media only screen and ( max-width:  620px ) {
  .btn.btn--fw--xs.t-align--center {
    text-align: center;
  }
}
.no-touchevents .btn:hover {
  background-color: #0036CB;
}
.no-touchevents .btn:active {
  background-color: #0036CB;
}
.no-touchevents .btn:focus-visible {
  background-color: #0036CB;
}
.bg--color--brand .btn {
  background-color: #fff;
}
.no-touchevents .bg--color--brand .btn:hover,
.no-touchevents .bg--color--brand .btn:active,
.no-touchevents .bg--color--brand .btn:focus-visible {
  background-color: #fff;
}
.no-touchevents .bg--color--brand .btn:hover:before,
.no-touchevents .bg--color--brand .btn:active:before,
.no-touchevents .bg--color--brand .btn:focus-visible:before {
  opacity: 0;
}
.no-touchevents .bg--color--brand .btn:hover:after,
.no-touchevents .bg--color--brand .btn:active:after,
.no-touchevents .bg--color--brand .btn:focus-visible:after {
  opacity: 1;
}
.bg--color--brand--primary .btn,
.bg--color--brand--primary--highlight .btn {
  color: #001D75;
}
.no-touchevents .bg--color--brand--primary .btn:hover,
.no-touchevents .bg--color--brand--primary--highlight .btn:hover {
  color: #0036CB;
}
.no-touchevents .bg--color--brand--primary .btn:active,
.no-touchevents .bg--color--brand--primary--highlight .btn:active {
  color: #0036CB;
}
.no-touchevents .bg--color--brand--primary .btn:focus-visible,
.no-touchevents .bg--color--brand--primary--highlight .btn:focus-visible {
  color: #0036CB;
}
.bg--color--brand--secondary .btn {
  color: #580137;
}
.bg--color--brand--secondary .btn:before {
  background-position: 80% 0;
}
.bg--color--brand--secondary .btn:after {
  background-position: 100% 0;
}
.no-touchevents .bg--color--brand--secondary .btn:hover {
  color: #9F007D;
}
.no-touchevents .bg--color--brand--secondary .btn:active {
  color: #9F007D;
}
.no-touchevents .bg--color--brand--secondary .btn:focus-visible {
  color: #9F007D;
}
.btn[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and ( max-width:  620px ) {
  .btn.btn--fw--xs {
    width: 100%;
  }
}
.btn--link {
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  color: #666;
  border-bottom: 1px solid;
  transition: color 0.3s;
}
.no-touchevents .btn--link:hover {
  color: #2a2a2a;
}
.btn--wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.topline--overline {
  position: relative;
  display: inline-block;
  padding-top: calc(0.4rem + 0.8rem);
}
.topline--overline:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 0.4rem;
  background-color: #0036CB;
}
[class*="bg--color--brand"] .topline--overline:before {
  background-color: #fff;
}
.topline--overline.col--quote {
  padding-top: calc(0.4rem + 1.6rem);
}
.topline--badge {
  display: inline-block;
  font-size: calc(12 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  line-height: 2.2rem;
  padding: 0 0.8rem;
  border-radius: 2px;
  color: #fff;
  vertical-align: top;
  margin-top: 1px;
  background-color: #0036CB;
}
.topline--badge.primary--dark {
  background-color: #0036CB;
}
.topline--badge.primary--light {
  background-color: #3A69FF;
}
.topline--badge.primary--secondary {
  background-color: #580137;
}
.topline--badge.primary--neutral {
  background-color: #cacaca;
  color: #2a2a2a;
}
.t--overline {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.meta--icon--wrapper {
  margin-right: 20px;
}
.meta--icon {
  position: relative;
  padding-left: calc(24px + 4px);
}
.bt:before,
.bb:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  border-top: 0.4rem solid #0036CB;
  width: 100%;
}
.bt .title,
.bb .title {
  color: #0036CB;
}
.bt--full:before,
.bb--full:before {
  max-width: 1160px;
  width: calc(100vw - 40/1240 * 100vw - 40/1240 * 100vw);
  z-index: 2;
}
.bt--full:after,
.bb--full:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0;
  height: calc(40px + 0.4rem + 0.2rem);
  max-width: 1160px;
  width: calc(100vw - 40/1240 * 100vw - 40/1240 * 100vw);
  background-color: #fff;
}
@media only screen and ( max-width:  800px ) {
  .bt--full:after,
  .bb--full:after {
    display: none;
  }
}
@media only screen and ( max-width:  620px ) {
  .bt--full:before,
  .bb--full:before,
  .bt--full:after,
  .bb--full:after {
    width: calc(100vw - 20px - 20px);
  }
}
@media only screen and ( max-width:  620px ) {
  .bt--xs:before {
    width: 100%;
  }
}
.bb:before {
  bottom: auto;
  top: 100%;
}
@media only screen and ( max-width:  800px ) {
  .bb--sm:before {
    width: 100%;
  }
}
.bb--full:before {
  bottom: auto;
  top: 100%;
}
.bt--sm:before {
  display: none;
}
@media only screen and ( max-width:  800px ) {
  .bt--sm:before {
    display: block;
  }
}
@media only screen and ( max-width:  800px ) {
  .bt--0--sm:before {
    display: none;
  }
}
.bt--secondary:before {
  border-top: 1px solid #2a2a2a;
}
.sticky-section-intro--wrapper {
  z-index: 1;
}
.topic-batch {
  color: #666;
  border: 1px solid #666;
  border-radius: 0.4rem;
  padding: 0 0.8rem;
  line-height: 2.2rem;
  font-size: calc(14 * 0.1rem);
  line-height: 1.5;
  font-weight: 400;
  transition: background-color 0.3s, color 0.3s;
}
@media only screen and ( max-width: 1240px ) {
  .topic-batch {
    font-size: calc(14 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(14 / (14 / 1240) * 0.1rem)) {
  .topic-batch {
    font-size: calc(14 * 0.1rem);
    line-height: 1.5;
    font-weight: 400;
  }
}
.no-touchevents .topic-batch:hover,
.no-touchevents .topic-batch:active,
.no-touchevents .topic-batch:focus-visible {
  background-color: #666;
  color: #fff;
}
.col--author {
  display: flex;
}
.col--author a {
  border-bottom: 1px solid;
  transition: color 0.3s, border-color 0.3s;
}
.no-touchevents .col--author a:hover,
.no-touchevents .col--author a:active,
.no-touchevents .col--author a:focus-visible {
  color: #2a2a2a;
  border-color: #2a2a2a;
}
.img--author {
  width: 56px;
  height: 56px;
}
/** ------------------------------------------------------------------------------------
 *
 * Elem - Accordion
 *
 * ---------------------------------------------------------------------------------- */
.accordion {
  margin: 0;
  padding: 0;
  list-style: none;
}
.accordion .accordion--item {
  position: relative;
  width: 100%;
}
.accordion .accordion--item.is-active .accordion--title:after {
  transform: translateY(-50%);
}
.accordion.accordion--single-open .accordion--item.is-active {
  pointer-events: none;
}
.accordion--title {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
  text-align: left;
  border: none;
  background: transparent;
  position: relative;
  width: 100%;
  padding-right: 2.5em;
}
.accordion--title:before,
.accordion--title:after {
  content: '\e81b';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.375em;
  display: none;
}
.accordion--title:after {
  transition: transform 0.3s;
  display: block;
  left: auto;
  right: 0.25em;
  margin-top: -0.1em;
  font-size: 1.375em;
  transform: translateY(-50%) rotate(180deg);
}
.accordion--sm .accordion--title:after {
  font-size: 1em;
}
@media only screen and ( max-width:  800px ) {
  .accordion--title:after {
    font-size: 1em;
  }
}
.accordion--title::-moz-focus-inner {
  border: 0;
}
.accordion--title .t-h5,
.accordion--title .t-p-4 {
  display: flex;
  transition: color 0.3s;
}
.accordion--content {
  box-sizing: border-box;
}
.accordion--content[hidden] {
  display: none;
}
.accordion--item {
  border-top: 1px solid #cacaca;
}
.accordion--image-wrapper {
  position: relative;
  width: 100%;
}
@media only screen and ( max-width:  620px ) {
  .accordion--image-wrapper {
    min-height: 200px;
    margin-top: 2rem;
  }
}
.accordion--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.accordion--image:first-child {
  position: relative;
}
.accordion--image.is-visible {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.accordion--image.is-visible:first-child {
  position: relative;
}
.accordion--image img {
  width: 100%;
  height: auto;
  display: block;
}
.module--article--subscription .form--step:not( :last-of-type ) {
  border-bottom: 1px solid #fff;
}
.module--article--subscription .toggle--content--inner {
  display: flex;
}
@media only screen and ( max-width:  620px ) {
  .module--article--subscription .text {
    order: 1;
  }
}
.module--article--subscription .image {
  width: 160px;
  border: 1px solid #fff;
  flex-shrink: 0;
  height: 100%;
}
@media only screen and ( max-width:  620px ) {
  .module--article--subscription .image {
    width: 80px;
    order: 2;
  }
}
.overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(9, 9, 9, 0.4);
  opacity: 0;
  transition: opacity 0.3s;
}
.overlay[hidden] {
  display: none;
}
.overlay.is-open {
  opacity: 1;
}
.overlay .subline {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.overlay .success-msg {
  text-align: right;
  margin-bottom: 4px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.3s;
}
.overlay .success-msg.is-visible {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.overlay--content {
  position: relative;
  max-width: 540px;
  width: calc(100% - 2*24px);
  background-color: #fff;
  padding: 32px;
  box-sizing: border-box;
}
@media only screen and ( max-width:  620px ) {
  .overlay--content {
    padding: 24px;
  }
}
.overlay--content .icon--close {
  position: absolute;
  right: 32px;
}
@media only screen and ( max-width:  620px ) {
  .overlay--content .icon--close {
    right: 24px;
  }
}
.overlay--content .icon--close:before {
  font-size: 1.75em;
}
.url--wrapper {
  border: 0;
  position: relative;
  background-color: #f0f0f0;
  color: #2a2a2a;
  font-size: calc(16 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
  border: 1px solid #f0f0f0;
  padding: 0 16px;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
  background-clip: padding-box;
  border-radius: 2px;
  transition: border-color 0.3s;
  line-height: 46px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  padding-right: calc(16px + 24px + 16px);
}
.url--wrapper .icon--copy {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.company-logo {
  position: relative;
  display: flex;
  width: 9.6rem;
  aspect-ratio: 2/1;
  border-radius: 0.4rem;
  border: 1px solid #cacaca;
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.3s;
}
.company-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 2*12px);
  transition: transform 0.3s;
}
.no-touchevents .company-logo:hover {
  border-color: #2a2a2a;
}
.no-touchevents .company-logo:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}
.skeleton--wrapper {
  position: relative;
  line-height: 0;
  width: 100%;
}
[class*="ar--"] .skeleton--wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.skeleton {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #F6F6F6;
  animation: skeleton-pulse 1.2s ease-in infinite;
}
@keyframes skeleton-pulse {
  0% {
    background: #F6F6F6;
  }
  50% {
    background: #E0E0E0;
  }
  100% {
    background: #F6F6F6;
  }
}
.t--plus .plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.17rem;
  background: #0036CB;
  margin-right: 0.6rem;
  top: 0.25rem;
  background-image: url('../img/plus.svg');
  background-size: 200% auto;
  flex-shrink: 0;
}
.t--plus .text {
  margin-right: 8px;
}
[class*="bg--color--brand"] .t--plus .plus {
  background-color: #fff;
  background-position: 100% 0;
}
.module--article--image-slider .caption--toggle {
  display: none;
}
@media only screen and ( max-width:  800px ) {
  .module--article--image-slider figcaption .caption--text {
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
  .module--article--image-slider figcaption .caption--text.is-clamped {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .module--article--image-slider figcaption .caption--text.is-expanded {
    display: block;
    -webkit-line-clamp: unset;
  }
  .module--article--image-slider figcaption .caption--toggle {
    display: none;
    background-color: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .module--article--image-slider figcaption .caption--toggle.is-visible {
    display: inline-block;
  }
}
#lb-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 101;
  background: #2a2a2a;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
}
#lb-overlay.lb-open {
  opacity: 1;
  pointer-events: all;
}
#lb-overlay .swiper-wrapper {
  align-items: center;
}
#lb-overlay .swiper-pagination span,
#lb-overlay .swiper-navigation a {
  color: #fff;
}
#lb-close {
  background: none;
  border: none;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 10;
}
#lb-close:before {
  font-size: 1em;
}
#lb-stage {
  flex: 1;
  display: flex;
  align-items: center;
  min-height: 0;
  overflow: hidden;
}
#lb-stage .t--color--neutral--secondary {
  color: #fff;
  display: block;
}
#lb-top {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 24px 40px;
  color: #fff;
}
@media only screen and ( max-width:  800px ) {
  #lb-top {
    padding: 20px;
  }
}
#lb-bar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 40px;
  color: #fff;
}
@media only screen and ( max-width:  800px ) {
  #lb-bar {
    padding: 20px;
  }
}
.lb-trigger {
  position: relative;
}
.lb-trigger:before,
.lb-trigger:after {
  content: '\e824';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 25px;
  display: none;
}
.lb-trigger:before {
  display: block;
  z-index: 2;
  left: 16px;
  top: auto;
  bottom: 16px;
  transform: none;
  background-color: rgba(42, 42, 42, 0.4);
  border-radius: 4px;
  width: 28px;
  height: 28px;
  color: #fff;
  transition: opacity 0.3s;
}
.no-touchevents .lb-trigger:before {
  opacity: 0;
}
@media only screen and ( max-width:  800px ) {
  .lb-trigger:before {
    left: 8px;
    bottom: 8px;
    width: 20px;
    height: 20px;
    font-size: 18px;
  }
}
.no-touchevents .lb-trigger:hover:before {
  opacity: 1;
}
#lb-right {
  display: flex;
  align-items: center;
}
#lb-stage {
  align-items: flex-start;
}
.swiper--article--image-slider--overlay {
  width: 100%;
  height: 100%;
}
.swiper--article--image-slider--overlay .swiper-wrapper,
.swiper--article--image-slider--overlay .swiper-slide {
  height: 100%;
}
.swiper--article--image-slider--overlay .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
}
.swiper--article--image-slider--overlay figcaption {
  color: #fff;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and ( max-width:  800px ) {
  .swiper--article--image-slider--overlay figcaption {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.swiper--article--image-slider--overlay {
  width: 100%;
  transition: opacity 0.15s ease;
}
.swiper--article--image-slider--overlay .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  box-sizing: border-box;
}
.swiper--article--image-slider--overlay .image {
  display: block;
  max-height: 100%;
  flex-shrink: 1;
  min-width: 0;
  width: 100%;
}
.swiper--article--image-slider--overlay figcaption {
  color: #fff;
}
@media only screen and ( max-width:  800px ) {
  #lb-stage {
    padding: 0;
    overflow: hidden;
  }
  .swiper-wrapper,
  .swiper-slide {
    height: 100%;
  }
  .swiper-slide {
    justify-content: center;
  }
}
.comp--article--card--md {
  display: flex;
}
.comp--article--card--md .img--wrapper {
  width: calc(280/760 * 100%);
  flex-shrink: 0;
}
@media only screen and ( max-width:  620px ) {
  .comp--article--card--md .img--wrapper {
    order: 2;
    width: calc(112/335 * 100%);
  }
}
[data-component-name="Article Card"][data-component-variant="XL"] + .link--article--card {
  width: calc(100% - 40px);
  left: calc(40px/2);
}
@media only screen and ( max-width: 1240px ) {
  [data-component-name="Article Card"][data-component-variant="XL"] + .link--article--card {
    width: calc(100% - 40/1240 * 100vw);
    left: calc(40/1240 * 100vw/2);
  }
}
@media only screen and ( max-width:  800px ) {
  [data-component-name="Article Card"][data-component-variant="XL"] + .link--article--card {
    width: calc(100% - 20px);
    left: calc(20px/2);
  }
}
.is-slim .menu--link {
  width: 24px;
  height: 32px;
  padding-left: 0;
}
.is-slim .menu--link:before {
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu--off-canvas--overlay {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  pointer-events: none;
  box-sizing: border-box;
}
.menu--off-canvas--overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 32, 32, 0.3);
  opacity: 0;
  transition: 0.5s;
}
.menu--off-canvas--overlay.is-visible {
  pointer-events: all;
}
.menu--off-canvas--overlay.is-visible:before {
  opacity: 1;
}
.menu--off-canvas--wrapper {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  transform: translateX(-100%);
  transition: transform 0.5s;
  width: 375px;
  height: 100%;
}
@media only screen and ( max-width:  420px ) {
  .menu--off-canvas--wrapper {
    width: 100%;
  }
}
.is-visible .menu--off-canvas--wrapper {
  transform: translateX(0);
}
.menu--close {
  text-align: left;
  border: 0;
  background: none;
}
.menu--off--canvas--top {
  width: 100%;
  height: 152px;
  box-sizing: border-box;
}
.menu--off--canvas--main {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: calc(100% - 148px);
  overflow-y: auto;
  box-sizing: border-box;
}
.menu--top {
  width: 100%;
}
.menu--top nav:not( :last-of-type ) {
  position: relative;
}
.menu--top nav:not( :last-of-type ):before {
  content: '';
  position: absolute;
  top: 100%;
  left: 20px;
  width: calc(100% - 2*20px);
  border-top: 2px solid #0036CB;
}
.menu--close,
.menu--user-area > .menu-item > a,
.menu--primary > .menu-item > a,
.menu--primary > .menu-item > .menu-item--main a,
.menu--publisher-service > .menu-item > a {
  display: inline-block;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  box-sizing: border-box;
  transition: background-color 0.3s;
}
.no-touchevents .menu--close:hover,
.no-touchevents .menu--user-area > .menu-item > a:hover,
.no-touchevents .menu--primary > .menu-item > a:hover,
.no-touchevents .menu--primary > .menu-item > .menu-item--main a:hover,
.no-touchevents .menu--publisher-service > .menu-item > a:hover,
.no-touchevents .menu--close:active,
.no-touchevents .menu--user-area > .menu-item > a:active,
.no-touchevents .menu--primary > .menu-item > a:active,
.no-touchevents .menu--primary > .menu-item > .menu-item--main a:active,
.no-touchevents .menu--publisher-service > .menu-item > a:active {
  color: #666;
  background-color: #f0f0f0;
}
.menu--bottom {
  width: 100%;
  align-self: flex-end;
}
.menu--bottom nav {
  display: inline-block;
}
.menu--bottom .menu-item:not( :last-of-type ) {
  padding-bottom: 24px;
}
.menu-item--main {
  position: relative;
  box-sizing: border-box;
}
.menu-item__toggle {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.menu-item__toggle:before,
.menu-item__toggle:after {
  content: '\e805';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: auto;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  font-size: 1.5em;
  display: none;
}
.menu-item__toggle:before {
  transition: transform 0.3s;
}
.is-active .menu-item__toggle:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.sub-menu[hidden] {
  display: none;
}
.no-touchevents .bg--color--brand--primary a:hover,
.no-touchevents .bg--color--brand--primary a:active {
  color: #fff;
}
.menu--legal-info {
  font-size: calc(14 * 0.1rem);
  line-height: 1.15;
  font-weight: 400;
}
.menu--legal-info .menu-item {
  margin-right: 40px;
}
.sub-menu {
  margin: 0;
  padding: 0;
}
.sub-menu a {
  display: inline-block;
  transition: color 0.3s;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: calc(20px + 20px);
  width: 100%;
  box-sizing: border-box;
  transition: background-color 0.3s;
}
.no-touchevents .sub-menu a:hover,
.no-touchevents .sub-menu a:active {
  background-color: #f0f0f0;
  color: #666;
}
.menu--header nav {
  overflow: hidden;
  position: relative;
}
.menu--header {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.menu-item {
  flex: 0 0 auto;
  list-style: none;
}
.menu-item--special:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: #cacaca;
}
.menu-item--special a {
  margin-left: calc(8px);
}
@media only screen and ( max-width:  620px ) {
  .menu-item--special a {
    margin-left: calc(6px);
  }
}
.menu-item--special:after {
  content: '';
  right: calc(100% - 2px);
}
.module--column--hero--teaser .image {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.module--column--hero--teaser .text--wrapper {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.module--column--hero--teaser .title {
  width: 100%;
}
.module--column--hero--teaser .copy {
  width: calc(760/1160 * 100%);
}
@media only screen and ( max-width: 1024px ) {
  .module--column--hero--teaser .copy {
    width: calc(100% - 48px*2);
  }
}
@media only screen and ( max-width:  800px ) {
  .module--column--hero--teaser .copy {
    width: calc(100% - 20px*2);
  }
}
.module--article--hero--teaser .image {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.module--article--hero--teaser .text--wrapper {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.module--banner--event .col {
  display: flex;
  align-items: center;
}
@media only screen and ( max-width:  800px ) {
  .module--banner--event .col {
    flex-wrap: wrap;
  }
}
.module--banner--event .img--wrapper {
  min-width: 360px;
  flex-shrink: 0;
}
@media only screen and ( max-width:  800px ) {
  .module--banner--event .img--wrapper {
    width: 100%;
  }
}
.module--banner--event .img--wrapper img {
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  max-width: calc(100% + 2px);
}
.module--banner--event .text--wrapper {
  width: 100%;
}
.row--pulled-article .col {
  display: flex;
  align-items: center;
}
@media only screen and ( max-width:  620px ) {
  .row--pulled-article .col {
    flex-wrap: wrap;
  }
}
.row--pulled-article a.bb {
  position: relative;
  flex-shrink: 0;
  width: 200px;
}
@media only screen and ( max-width:  620px ) {
  .row--pulled-article a.bb {
    margin: 0 auto;
  }
}
.swiper--article--image-slider .swiper-slide {
  line-height: 0;
  width: auto;
}
.swiper--article--image-slider .image {
  max-height: 506px;
  height: calc(506 / 1600 * 100vw);
  width: auto;
  min-height: 198px;
}
.module--media--hero--teaser .teaser--wrapper {
  padding-bottom: 200px;
}
@media only screen and ( max-width: 1240px ) {
  .module--media--hero--teaser .teaser--wrapper {
    padding-bottom: calc(200/1240 * 100vw);
  }
}
@media all and (max-width: 992px) {
  .module--media--hero--teaser .teaser--wrapper {
    padding-bottom: 180px;
  }
}
.module--media--hero--teaser .image--podcast {
  width: 100px;
}
.module--media--hero--teaser article {
  margin-top: -140px;
}
@media only screen and ( max-width: 1240px ) {
  .module--media--hero--teaser article {
    margin-top: calc(140/1240 * -100vw);
  }
}
@media all and (max-width: 992px) {
  .module--media--hero--teaser article {
    margin-top: -112px;
  }
}
.module--media--hero--teaser .col--inner {
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and ( max-width:  800px ) {
  .module--media--hero--teaser .col--inner {
    flex-wrap: wrap;
  }
}
.module--media--hero--teaser .article--image {
  width: calc(560/(1160 - 2*40) * 100%);
  height: 100%;
  line-height: 0;
}
@media only screen and ( max-width:  800px ) {
  .module--media--hero--teaser .article--image {
    width: 100%;
  }
}
.module--media--hero--teaser .article--image .image {
  width: 100%;
}
.module--media--hero--teaser .article--text {
  width: calc(480/(1160 - 2*40) * 100%);
}
@media only screen and ( max-width:  800px ) {
  .module--media--hero--teaser .article--text {
    width: 100%;
  }
}
.module--banner--mediaservice {
  color: #001D75;
}
.module--banner--mediaservice .col-9 {
  display: flex;
}
@media only screen and ( max-width:  800px ) {
  .module--banner--mediaservice .col-9 {
    flex-wrap: wrap;
  }
}
.module--banner--mediaservice .title {
  width: calc(260/860 * 100%);
}
@media only screen and ( max-width:  800px ) {
  .module--banner--mediaservice .title {
    width: 100%;
  }
}
.module--banner--mediaservice .text {
  width: calc(460/860 * 100%);
  padding-left: calc(((1160px - 11*40px) / 12) + 40px*2);
}
@media only screen and ( max-width: 1240px ) {
  .module--banner--mediaservice .text {
    padding-left: calc(((1160px - 11*40px) / 12) + 40/1240 * 100vw*2);
  }
}
@media only screen and ( max-width: 1024px ) {
  .module--banner--mediaservice .text {
    padding-left: calc(40/1240 * 100vw*2);
  }
}
@media only screen and ( max-width:  800px ) {
  .module--banner--mediaservice .text {
    padding-left: 0;
    width: 100%;
  }
}
.module--search:before {
  content: '';
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}
.search-overlay--visible .module--search:before {
  opacity: 1;
}
.module--search form {
  width: 100%;
}
.module--search .accordion--item:first-of-type {
  border-top: 0;
}
.module--search .bt:after {
  display: none;
}
.module--search .bt .title {
  color: #2a2a2a;
}
.module--search .row--header .title {
  color: #0036CB;
}
@media only screen and ( max-width:  620px ) {
  .module--search .btn--submit {
    display: none;
  }
}
.module--search .t--filter {
  font-size: calc(22 * 0.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
}
@media only screen and ( max-width: 1240px ) {
  .module--search .t--filter {
    font-size: calc(22 / 1240 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22 / 1240) * 0.1rem)) {
  .module--search .t--filter {
    font-size: calc(18 * 0.1rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
  }
}
.module--search .t--filter span {
  padding-left: 0;
}
.module--search .t--filter span:before {
  display: none;
}
@media only screen and ( max-width:  800px ) {
  .module--search .t--filter {
    font-family: 'Agrandir', sans-serif;
    font-size: calc(16 * 0.1rem);
    line-height: 1.15;
    font-weight: 400;
    font-weight: 600;
  }
  .module--search .t--filter span {
    padding-left: calc(24px + 4px);
  }
  .module--search .t--filter span:before {
    display: block;
  }
}
.module--search .filter--title--wrapper {
  width: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.module--search .filter--title--wrapper--xl {
  display: flex;
}
@media only screen and ( max-width:  800px ) {
  .module--search .filter--title--wrapper--xl {
    display: none;
  }
}
.module--search .filter--title--wrapper--sm {
  display: none;
}
@media only screen and ( max-width:  800px ) {
  .module--search .filter--title--wrapper--sm {
    display: flex;
  }
}
.module--search .t-h--accordion {
  color: #2a2a2a;
}
@media only screen and ( max-width:  800px ) {
  .module--search .form--filter {
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display: none;
    background-color: #fff;
    padding: calc(40/1240 * 100vw);
    padding-top: 32px;
    box-sizing: border-box;
    max-height: 100%;
    overflow-y: auto;
  }
}
.module--search .form--filter.is-active {
  display: block;
}
.swiper-notification {
  width: auto;
}
.swiper-pagination {
  font-variant-numeric: tabular-nums;
}
.module--ad {
  line-height: 0;
}
.module--ad .ad {
  display: inline-block;
  width: 100%;
  opacity: 0;
}
.module--ad.module--ad--leadboard .ad {
  max-width: 728px;
}
.module--ad.module--ad--billboard .ad {
  max-width: 970px;
}
@media only screen and ( max-width:  620px ) {
  .module--ad.module--ad--billboard .ad {
    max-width: 300px;
  }
}
.module--ad.module--ad--skyscraper {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
@media all and (max-width: 1600px) {
  .module--ad.module--ad--skyscraper {
    display: none;
  }
}
.module--ad.module--ad--skyscraper .ad {
  position: absolute;
  top: 0;
  max-width: 160px;
}
.module--ad.module--ad--skyscraper.module--ad--skyscraper--left .ad {
  right: calc(100% + 40px);
}
@media only screen and ( max-width: 1240px ) {
  .module--ad.module--ad--skyscraper.module--ad--skyscraper--left .ad {
    right: calc(100% + 40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .module--ad.module--ad--skyscraper.module--ad--skyscraper--left .ad {
    right: calc(100% + 20px);
  }
}
.module--ad.module--ad--skyscraper.module--ad--skyscraper--right .ad {
  left: calc(100% + 40px);
}
@media only screen and ( max-width: 1240px ) {
  .module--ad.module--ad--skyscraper.module--ad--skyscraper--right .ad {
    left: calc(100% + 40/1240 * 100vw);
  }
}
@media only screen and ( max-width:  800px ) {
  .module--ad.module--ad--skyscraper.module--ad--skyscraper--right .ad {
    left: calc(100% + 20px);
  }
}
/* ------------------------------------------------------------------------------------
 *
 * Helper
 *
 * ---------------------------------------------------------------------------------- */
body {
  margin-bottom: 36px;
}
@font-face {
  font-family: 'Space Mono';
  src: url('../../_dev/fonts/SpaceMono-Regular.woff2') format('woff2'), url('../../_dev/fonts/SpaceMono-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Space Mono';
  src: url('../../_dev/fonts/SpaceMono-Bold.woff2') format('woff2'), url('../../_dev/fonts/SpaceMono-Bold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
.t--code,
code,
.missing {
  font-family: 'Space Mono', monospaced;
}
code {
  display: inline-block;
  background-color: #f0f0f0;
  padding: 12px 16px;
  border-radius: 12px;
  box-sizing: border-box;
  font-size: 13px;
  border: 1px solid #e2e2e2;
}
/* 
 * Badges
 * ---------------------------------------------------------------------------------- */
.badge--wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 36px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #a0a0a0;
  color: #fff;
  z-index: 1000000;
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 6px;
  font-variant-numeric: tabular-nums;
  box-sizing: border-box;
  font-family: 'Space Mono', monospaced;
  font-weight: 800;
}
.badge--wrapper .badge {
  height: 100%;
  margin-right: 2px;
}
.badge--wrapper .size {
  height: 100%;
  align-items: center;
}
.badge--wrapper a,
.badge--wrapper span {
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 100%;
  padding: 0 10px;
}
.badge--wrapper a {
  cursor: pointer;
  color: #fff;
  background-color: #777;
}
.badge--wrapper a:hover,
.badge--wrapper a:active {
  background-color: #555;
}
.badge--wrapper a.is-active {
  background-color: #FF4F83;
}
.size-default {
  display: flex;
}
.size-lg,
.size-md,
.size-sm,
.size-xs,
.size-xxs {
  display: none;
}
@media only screen and ( max-width: 1240px ) {
  .size-lg {
    display: flex;
  }
  .size-default,
  .size-md,
  .size-sm,
  .size-xs,
  .size-xxs {
    display: none;
  }
}
@media only screen and ( max-width: 1024px ) {
  .size-md {
    display: flex;
  }
  .size-default,
  .size-lg,
  .size-sm,
  .size-xs,
  .size-xxs {
    display: none;
  }
}
@media only screen and ( max-width:  800px ) {
  .size-sm {
    display: flex;
  }
  .size-default,
  .size-lg,
  .size-md,
  .size-xs,
  .size-xxs {
    display: none;
  }
}
@media only screen and ( max-width:  620px ) {
  .size-xs {
    display: flex;
  }
  .size-default,
  .size-lg,
  .size-md,
  .size-sm,
  .size-xxs {
    display: none;
  }
}
@media only screen and ( max-width:  420px ) {
  .size-xxs {
    display: flex;
  }
  .size-default,
  .size-lg,
  .size-md,
  .size-sm,
  .size-xs {
    display: none;
  }
}
.show-grid .row.row--grid {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
}
.show-grid .row.row--grid .col {
  height: 100%;
  background-color: #FF4F83;
  opacity: 0.1;
}
.info--wrapper {
  display: none;
  position: fixed;
  top: 14px;
  right: 0;
  z-index: 1000;
  pointer-events: none;
}
.info--wrapper .info--pill {
  padding: 3px 8px;
  display: block;
  text-align: right;
  background: #FF4F83;
  font-size: 12px;
  border-radius: 4px 0 0 4px;
  font-family: 'Space Mono', monospaced;
  font-weight: 800;
  color: #fff;
}
.info--wrapper .info--module {
  background-color: #FF4F83;
}
.info--wrapper .info--component {
  background-color: #4ED59E;
}
.info--wrapper .info--element {
  background-color: #C250FF;
}
.show-infos .info--wrapper {
  display: block;
}
.show-infos [data-info] {
  position: relative;
}
.show-infos [data-info]:before {
  content: '';
  position: absolute;
  top: 0;
  z-index: 20;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid;
  pointer-events: none;
}
.show-infos [data-info].row--child:before {
  width: calc(100% - 40px - 4px);
  left: calc(40px/2);
}
@media only screen and ( max-width: 1240px ) {
  .show-infos [data-info].row--child:before {
    width: calc(100% - 40/1240 * 100vw - 4px);
    left: calc(40/1240 * 100vw/2);
  }
}
@media only screen and ( max-width:  620px ) {
  .show-infos [data-info].row--child:before {
    width: calc(100% - 20px - 4px);
    left: calc(20px/2);
  }
}
.show-infos [data-info][data-info-module]:before {
  border-color: #FF4F83;
}
.show-infos [data-info][data-info-component]:before {
  border-color: #4ED59E;
}
.show-infos [data-info][data-info-element]:before {
  border-color: #C250FF;
}
.show-infos .info[data] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.show-infos .info[data]:before,
.show-infos .info[data]:after {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  padding: 3px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FF4F83;
  font-size: 12px;
  width: auto;
  border-radius: 0 0 0 4px;
  font-family: 'Space Mono', monospaced;
  font-weight: 800;
  line-height: 1.5;
  color: #fff;
}
.show-infos .info[data]:after {
  top: 20px;
  font-weight: 400;
}
.show-infos .row--child > .info:before,
.show-infos .row--child > .info:after {
  right: calc(40px/2);
}
@media only screen and ( max-width: 1240px ) {
  .show-infos .row--child > .info:before,
  .show-infos .row--child > .info:after {
    right: calc(40/1240 * 100vw/2);
  }
}
@media only screen and ( max-width:  620px ) {
  .show-infos .row--child > .info:before,
  .show-infos .row--child > .info:after {
    right: calc(20px/2);
  }
}
.show-infos [data-module-name]:before {
  content: attr(data-module-name);
}
.show-infos [data-module-variant]:after {
  content: attr(data-module-variant);
}
.show-infos [data][data-component-name]:before {
  background-color: #4ED59E;
  content: attr(data-component-name);
}
.show-infos [data][data-component-variant]:after {
  background-color: #4ED59E;
  content: attr(data-component-variant);
}
.show-infos [data][data-element-name]:before {
  background-color: #C250FF;
  content: attr(data-element-name);
}
.show-infos [data][data-element-variant]:after {
  background-color: #C250FF;
  content: attr(data-element-variant);
}
.to-do {
  padding: 12px;
  color: rgba(200, 200, 200, 0.5);
  font-size: 13px;
  font-family: 'Space Mono', monospaced;
  border: 1px dashed;
  border-color: rgba(200, 200, 200, 0.5);
  font-weight: 800;
}
.to-do:before {
  content: 'To do';
  position: relative;
  display: block;
  font-size: 9px;
  text-transform: uppercase;
}
.article-card--hidden {
  display: none;
  opacity: 0;
}
.article-card--fade-in {
  display: block;
  animation: fadeInUp 0.6s ease-out forwards;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@page {
  size: A4;
  margin: 0;
}
@media print {
  *,
  *::before,
  *::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .mb--80 {
    margin-bottom: 8rem;
  }
  .pt--64 {
    padding-top: 4rem;
  }
  .pb--64 {
    padding-bottom: 4rem;
  }
  .pb--24 {
    padding-bottom: 1.6rem;
  }
  .mt--64 {
    margin-top: 4rem;
  }
  html {
    font-size: 5.75px;
  }
  body {
    margin-bottom: 0;
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
  }
  p,
  blockquote {
    orphans: 3;
    widows: 3;
  }
  .t--wysiwyg a:not(.bb),
  .copyright--wrapper a:not(.bb),
  .link--wrapper a:not(.bb) {
    background: none !important;
    border-bottom: 0.05rem solid;
  }
  @page {
    margin: 1.5cm;
  }
  header {
    position: relative !important;
  }
  .content--wrapper {
    margin-top: 0rem !important;
  }
  .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .swiper-slide {
    margin-bottom: 20px;
    display: inline-flex;
    flex-direction: column;
    max-width: 100%;
    align-items: flex-start;
    display: inline-block;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .module--banner--podcast {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .module--banner--podcast .t--plus .plus {
    background-position: 0 0;
    background-color: #0036CB;
  }
  .module--banner--podcast .module--inner {
    background: transparent;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .module--banner--podcast .module--inner .title,
  .module--banner--podcast .module--inner p,
  .module--banner--podcast .module--inner .t--overline {
    color: #000;
  }
  .module--banner--podcast .module--inner .btn {
    display: none;
  }
  .row--pulled-article a.bb {
    width: 15em;
  }
  .module--article--footer a.t--link--primary {
    display: none;
  }
  .swiper--article--image-slider .image {
    height: auto;
    width: 200px;
    min-height: 0;
    max-height: 1000px;
  }
  .menu--wrapper,
  .menu--off-canvas--overlay,
  .menu--header--wrapper,
  .module--ad,
  .share-print--wrapper,
  .swiper-navigation,
  .module--topics,
  .module--banner--linkedin,
  .module--banner--newsletter,
  .module--article--podcast--podigee-player,
  .article--footer--no-meta,
  .text-link--wrapper,
  footer,
  .badge--wrapper {
    display: none;
  }
}