@charset "UTF-8";
/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
/* Document
   ========================================================================== */
/**
 * Use a better box model (opinionated).
 */
html {
  box-sizing: border-box;
}

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

/**
 * Use a more readable tab size (opinionated).
 */
:root {
  -moz-tab-size: 4;
  tab-size: 4;
}

/**
 * Correct the line height in all browsers.
 */
html {
  line-height: 1.15;
}

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

/**
 * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/**
 * Correct the font size and margin on `h` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct height in Firefox.
 */
hr {
  height: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Add the correct text decoration in Chrome, Edge, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted;
}

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

/**
 * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp,
pre {
  font-family: sans-serif; /* 1 */
  font-size: 1rem; /* 2 */
  line-height: 1;
}

/**
 * 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;
}

/* 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 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 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;
}

/**
 * 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;
}

/**
 * Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome and Firefox.
 */
progress {
  vertical-align: baseline;
}

/**
 * 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 and Firefox.
 */
details {
  display: block;
}

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

figure {
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

menu {
  padding-inline-start: 0;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

@font-face {
  font-family: "TeX Gyre Heros";
  src: url("/wp-content/themes/fbapp/css/fonts/texgyreheros/texgyreheros-regular-webfont.woff2") format("woff2"), url("/wp-content/themes/fbapp/css/fonts/texgyreheros/texgyreheros-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TeX Gyre Heros";
  src: url("/wp-content/themes/fbapp/css/fonts/texgyreheros/texgyreheros-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/fbapp/css/fonts/texgyreheros/texgyreheros-bold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "TeX Gyre Heros";
  src: url("/wp-content/themes/fbapp/css/fonts/texgyreheros/texgyreheros-italic-webfont.woff2") format("woff2"), url("/wp-content/themes/fbapp/css/fonts/texgyreheros/texgyreheros-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "TeX Gyre Heros";
  src: url("/wp-content/themes/fbapp/css/fonts/texgyreheros/texgyreheros-bolditalic-webfont.woff2") format("woff2"), url("/wp-content/themes/fbapp/css/fonts/texgyreheros/texgyreheros-bolditalic-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
body {
  font-size: 20px;
}

body, p, span, a, li, ul, ol {
  font-family: "TeX Gyre Heros", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

strong {
  font-family: "TeX Gyre Heros", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.5;
}

.bold, .text-bold {
  font-weight: 600;
}

p, li {
  text-decoration: none;
}

a {
  color: var(--primary);
  text-decoration: none;
}
a:hover, a:focus {
  color: var(--primary-darken);
}
a:focus {
  text-decoration: underline;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "TeX Gyre Heros", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: var(--space-xs);
  word-break: break-word;
}

h1, .h1 {
  font-size: var(--font-size-h1);
  font-weight: 300;
  text-transform: uppercase;
  color: var(--primary);
}

h2, .h2 {
  font-size: var(--font-size-h2);
}

h3, .h3 {
  font-size: var(--font-size-h3);
}

h4, .h4 {
  font-size: var(--font-size-h4);
}

h5, .h5 {
  font-size: var(--font-size-h5);
}

h6, .h6 {
  font-size: var(--font-size-h6);
}

@media only screen and (max-width: 1080px) {
  h1, .h1 {
    font-size: var(--font-size-h1-small);
  }
  h2, .h2 {
    font-size: var(--font-size-h2-small);
  }
  h3, .h3 {
    font-size: var(--font-size-h3-small);
  }
  h4, .h4 {
    font-size: var(--font-size-h4-small);
  }
  h5, .h5 {
    font-size: var(--font-size-h5-small);
  }
  h6, .h6 {
    font-size: var(--font-size-h6-small);
  }
}
@media only screen and (max-width: 1080px) {
  .font-size-h1-mobile {
    font-size: var(--font-size-h1-small) !important;
  }
}

@media only screen and (max-width: 1080px) {
  .font-size-h2-mobile {
    font-size: var(--font-size-h2-small) !important;
  }
}

@media only screen and (max-width: 1080px) {
  .font-size-h3-mobile {
    font-size: var(--font-size-h3-small) !important;
  }
}

@media only screen and (max-width: 1080px) {
  .font-size-h4-mobile {
    font-size: var(--font-size-h4-small) !important;
  }
}

@media only screen and (max-width: 1080px) {
  .font-size-h5-mobile {
    font-size: var(--font-size-h5-small) !important;
  }
}

@media only screen and (max-width: 1080px) {
  .font-size-h6-mobile {
    font-size: var(--font-size-h6-small) !important;
  }
}

@media only screen and (max-width: 1080px) {
  .font-size-large-mobile {
    font-size: var(--font-size-large) !important;
  }
}

@media only screen and (max-width: 1080px) {
  .font-size-small-mobile {
    font-size: var(--font-size-small) !important;
  }
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.camelcase {
  text-transform: capitalize;
}

.smaller {
  font-size: var(--font-size-smaller);
}

.small {
  font-size: var(--font-size-small);
}

.large {
  font-size: var(--font-size-large);
}

.normal {
  font-size: var(--font-size-base);
}

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

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

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

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

.text-secondary {
  color: var(--secondary);
}

.text-tertiary {
  color: var(--tertiary);
}

.text-quaternary {
  color: var(--quaternary);
}

.text-quintary {
  color: var(--quinary);
}

.text-senary {
  color: var(--senary);
}

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

.text-grey-darken {
  color: var(--grey-darken);
}

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

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

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

.text-success {
  color: var(--success);
}

.text-danger {
  color: var(--alert);
}

.text-warning {
  color: var(--warning);
}

.text-info {
  color: var(--info);
}

.text-alert {
  color: var(--alert);
}

ol, ul, dl {
  list-style-position: outside;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
}
ol ol, ol ul, ol dl, ul ol, ul ul, ul dl, dl ol, dl ul, dl dl {
  margin-left: 30px;
  margin-bottom: 0;
}
ol.no-bullets, ul.no-bullets, dl.no-bullets {
  list-style: none;
  margin-left: 0;
}

ul, ol, dl {
  margin-left: 20px;
}

ul {
  list-style-type: square;
}
ul ul {
  list-style-type: circle;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  width: 100%;
  min-width: 100px;
  min-height: 100px;
  overflow-x: hidden;
  transition: background-color var(--transition-default);
}

main .main {
  overflow: hidden;
}

#print {
  display: none;
}

#wrapper {
  display: block;
  width: 100%;
  min-height: 70vh;
  position: relative;
  clear: both;
  max-width: var(--grid-max-width);
  margin: 0 auto;
  position: relative;
}

#masterWrap {
  line-height: 0;
  position: relative;
  opacity: 1;
  overflow: hidden;
  z-index: 0;
}

.innerWrap {
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  max-width: var(--grid-max-width);
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  position: relative;
  z-index: 0;
}
.innerWrap > .innerWrap {
  padding-right: 0;
  padding-left: 0;
}
.innerWrap.grid-gutter-container {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.grid, .col12-xxxl, .col11-xxxl, .col10-xxxl, .col9-xxxl, .col8-xxxl, .col7-xxxl, .col6-xxxl, .col5-xxxl, .col4-xxxl, .col3-xxxl, .col2-xxxl, .col1-xxxl, .col12-xxl, .col11-xxl, .col10-xxl, .col9-xxl, .col8-xxl, .col7-xxl, .col6-xxl, .col5-xxl, .col4-xxl, .col3-xxl, .col2-xxl, .col1-xxl, .col12-xl, .col11-xl, .col10-xl, .col9-xl, .col8-xl, .col7-xl, .col6-xl, .col5-xl, .col4-xl, .col3-xl, .col2-xl, .col1-xl, .col12-l, .col11-l, .col10-l, .col9-l, .col8-l, .col7-l, .col6-l, .col5-l, .col4-l, .col3-l, .col2-l, .col1-l, .col12-m, .col11-m, .col10-m, .col9-m, .col8-m, .col7-m, .col6-m, .col5-m, .col4-m, .col3-m, .col2-m, .col1-m, .col12-s, .col11-s, .col10-s, .col9-s, .col8-s, .col7-s, .col6-s, .col5-s, .col4-s, .col3-s, .col2-s, .col1-s, .col12-xs, .col11-xs, .col10-xs, .col9-xs, .col8-xs, .col7-xs, .col6-xs, .col5-xs, .col4-xs, .col3-xs, .col2-xs, .col1-xs, .col12-xxs, .col11-xxs, .col10-xxs, .col9-xxs, .col8-xxs, .col7-xxs, .col6-xxs, .col5-xxs, .col4-xxs, .col3-xxs, .col2-xxs, .col1-xxs, .col12, .col11, .col10, .col9, .col8, .col7, .col6, .col5, .col4, .col3, .col2, .col1 {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: text-top;
  font-size: var(--font-size-base);
}

.col1 {
  width: 8.3333333333%;
  min-width: 8.3333333333%;
}
@media only screen and (max-width: 1080px) {
  .col1 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col1 {
  margin-top: 8.3333333333%;
}
.marg-bottom-col1 {
  margin-bottom: 8.3333333333%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col1 {
    margin-left: 8.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col1 {
    margin-right: 8.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col1 {
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col1 {
    margin-top: 8.3333333333%;
    margin-bottom: 8.3333333333%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col1 {
  padding-top: 8.3333333333%;
}
.pad-bottom-col1 {
  padding-bottom: 8.3333333333%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col1 {
    padding-left: 8.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col1 {
    padding-right: 8.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col1 {
    padding-left: 8.3333333333%;
    padding-right: 8.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col1 {
    padding-top: 8.3333333333%;
    padding-bottom: 8.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col1 {
    left: 8.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col1 {
    right: 8.3333333333%;
  }
}

.col2 {
  width: 16.6666666667%;
  min-width: 16.6666666667%;
}
@media only screen and (max-width: 1080px) {
  .col2 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col2 {
  margin-top: 16.6666666667%;
}
.marg-bottom-col2 {
  margin-bottom: 16.6666666667%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col2 {
    margin-left: 16.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col2 {
    margin-right: 16.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col2 {
    margin-left: 16.6666666667%;
    margin-right: 16.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col2 {
    margin-top: 16.6666666667%;
    margin-bottom: 16.6666666667%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col2 {
  padding-top: 16.6666666667%;
}
.pad-bottom-col2 {
  padding-bottom: 16.6666666667%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col2 {
    padding-left: 16.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col2 {
    padding-right: 16.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col2 {
    padding-left: 16.6666666667%;
    padding-right: 16.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col2 {
    padding-top: 16.6666666667%;
    padding-bottom: 16.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col2 {
    left: 16.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col2 {
    right: 16.6666666667%;
  }
}

.col3 {
  width: 25%;
  min-width: 25%;
}
@media only screen and (max-width: 1080px) {
  .col3 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col3 {
  margin-top: 25%;
}
.marg-bottom-col3 {
  margin-bottom: 25%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col3 {
    margin-left: 25%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col3 {
    margin-right: 25%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col3 {
    margin-left: 25%;
    margin-right: 25%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col3 {
    margin-top: 25%;
    margin-bottom: 25%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col3 {
  padding-top: 25%;
}
.pad-bottom-col3 {
  padding-bottom: 25%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col3 {
    padding-left: 25%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col3 {
    padding-right: 25%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col3 {
    padding-left: 25%;
    padding-right: 25%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col3 {
    padding-top: 25%;
    padding-bottom: 25%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col3 {
    left: 25%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col3 {
    right: 25%;
  }
}

.col4 {
  width: 33.3333333333%;
  min-width: 33.3333333333%;
}
@media only screen and (max-width: 1080px) {
  .col4 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col4 {
  margin-top: 33.3333333333%;
}
.marg-bottom-col4 {
  margin-bottom: 33.3333333333%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col4 {
    margin-left: 33.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col4 {
    margin-right: 33.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col4 {
    margin-left: 33.3333333333%;
    margin-right: 33.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col4 {
    margin-top: 33.3333333333%;
    margin-bottom: 33.3333333333%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col4 {
  padding-top: 33.3333333333%;
}
.pad-bottom-col4 {
  padding-bottom: 33.3333333333%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col4 {
    padding-left: 33.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col4 {
    padding-right: 33.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col4 {
    padding-left: 33.3333333333%;
    padding-right: 33.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col4 {
    padding-top: 33.3333333333%;
    padding-bottom: 33.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col4 {
    left: 33.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col4 {
    right: 33.3333333333%;
  }
}

.col5 {
  width: 41.6666666667%;
  min-width: 41.6666666667%;
}
@media only screen and (max-width: 1080px) {
  .col5 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col5 {
  margin-top: 41.6666666667%;
}
.marg-bottom-col5 {
  margin-bottom: 41.6666666667%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col5 {
    margin-left: 41.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col5 {
    margin-right: 41.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col5 {
    margin-left: 41.6666666667%;
    margin-right: 41.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col5 {
    margin-top: 41.6666666667%;
    margin-bottom: 41.6666666667%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col5 {
  padding-top: 41.6666666667%;
}
.pad-bottom-col5 {
  padding-bottom: 41.6666666667%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col5 {
    padding-left: 41.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col5 {
    padding-right: 41.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col5 {
    padding-left: 41.6666666667%;
    padding-right: 41.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col5 {
    padding-top: 41.6666666667%;
    padding-bottom: 41.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col5 {
    left: 41.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col5 {
    right: 41.6666666667%;
  }
}

.col6 {
  width: 50%;
  min-width: 50%;
}
@media only screen and (max-width: 1080px) {
  .col6 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col6 {
  margin-top: 50%;
}
.marg-bottom-col6 {
  margin-bottom: 50%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col6 {
    margin-left: 50%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col6 {
    margin-right: 50%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col6 {
    margin-left: 50%;
    margin-right: 50%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col6 {
    margin-top: 50%;
    margin-bottom: 50%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col6 {
  padding-top: 50%;
}
.pad-bottom-col6 {
  padding-bottom: 50%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col6 {
    padding-left: 50%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col6 {
    padding-right: 50%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col6 {
    padding-left: 50%;
    padding-right: 50%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col6 {
    padding-top: 50%;
    padding-bottom: 50%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col6 {
    left: 50%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col6 {
    right: 50%;
  }
}

.col7 {
  width: 58.3333333333%;
  min-width: 58.3333333333%;
}
@media only screen and (max-width: 1080px) {
  .col7 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col7 {
  margin-top: 58.3333333333%;
}
.marg-bottom-col7 {
  margin-bottom: 58.3333333333%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col7 {
    margin-left: 58.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col7 {
    margin-right: 58.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col7 {
    margin-left: 58.3333333333%;
    margin-right: 58.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col7 {
    margin-top: 58.3333333333%;
    margin-bottom: 58.3333333333%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col7 {
  padding-top: 58.3333333333%;
}
.pad-bottom-col7 {
  padding-bottom: 58.3333333333%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col7 {
    padding-left: 58.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col7 {
    padding-right: 58.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col7 {
    padding-left: 58.3333333333%;
    padding-right: 58.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col7 {
    padding-top: 58.3333333333%;
    padding-bottom: 58.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col7 {
    left: 58.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col7 {
    right: 58.3333333333%;
  }
}

.col8 {
  width: 66.6666666667%;
  min-width: 66.6666666667%;
}
@media only screen and (max-width: 1080px) {
  .col8 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col8 {
  margin-top: 66.6666666667%;
}
.marg-bottom-col8 {
  margin-bottom: 66.6666666667%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col8 {
    margin-left: 66.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col8 {
    margin-right: 66.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col8 {
    margin-left: 66.6666666667%;
    margin-right: 66.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col8 {
    margin-top: 66.6666666667%;
    margin-bottom: 66.6666666667%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col8 {
  padding-top: 66.6666666667%;
}
.pad-bottom-col8 {
  padding-bottom: 66.6666666667%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col8 {
    padding-left: 66.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col8 {
    padding-right: 66.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col8 {
    padding-left: 66.6666666667%;
    padding-right: 66.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col8 {
    padding-top: 66.6666666667%;
    padding-bottom: 66.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col8 {
    left: 66.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col8 {
    right: 66.6666666667%;
  }
}

.col9 {
  width: 75%;
  min-width: 75%;
}
@media only screen and (max-width: 1080px) {
  .col9 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col9 {
  margin-top: 75%;
}
.marg-bottom-col9 {
  margin-bottom: 75%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col9 {
    margin-left: 75%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col9 {
    margin-right: 75%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col9 {
    margin-left: 75%;
    margin-right: 75%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col9 {
    margin-top: 75%;
    margin-bottom: 75%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col9 {
  padding-top: 75%;
}
.pad-bottom-col9 {
  padding-bottom: 75%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col9 {
    padding-left: 75%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col9 {
    padding-right: 75%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col9 {
    padding-left: 75%;
    padding-right: 75%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col9 {
    padding-top: 75%;
    padding-bottom: 75%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col9 {
    left: 75%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col9 {
    right: 75%;
  }
}

.col10 {
  width: 83.3333333333%;
  min-width: 83.3333333333%;
}
@media only screen and (max-width: 1080px) {
  .col10 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col10 {
  margin-top: 83.3333333333%;
}
.marg-bottom-col10 {
  margin-bottom: 83.3333333333%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col10 {
    margin-left: 83.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col10 {
    margin-right: 83.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col10 {
    margin-left: 83.3333333333%;
    margin-right: 83.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col10 {
    margin-top: 83.3333333333%;
    margin-bottom: 83.3333333333%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col10 {
  padding-top: 83.3333333333%;
}
.pad-bottom-col10 {
  padding-bottom: 83.3333333333%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col10 {
    padding-left: 83.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col10 {
    padding-right: 83.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col10 {
    padding-left: 83.3333333333%;
    padding-right: 83.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col10 {
    padding-top: 83.3333333333%;
    padding-bottom: 83.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col10 {
    left: 83.3333333333%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col10 {
    right: 83.3333333333%;
  }
}

.col11 {
  width: 91.6666666667%;
  min-width: 91.6666666667%;
}
@media only screen and (max-width: 1080px) {
  .col11 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col11 {
  margin-top: 91.6666666667%;
}
.marg-bottom-col11 {
  margin-bottom: 91.6666666667%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col11 {
    margin-left: 91.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col11 {
    margin-right: 91.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col11 {
    margin-left: 91.6666666667%;
    margin-right: 91.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col11 {
    margin-top: 91.6666666667%;
    margin-bottom: 91.6666666667%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col11 {
  padding-top: 91.6666666667%;
}
.pad-bottom-col11 {
  padding-bottom: 91.6666666667%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col11 {
    padding-left: 91.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col11 {
    padding-right: 91.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col11 {
    padding-left: 91.6666666667%;
    padding-right: 91.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col11 {
    padding-top: 91.6666666667%;
    padding-bottom: 91.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col11 {
    left: 91.6666666667%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col11 {
    right: 91.6666666667%;
  }
}

.col12 {
  width: 100%;
  min-width: 100%;
}
@media only screen and (max-width: 1080px) {
  .col12 {
    width: 100%;
    min-width: 100%;
  }
}

.marg-top-col12 {
  margin-top: 100%;
}
.marg-bottom-col12 {
  margin-bottom: 100%;
}
@media only screen and (min-width: 1080px) {
  .marg-left-col12 {
    margin-left: 100%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-right-col12 {
    margin-right: 100%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-horizontal-col12 {
    margin-left: 100%;
    margin-right: 100%;
  }
}

@media only screen and (min-width: 1080px) {
  .marg-vertical-col12 {
    margin-top: 100%;
    margin-bottom: 100%;
  }
}

.marg-right-auto {
  margin-right: auto;
}

.marg-left-auto {
  margin-left: auto;
}

.marg-horizontal-auto {
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1080px) {
  .marg-right-auto-mobile {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-left-auto-mobile {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1080px) {
  .marg-horizontal-auto-mobile {
    margin-right: auto;
    margin-left: auto;
  }
}

.pad-top-col12 {
  padding-top: 100%;
}
.pad-bottom-col12 {
  padding-bottom: 100%;
}
@media only screen and (min-width: 1080px) {
  .pad-left-col12 {
    padding-left: 100%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-right-col12 {
    padding-right: 100%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-horizontal-col12 {
    padding-left: 100%;
    padding-right: 100%;
  }
}

@media only screen and (min-width: 1080px) {
  .pad-vertical-col12 {
    padding-top: 100%;
    padding-bottom: 100%;
  }
}

@media only screen and (min-width: 1080px) {
  .left-col12 {
    left: 100%;
  }
}

@media only screen and (min-width: 1080px) {
  .right-col12 {
    right: 100%;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count1 {
    column-count: 1;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count2 {
    column-count: 2;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count3 {
    column-count: 3;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count4 {
    column-count: 4;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count5 {
    column-count: 5;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count6 {
    column-count: 6;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count7 {
    column-count: 7;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count8 {
    column-count: 8;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count9 {
    column-count: 9;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count10 {
    column-count: 10;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count11 {
    column-count: 11;
    column-gap: 40px;
  }
}

@media only screen and (max-width: 1080px) {
  .col-count12 {
    column-count: 12;
    column-gap: 40px;
  }
}

@media only screen and (max-width: xxs) {
  .col1-xxs {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media only screen and (max-width: xxs) {
  .col2-xxs {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media only screen and (max-width: xxs) {
  .col3-xxs {
    width: 25%;
    min-width: 25%;
  }
}

@media only screen and (max-width: xxs) {
  .col4-xxs {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media only screen and (max-width: xxs) {
  .col5-xxs {
    width: 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media only screen and (max-width: xxs) {
  .col6-xxs {
    width: 50%;
    min-width: 50%;
  }
}

@media only screen and (max-width: xxs) {
  .col7-xxs {
    width: 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media only screen and (max-width: xxs) {
  .col8-xxs {
    width: 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media only screen and (max-width: xxs) {
  .col9-xxs {
    width: 75%;
    min-width: 75%;
  }
}

@media only screen and (max-width: xxs) {
  .col10-xxs {
    width: 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media only screen and (max-width: xxs) {
  .col11-xxs {
    width: 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media only screen and (max-width: xxs) {
  .col12-xxs {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: xs) {
  .col1-xs {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media only screen and (max-width: xs) {
  .col2-xs {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media only screen and (max-width: xs) {
  .col3-xs {
    width: 25%;
    min-width: 25%;
  }
}

@media only screen and (max-width: xs) {
  .col4-xs {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media only screen and (max-width: xs) {
  .col5-xs {
    width: 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media only screen and (max-width: xs) {
  .col6-xs {
    width: 50%;
    min-width: 50%;
  }
}

@media only screen and (max-width: xs) {
  .col7-xs {
    width: 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media only screen and (max-width: xs) {
  .col8-xs {
    width: 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media only screen and (max-width: xs) {
  .col9-xs {
    width: 75%;
    min-width: 75%;
  }
}

@media only screen and (max-width: xs) {
  .col10-xs {
    width: 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media only screen and (max-width: xs) {
  .col11-xs {
    width: 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media only screen and (max-width: xs) {
  .col12-xs {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: s) {
  .col1-s {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media only screen and (max-width: s) {
  .col2-s {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media only screen and (max-width: s) {
  .col3-s {
    width: 25%;
    min-width: 25%;
  }
}

@media only screen and (max-width: s) {
  .col4-s {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media only screen and (max-width: s) {
  .col5-s {
    width: 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media only screen and (max-width: s) {
  .col6-s {
    width: 50%;
    min-width: 50%;
  }
}

@media only screen and (max-width: s) {
  .col7-s {
    width: 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media only screen and (max-width: s) {
  .col8-s {
    width: 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media only screen and (max-width: s) {
  .col9-s {
    width: 75%;
    min-width: 75%;
  }
}

@media only screen and (max-width: s) {
  .col10-s {
    width: 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media only screen and (max-width: s) {
  .col11-s {
    width: 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media only screen and (max-width: s) {
  .col12-s {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: m) {
  .col1-m {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media only screen and (max-width: m) {
  .col2-m {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media only screen and (max-width: m) {
  .col3-m {
    width: 25%;
    min-width: 25%;
  }
}

@media only screen and (max-width: m) {
  .col4-m {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media only screen and (max-width: m) {
  .col5-m {
    width: 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media only screen and (max-width: m) {
  .col6-m {
    width: 50%;
    min-width: 50%;
  }
}

@media only screen and (max-width: m) {
  .col7-m {
    width: 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media only screen and (max-width: m) {
  .col8-m {
    width: 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media only screen and (max-width: m) {
  .col9-m {
    width: 75%;
    min-width: 75%;
  }
}

@media only screen and (max-width: m) {
  .col10-m {
    width: 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media only screen and (max-width: m) {
  .col11-m {
    width: 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media only screen and (max-width: m) {
  .col12-m {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: l) {
  .col1-l {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media only screen and (max-width: l) {
  .col2-l {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media only screen and (max-width: l) {
  .col3-l {
    width: 25%;
    min-width: 25%;
  }
}

@media only screen and (max-width: l) {
  .col4-l {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media only screen and (max-width: l) {
  .col5-l {
    width: 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media only screen and (max-width: l) {
  .col6-l {
    width: 50%;
    min-width: 50%;
  }
}

@media only screen and (max-width: l) {
  .col7-l {
    width: 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media only screen and (max-width: l) {
  .col8-l {
    width: 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media only screen and (max-width: l) {
  .col9-l {
    width: 75%;
    min-width: 75%;
  }
}

@media only screen and (max-width: l) {
  .col10-l {
    width: 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media only screen and (max-width: l) {
  .col11-l {
    width: 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media only screen and (max-width: l) {
  .col12-l {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: xl) {
  .col1-xl {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media only screen and (max-width: xl) {
  .col2-xl {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media only screen and (max-width: xl) {
  .col3-xl {
    width: 25%;
    min-width: 25%;
  }
}

@media only screen and (max-width: xl) {
  .col4-xl {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media only screen and (max-width: xl) {
  .col5-xl {
    width: 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media only screen and (max-width: xl) {
  .col6-xl {
    width: 50%;
    min-width: 50%;
  }
}

@media only screen and (max-width: xl) {
  .col7-xl {
    width: 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media only screen and (max-width: xl) {
  .col8-xl {
    width: 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media only screen and (max-width: xl) {
  .col9-xl {
    width: 75%;
    min-width: 75%;
  }
}

@media only screen and (max-width: xl) {
  .col10-xl {
    width: 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media only screen and (max-width: xl) {
  .col11-xl {
    width: 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media only screen and (max-width: xl) {
  .col12-xl {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: xxl) {
  .col1-xxl {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media only screen and (max-width: xxl) {
  .col2-xxl {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media only screen and (max-width: xxl) {
  .col3-xxl {
    width: 25%;
    min-width: 25%;
  }
}

@media only screen and (max-width: xxl) {
  .col4-xxl {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media only screen and (max-width: xxl) {
  .col5-xxl {
    width: 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media only screen and (max-width: xxl) {
  .col6-xxl {
    width: 50%;
    min-width: 50%;
  }
}

@media only screen and (max-width: xxl) {
  .col7-xxl {
    width: 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media only screen and (max-width: xxl) {
  .col8-xxl {
    width: 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media only screen and (max-width: xxl) {
  .col9-xxl {
    width: 75%;
    min-width: 75%;
  }
}

@media only screen and (max-width: xxl) {
  .col10-xxl {
    width: 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media only screen and (max-width: xxl) {
  .col11-xxl {
    width: 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media only screen and (max-width: xxl) {
  .col12-xxl {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (max-width: xxxl) {
  .col1-xxxl {
    width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media only screen and (max-width: xxxl) {
  .col2-xxxl {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media only screen and (max-width: xxxl) {
  .col3-xxxl {
    width: 25%;
    min-width: 25%;
  }
}

@media only screen and (max-width: xxxl) {
  .col4-xxxl {
    width: 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media only screen and (max-width: xxxl) {
  .col5-xxxl {
    width: 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media only screen and (max-width: xxxl) {
  .col6-xxxl {
    width: 50%;
    min-width: 50%;
  }
}

@media only screen and (max-width: xxxl) {
  .col7-xxxl {
    width: 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media only screen and (max-width: xxxl) {
  .col8-xxxl {
    width: 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media only screen and (max-width: xxxl) {
  .col9-xxxl {
    width: 75%;
    min-width: 75%;
  }
}

@media only screen and (max-width: xxxl) {
  .col10-xxxl {
    width: 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media only screen and (max-width: xxxl) {
  .col11-xxxl {
    width: 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media only screen and (max-width: xxxl) {
  .col12-xxxl {
    width: 100%;
    min-width: 100%;
  }
}

.pad-no {
  padding: 0px;
}
@media only screen and (max-width: 1080px) {
  .pad-no {
    padding: 0px;
  }
}

.pad-top-no {
  padding-top: 0px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-no {
    padding-top: 0px;
  }
}

.pad-right-no {
  padding-right: 0px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-no {
    padding-right: 0px;
  }
}

.pad-bottom-no {
  padding-bottom: 0px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-no {
    padding-bottom: 0px;
  }
}

.pad-left-no {
  padding-left: 0px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-no {
    padding-left: 0px;
  }
}

.pad-horizontal-no {
  padding-right: 0px;
  padding-left: 0px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-no {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.pad-vertical-no {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-no {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.marg-no {
  margin: 0px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-no {
    margin: 0px !important;
  }
}

.marg-top-no {
  margin-top: 0px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-no {
    margin-top: 0px;
  }
}

.marg-right-no {
  margin-right: 0px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-no {
    margin-right: 0px;
  }
}

.marg-bottom-no {
  margin-bottom: 0px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-no {
    margin-bottom: 0px;
  }
}

.marg-left-no {
  margin-left: 0px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-no {
    margin-left: 0px;
  }
}

.marg-horizontal-no {
  margin-right: 0px;
  margin-left: 0px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-no {
    margin-right: 0px;
    margin-left: 0px;
  }
}

.marg-vertical-no {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-no {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.pull-no {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-no {
    margin: -0px;
  }
}

.pull-top-no {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-no {
    margin-top: -0px;
  }
}

.pull-right-no {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-no {
    margin-right: -0px;
  }
}

.pull-bottom-no {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-no {
    margin-bottom: -0px;
  }
}

.pull-left-no {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-no {
    margin-left: -0px;
  }
}

.pad-base {
  padding: 20px;
}
@media only screen and (max-width: 1080px) {
  .pad-base {
    padding: 10px;
  }
}

.pad-top-base {
  padding-top: 20px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-base {
    padding-top: 10px;
  }
}

.pad-right-base {
  padding-right: 20px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-base {
    padding-right: 10px;
  }
}

.pad-bottom-base {
  padding-bottom: 20px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-base {
    padding-bottom: 10px;
  }
}

.pad-left-base {
  padding-left: 20px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-base {
    padding-left: 10px;
  }
}

.pad-horizontal-base {
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-base {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.pad-vertical-base {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-base {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.marg-base {
  margin: 20px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-base {
    margin: 10px !important;
  }
}

.marg-top-base {
  margin-top: 20px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-base {
    margin-top: 10px;
  }
}

.marg-right-base {
  margin-right: 20px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-base {
    margin-right: 10px;
  }
}

.marg-bottom-base {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-base {
    margin-bottom: 10px;
  }
}

.marg-left-base {
  margin-left: 20px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-base {
    margin-left: 10px;
  }
}

.marg-horizontal-base {
  margin-right: 20px;
  margin-left: 20px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-base {
    margin-right: 10px;
    margin-left: 10px;
  }
}

.marg-vertical-base {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-base {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.pull-base {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-base {
    margin: -20px;
  }
}

.pull-top-base {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-base {
    margin-top: -20px;
  }
}

.pull-right-base {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-base {
    margin-right: -20px;
  }
}

.pull-bottom-base {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-base {
    margin-bottom: -20px;
  }
}

.pull-left-base {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-base {
    margin-left: -20px;
  }
}

.pad-xxs {
  padding: 10px;
}
@media only screen and (max-width: 1080px) {
  .pad-xxs {
    padding: 5px;
  }
}

.pad-top-xxs {
  padding-top: 10px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-xxs {
    padding-top: 5px;
  }
}

.pad-right-xxs {
  padding-right: 10px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-xxs {
    padding-right: 5px;
  }
}

.pad-bottom-xxs {
  padding-bottom: 10px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-xxs {
    padding-bottom: 5px;
  }
}

.pad-left-xxs {
  padding-left: 10px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-xxs {
    padding-left: 5px;
  }
}

.pad-horizontal-xxs {
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-xxs {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.pad-vertical-xxs {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.marg-xxs {
  margin: 10px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-xxs {
    margin: 5px !important;
  }
}

.marg-top-xxs {
  margin-top: 10px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-xxs {
    margin-top: 5px;
  }
}

.marg-right-xxs {
  margin-right: 10px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-xxs {
    margin-right: 5px;
  }
}

.marg-bottom-xxs {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-xxs {
    margin-bottom: 5px;
  }
}

.marg-left-xxs {
  margin-left: 10px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-xxs {
    margin-left: 5px;
  }
}

.marg-horizontal-xxs {
  margin-right: 10px;
  margin-left: 10px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-xxs {
    margin-right: 5px;
    margin-left: 5px;
  }
}

.marg-vertical-xxs {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-xxs {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.pull-xxs {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-xxs {
    margin: -10px;
  }
}

.pull-top-xxs {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-xxs {
    margin-top: -10px;
  }
}

.pull-right-xxs {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-xxs {
    margin-right: -10px;
  }
}

.pull-bottom-xxs {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-xxs {
    margin-bottom: -10px;
  }
}

.pull-left-xxs {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-xxs {
    margin-left: -10px;
  }
}

.pad-xs {
  padding: 25px;
}
@media only screen and (max-width: 1080px) {
  .pad-xs {
    padding: 12.5px;
  }
}

.pad-top-xs {
  padding-top: 25px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-xs {
    padding-top: 12.5px;
  }
}

.pad-right-xs {
  padding-right: 25px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-xs {
    padding-right: 12.5px;
  }
}

.pad-bottom-xs {
  padding-bottom: 25px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-xs {
    padding-bottom: 12.5px;
  }
}

.pad-left-xs {
  padding-left: 25px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-xs {
    padding-left: 12.5px;
  }
}

.pad-horizontal-xs {
  padding-right: 25px;
  padding-left: 25px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-xs {
    padding-right: 12.5px;
    padding-left: 12.5px;
  }
}

.pad-vertical-xs {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-xs {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
  }
}

.marg-xs {
  margin: 25px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-xs {
    margin: 12.5px !important;
  }
}

.marg-top-xs {
  margin-top: 25px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-xs {
    margin-top: 12.5px;
  }
}

.marg-right-xs {
  margin-right: 25px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-xs {
    margin-right: 12.5px;
  }
}

.marg-bottom-xs {
  margin-bottom: 25px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-xs {
    margin-bottom: 12.5px;
  }
}

.marg-left-xs {
  margin-left: 25px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-xs {
    margin-left: 12.5px;
  }
}

.marg-horizontal-xs {
  margin-right: 25px;
  margin-left: 25px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-xs {
    margin-right: 12.5px;
    margin-left: 12.5px;
  }
}

.marg-vertical-xs {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-xs {
    margin-top: 12.5px;
    margin-bottom: 12.5px;
  }
}

.pull-xs {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-xs {
    margin: -25px;
  }
}

.pull-top-xs {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-xs {
    margin-top: -25px;
  }
}

.pull-right-xs {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-xs {
    margin-right: -25px;
  }
}

.pull-bottom-xs {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-xs {
    margin-bottom: -25px;
  }
}

.pull-left-xs {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-xs {
    margin-left: -25px;
  }
}

.pad-s {
  padding: 40px;
}
@media only screen and (max-width: 1080px) {
  .pad-s {
    padding: 20px;
  }
}

.pad-top-s {
  padding-top: 40px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-s {
    padding-top: 20px;
  }
}

.pad-right-s {
  padding-right: 40px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-s {
    padding-right: 20px;
  }
}

.pad-bottom-s {
  padding-bottom: 40px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-s {
    padding-bottom: 20px;
  }
}

.pad-left-s {
  padding-left: 40px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-s {
    padding-left: 20px;
  }
}

.pad-horizontal-s {
  padding-right: 40px;
  padding-left: 40px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-s {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.pad-vertical-s {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-s {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.marg-s {
  margin: 40px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-s {
    margin: 20px !important;
  }
}

.marg-top-s {
  margin-top: 40px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-s {
    margin-top: 20px;
  }
}

.marg-right-s {
  margin-right: 40px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-s {
    margin-right: 20px;
  }
}

.marg-bottom-s {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-s {
    margin-bottom: 20px;
  }
}

.marg-left-s {
  margin-left: 40px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-s {
    margin-left: 20px;
  }
}

.marg-horizontal-s {
  margin-right: 40px;
  margin-left: 40px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-s {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.marg-vertical-s {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-s {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.pull-s {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-s {
    margin: -40px;
  }
}

.pull-top-s {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-s {
    margin-top: -40px;
  }
}

.pull-right-s {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-s {
    margin-right: -40px;
  }
}

.pull-bottom-s {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-s {
    margin-bottom: -40px;
  }
}

.pull-left-s {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-s {
    margin-left: -40px;
  }
}

.pad-m {
  padding: 60px;
}
@media only screen and (max-width: 1080px) {
  .pad-m {
    padding: 30px;
  }
}

.pad-top-m {
  padding-top: 60px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-m {
    padding-top: 30px;
  }
}

.pad-right-m {
  padding-right: 60px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-m {
    padding-right: 30px;
  }
}

.pad-bottom-m {
  padding-bottom: 60px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-m {
    padding-bottom: 30px;
  }
}

.pad-left-m {
  padding-left: 60px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-m {
    padding-left: 30px;
  }
}

.pad-horizontal-m {
  padding-right: 60px;
  padding-left: 60px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-m {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.pad-vertical-m {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-m {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.marg-m {
  margin: 60px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-m {
    margin: 30px !important;
  }
}

.marg-top-m {
  margin-top: 60px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-m {
    margin-top: 30px;
  }
}

.marg-right-m {
  margin-right: 60px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-m {
    margin-right: 30px;
  }
}

.marg-bottom-m {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-m {
    margin-bottom: 30px;
  }
}

.marg-left-m {
  margin-left: 60px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-m {
    margin-left: 30px;
  }
}

.marg-horizontal-m {
  margin-right: 60px;
  margin-left: 60px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-m {
    margin-right: 30px;
    margin-left: 30px;
  }
}

.marg-vertical-m {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-m {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.pull-m {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-m {
    margin: -60px;
  }
}

.pull-top-m {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-m {
    margin-top: -60px;
  }
}

.pull-right-m {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-m {
    margin-right: -60px;
  }
}

.pull-bottom-m {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-m {
    margin-bottom: -60px;
  }
}

.pull-left-m {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-m {
    margin-left: -60px;
  }
}

.pad-l {
  padding: 80px;
}
@media only screen and (max-width: 1080px) {
  .pad-l {
    padding: 40px;
  }
}

.pad-top-l {
  padding-top: 80px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-l {
    padding-top: 40px;
  }
}

.pad-right-l {
  padding-right: 80px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-l {
    padding-right: 40px;
  }
}

.pad-bottom-l {
  padding-bottom: 80px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-l {
    padding-bottom: 40px;
  }
}

.pad-left-l {
  padding-left: 80px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-l {
    padding-left: 40px;
  }
}

.pad-horizontal-l {
  padding-right: 80px;
  padding-left: 80px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-l {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.pad-vertical-l {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-l {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.marg-l {
  margin: 80px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-l {
    margin: 40px !important;
  }
}

.marg-top-l {
  margin-top: 80px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-l {
    margin-top: 40px;
  }
}

.marg-right-l {
  margin-right: 80px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-l {
    margin-right: 40px;
  }
}

.marg-bottom-l {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-l {
    margin-bottom: 40px;
  }
}

.marg-left-l {
  margin-left: 80px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-l {
    margin-left: 40px;
  }
}

.marg-horizontal-l {
  margin-right: 80px;
  margin-left: 80px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-l {
    margin-right: 40px;
    margin-left: 40px;
  }
}

.marg-vertical-l {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-l {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.pull-l {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-l {
    margin: -80px;
  }
}

.pull-top-l {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-l {
    margin-top: -80px;
  }
}

.pull-right-l {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-l {
    margin-right: -80px;
  }
}

.pull-bottom-l {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-l {
    margin-bottom: -80px;
  }
}

.pull-left-l {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-l {
    margin-left: -80px;
  }
}

.pad-xl {
  padding: 100px;
}
@media only screen and (max-width: 1080px) {
  .pad-xl {
    padding: 50px;
  }
}

.pad-top-xl {
  padding-top: 100px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-xl {
    padding-top: 50px;
  }
}

.pad-right-xl {
  padding-right: 100px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-xl {
    padding-right: 50px;
  }
}

.pad-bottom-xl {
  padding-bottom: 100px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-xl {
    padding-bottom: 50px;
  }
}

.pad-left-xl {
  padding-left: 100px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-xl {
    padding-left: 50px;
  }
}

.pad-horizontal-xl {
  padding-right: 100px;
  padding-left: 100px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-xl {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.pad-vertical-xl {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-xl {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.marg-xl {
  margin: 100px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-xl {
    margin: 50px !important;
  }
}

.marg-top-xl {
  margin-top: 100px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-xl {
    margin-top: 50px;
  }
}

.marg-right-xl {
  margin-right: 100px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-xl {
    margin-right: 50px;
  }
}

.marg-bottom-xl {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-xl {
    margin-bottom: 50px;
  }
}

.marg-left-xl {
  margin-left: 100px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-xl {
    margin-left: 50px;
  }
}

.marg-horizontal-xl {
  margin-right: 100px;
  margin-left: 100px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-xl {
    margin-right: 50px;
    margin-left: 50px;
  }
}

.marg-vertical-xl {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-xl {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.pull-xl {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-xl {
    margin: -100px;
  }
}

.pull-top-xl {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-xl {
    margin-top: -100px;
  }
}

.pull-right-xl {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-xl {
    margin-right: -100px;
  }
}

.pull-bottom-xl {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-xl {
    margin-bottom: -100px;
  }
}

.pull-left-xl {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-xl {
    margin-left: -100px;
  }
}

.pad-xxl {
  padding: 120px;
}
@media only screen and (max-width: 1080px) {
  .pad-xxl {
    padding: 60px;
  }
}

.pad-top-xxl {
  padding-top: 120px;
}
@media only screen and (max-width: 1080px) {
  .pad-top-xxl {
    padding-top: 60px;
  }
}

.pad-right-xxl {
  padding-right: 120px;
}
@media only screen and (max-width: 1080px) {
  .pad-right-xxl {
    padding-right: 60px;
  }
}

.pad-bottom-xxl {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1080px) {
  .pad-bottom-xxl {
    padding-bottom: 60px;
  }
}

.pad-left-xxl {
  padding-left: 120px;
}
@media only screen and (max-width: 1080px) {
  .pad-left-xxl {
    padding-left: 60px;
  }
}

.pad-horizontal-xxl {
  padding-right: 120px;
  padding-left: 120px;
}
@media only screen and (max-width: 1080px) {
  .pad-horizontal-xxl {
    padding-right: 60px;
    padding-left: 60px;
  }
}

.pad-vertical-xxl {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1080px) {
  .pad-vertical-xxl {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.marg-xxl {
  margin: 120px !important;
}
@media only screen and (max-width: 1080px) {
  .marg-xxl {
    margin: 60px !important;
  }
}

.marg-top-xxl {
  margin-top: 120px;
}
@media only screen and (max-width: 1080px) {
  .marg-top-xxl {
    margin-top: 60px;
  }
}

.marg-right-xxl {
  margin-right: 120px;
}
@media only screen and (max-width: 1080px) {
  .marg-right-xxl {
    margin-right: 60px;
  }
}

.marg-bottom-xxl {
  margin-bottom: 120px;
}
@media only screen and (max-width: 1080px) {
  .marg-bottom-xxl {
    margin-bottom: 60px;
  }
}

.marg-left-xxl {
  margin-left: 120px;
}
@media only screen and (max-width: 1080px) {
  .marg-left-xxl {
    margin-left: 60px;
  }
}

.marg-horizontal-xxl {
  margin-right: 120px;
  margin-left: 120px;
}
@media only screen and (max-width: 1080px) {
  .marg-horizontal-xxl {
    margin-right: 60px;
    margin-left: 60px;
  }
}

.marg-vertical-xxl {
  margin-top: 120px;
  margin-bottom: 120px;
}
@media only screen and (max-width: 1080px) {
  .marg-vertical-xxl {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.pull-xxl {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-xxl {
    margin: -120px;
  }
}

.pull-top-xxl {
  margin-top: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-top-xxl {
    margin-top: -120px;
  }
}

.pull-right-xxl {
  margin-right: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-right-xxl {
    margin-right: -120px;
  }
}

.pull-bottom-xxl {
  margin-bottom: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-bottom-xxl {
    margin-bottom: -120px;
  }
}

.pull-left-xxl {
  margin-left: 0;
}
@media only screen and (min-width: 1080px) {
  .pull-left-xxl {
    margin-left: -120px;
  }
}

@media only screen and (max-width: 1480px) {
  .pad-top-no-tablet {
    padding-top: 0;
  }
  .pad-right-no-tablet {
    padding-right: 0;
  }
  .pad-bottom-no-tablet {
    padding-bottom: 0;
  }
  .pad-left-no-tablet {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1080px) {
  .pad-top-no-mobile {
    padding-top: 0;
  }
  .pad-right-no-mobile {
    padding-right: 0;
  }
  .pad-bottom-no-mobile {
    padding-bottom: 0;
  }
  .pad-left-no-mobile {
    padding-left: 0;
  }
}
.marg-top-no {
  margin-top: 0;
}
.marg-right-no {
  margin-right: 0;
}
.marg-bottom-no {
  margin-bottom: 0;
}
.marg-left-no {
  margin-left: 0;
}

@media only screen and (max-width: 1480px) {
  .marg-top-no-tablet {
    margin-top: 0;
  }
  .marg-right-no-tablet {
    margin-right: 0;
  }
  .marg-bottom-no-tablet {
    margin-bottom: 0;
  }
  .marg-left-no-tablet {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1080px) {
  .marg-top-no-mobile {
    margin-top: 0;
  }
  .marg-right-no-mobile {
    margin-right: 0;
  }
  .marg-bottom-no-mobile {
    margin-bottom: 0;
  }
  .marg-left-no-mobile {
    margin-left: 0;
  }
}
.display-none {
  display: none !important;
}

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

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

.icon-briefcase:before, .kis--type--icon--500:before {
  content: "\e902";
}

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

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

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

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

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

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

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

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

.icon-arrow-down-circle:before {
  content: "\e90b";
}

.icon-arrow-down-left:before {
  content: "\e90c";
}

.icon-arrow-down-right:before {
  content: "\e90d";
}

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

.icon-arrow-left-circle:before {
  content: "\e90f";
}

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

.icon-arrow-right-circle:before {
  content: "\e911";
}

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

.icon-arrow-up-circle:before {
  content: "\e913";
}

.icon-arrow-up-left:before {
  content: "\e914";
}

.icon-arrow-up-right:before {
  content: "\e915";
}

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

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

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

.icon-bar-chart-2:before {
  content: "\e919";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-corner-down-left:before {
  content: "\e935";
}

.icon-corner-down-right:before {
  content: "\e936";
}

.icon-corner-left-down:before {
  content: "\e937";
}

.icon-corner-left-up:before {
  content: "\e938";
}

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

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

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

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

.icon-check:before {
  content: "\e93d";
}

.icon-check-circle:before, .documents--view .nav .btn-icon.active:before {
  content: "\e93e";
}

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

.icon-chevron-down:before {
  content: "\e940";
}

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

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

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

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

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

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

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

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

.icon-circle:before, .documents--view .nav .btn-icon:before {
  content: "\e949";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-crosshair:before {
  content: "\e957";
}

.icon-database:before {
  content: "\e958";
}

.icon-delete:before {
  content: "\e959";
}

.icon-disc:before {
  content: "\e95a";
}

.icon-divide:before {
  content: "\e95b";
}

.icon-divide-circle:before {
  content: "\e95c";
}

.icon-divide-square:before {
  content: "\e95d";
}

.icon-dollar-sign:before {
  content: "\e95e";
}

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

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

.icon-dribbble:before {
  content: "\e961";
}

.icon-droplet:before {
  content: "\e962";
}

.icon-edit:before, .kis--type--icon--300:before {
  content: "\e963";
}

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

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

.icon-external-link:before {
  content: "\e966";
}

.icon-eye:before {
  content: "\e967";
}

.icon-eye-off:before {
  content: "\e968";
}

.icon-facebook:before {
  content: "\e969";
}

.icon-fast-forward:before {
  content: "\e96a";
}

.icon-feather:before {
  content: "\e96b";
}

.icon-figma:before {
  content: "\e96c";
}

.icon-file:before {
  content: "\e96d";
}

.icon-file-minus:before {
  content: "\e96e";
}

.icon-file-plus:before {
  content: "\e96f";
}

.icon-corner-right-down:before {
  content: "\e970";
}

.icon-corner-right-up:before {
  content: "\e971";
}

.icon-corner-up-left:before {
  content: "\e972";
}

.icon-corner-up-right:before {
  content: "\e973";
}

.icon-heart:before {
  content: "\e974";
}

.icon-help-circle:before, .kis--type--icon--100:before {
  content: "\e975";
}

.icon-hexagon:before {
  content: "\e976";
}

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

.icon-image:before {
  content: "\e978";
}

.icon-inbox:before {
  content: "\e979";
}

.icon-info:before {
  content: "\e97a";
}

.icon-instagram:before {
  content: "\e97b";
}

.icon-italic:before {
  content: "\e97c";
}

.icon-key:before {
  content: "\e97d";
}

.icon-layers:before {
  content: "\e97e";
}

.icon-layout:before {
  content: "\e97f";
}

.icon-life-buoy:before {
  content: "\e980";
}

.icon-link:before {
  content: "\e981";
}

.icon-link-2:before {
  content: "\e982";
}

.icon-linkedin:before {
  content: "\e983";
}

.icon-list:before {
  content: "\e984";
}

.icon-loader:before {
  content: "\e985";
}

.icon-lock:before {
  content: "\e986";
}

.icon-log-in:before {
  content: "\e987";
}

.icon-log-out:before {
  content: "\e988";
}

.icon-mail:before {
  content: "\e989";
}

.icon-map:before {
  content: "\e98a";
}

.icon-map-pin:before {
  content: "\e98b";
}

.icon-frown:before {
  content: "\e98c";
}

.icon-gift:before {
  content: "\e98d";
}

.icon-git-branch:before {
  content: "\e98e";
}

.icon-git-commit:before {
  content: "\e98f";
}

.icon-github:before {
  content: "\e990";
}

.icon-gitlab:before {
  content: "\e991";
}

.icon-git-merge:before {
  content: "\e992";
}

.icon-git-pull-request:before {
  content: "\e993";
}

.icon-globe:before {
  content: "\e994";
}

.icon-grid:before {
  content: "\e995";
}

.icon-hard-drive:before {
  content: "\e996";
}

.icon-hash:before {
  content: "\e997";
}

.icon-headphones:before {
  content: "\e998";
}

.icon-octagon:before {
  content: "\e999";
}

.icon-package:before {
  content: "\e99a";
}

.icon-paperclip:before {
  content: "\e99b";
}

.icon-pause:before {
  content: "\e99c";
}

.icon-pause-circle:before {
  content: "\e99d";
}

.icon-pen-tool:before {
  content: "\e99e";
}

.icon-percent:before {
  content: "\e99f";
}

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

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

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

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

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

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

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

.icon-pie-chart:before {
  content: "\e9a7";
}

.icon-play:before {
  content: "\e9a8";
}

.icon-play-circle:before {
  content: "\e9a9";
}

.icon-maximize:before {
  content: "\e9aa";
}

.icon-maximize-2:before {
  content: "\e9ab";
}

.icon-meh:before {
  content: "\e9ac";
}

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

.icon-message-circle:before {
  content: "\e9ae";
}

.icon-message-square:before, .kis--type--icon--990:before {
  content: "\e9af";
}

.icon-mic:before {
  content: "\e9b0";
}

.icon-mic-off:before {
  content: "\e9b1";
}

.icon-minimize:before {
  content: "\e9b2";
}

.icon-minimize-2:before {
  content: "\e9b3";
}

.icon-minus:before {
  content: "\e9b4";
}

.icon-minus-circle:before {
  content: "\e9b5";
}

.icon-minus-square:before {
  content: "\e9b6";
}

.icon-monitor:before {
  content: "\e9b7";
}

.icon-moon:before {
  content: "\e9b8";
}

.icon-more-horizontal:before {
  content: "\e9b9";
}

.icon-more-vertical:before {
  content: "\e9ba";
}

.icon-mouse-pointer:before {
  content: "\e9bb";
}

.icon-move:before {
  content: "\e9bc";
}

.icon-music:before {
  content: "\e9bd";
}

.icon-navigation:before {
  content: "\e9be";
}

.icon-navigation-2:before {
  content: "\e9bf";
}

.icon-skip-back:before {
  content: "\e9c0";
}

.icon-skip-forward:before {
  content: "\e9c1";
}

.icon-slack:before {
  content: "\e9c2";
}

.icon-slash:before {
  content: "\e9c3";
}

.icon-sliders:before {
  content: "\e9c4";
}

.icon-smartphone:before {
  content: "\e9c5";
}

.icon-smile:before {
  content: "\e9c6";
}

.icon-speaker:before {
  content: "\e9c7";
}

.icon-plus:before {
  content: "\e9c8";
}

.icon-plus-circle:before {
  content: "\e9c9";
}

.icon-plus-square:before {
  content: "\e9ca";
}

.icon-pocket:before {
  content: "\e9cb";
}

.icon-power:before {
  content: "\e9cc";
}

.icon-printer:before {
  content: "\e9cd";
}

.icon-radio:before {
  content: "\e9ce";
}

.icon-refresh-ccw:before {
  content: "\e9cf";
}

.icon-refresh-cw:before {
  content: "\e9d0";
}

.icon-repeat:before {
  content: "\e9d1";
}

.icon-rewind:before {
  content: "\e9d2";
}

.icon-rotate-ccw:before {
  content: "\e9d3";
}

.icon-rotate-cw:before {
  content: "\e9d4";
}

.icon-rss:before {
  content: "\e9d5";
}

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

.icon-scissors:before {
  content: "\e9d7";
}

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

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

.icon-server:before {
  content: "\e9da";
}

.icon-settings:before {
  content: "\e9db";
}

.icon-share:before {
  content: "\e9dc";
}

.icon-share-2:before {
  content: "\e9dd";
}

.icon-shield:before, .kis--type--icon--400:before {
  content: "\e9de";
}

.icon-shield-off:before {
  content: "\e9df";
}

.icon-shopping-bag:before {
  content: "\e9e0";
}

.icon-shopping-cart:before {
  content: "\e9e1";
}

.icon-shuffle:before {
  content: "\e9e2";
}

.icon-sidebar:before {
  content: "\e9e3";
}

.icon-square:before {
  content: "\e9e4";
}

.icon-star:before {
  content: "\e9e5";
}

.icon-stop-circle:before {
  content: "\e9e6";
}

.icon-sun:before {
  content: "\e9e7";
}

.icon-sunrise:before {
  content: "\e9e8";
}

.icon-sunset:before {
  content: "\e9e9";
}

.icon-table:before {
  content: "\e9ea";
}

.icon-tablet:before {
  content: "\e9eb";
}

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

.icon-target:before {
  content: "\e9ed";
}

.icon-terminal:before {
  content: "\e9ee";
}

.icon-thermometer:before {
  content: "\e9ef";
}

.icon-thumbs-down:before {
  content: "\e9f0";
}

.icon-thumbs-up:before {
  content: "\e9f1";
}

.icon-toggle-left:before {
  content: "\e9f2";
}

.icon-toggle-right:before {
  content: "\e9f3";
}

.icon-tool:before {
  content: "\e9f4";
}

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

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

.icon-trello:before {
  content: "\e9f7";
}

.icon-trending-down:before {
  content: "\e9f8";
}

.icon-trending-up:before {
  content: "\e9f9";
}

.icon-triangle:before {
  content: "\e9fa";
}

.icon-truck:before {
  content: "\e9fb";
}

.icon-tv:before {
  content: "\e9fc";
}

.icon-twitch:before {
  content: "\e9fd";
}

.icon-twitter:before {
  content: "\e9fe";
}

.icon-type:before {
  content: "\e9ff";
}

.icon-umbrella:before {
  content: "\ea00";
}

.icon-underline:before {
  content: "\ea01";
}

.icon-unlock:before {
  content: "\ea02";
}

.icon-upload:before {
  content: "\ea03";
}

.icon-upload-cloud:before {
  content: "\ea04";
}

.icon-user-check:before {
  content: "\ea05";
}

.icon-user-minus:before {
  content: "\ea06";
}

.icon-user:before, .kis--type--icon--200:before {
  content: "\ea07";
}

.icon-user-plus:before {
  content: "\ea08";
}

.icon-users:before {
  content: "\ea09";
}

.icon-user-x:before {
  content: "\ea0a";
}

.icon-video:before {
  content: "\ea0b";
}

.icon-video-off:before {
  content: "\ea0c";
}

.icon-voicemail:before {
  content: "\ea0d";
}

.icon-volume:before {
  content: "\ea0e";
}

.icon-volume-1:before {
  content: "\ea0f";
}

.icon-volume-2:before {
  content: "\ea10";
}

.icon-volume-x:before {
  content: "\ea11";
}

.icon-watch:before {
  content: "\ea12";
}

.icon-wifi:before {
  content: "\ea13";
}

.icon-wifi-off:before {
  content: "\ea14";
}

.icon-wind:before {
  content: "\ea15";
}

.icon-x:before {
  content: "\ea16";
}

.icon-x-circle:before {
  content: "\ea17";
}

.icon-x-octagon:before {
  content: "\ea18";
}

.icon-x-square:before {
  content: "\ea19";
}

.icon-youtube:before {
  content: "\ea1a";
}

.icon-zap:before {
  content: "\ea1b";
}

.icon-zap-off:before {
  content: "\ea1c";
}

.icon-zoom-in:before {
  content: "\ea1d";
}

.icon-zoom-out:before {
  content: "\ea1e";
}

/* ================================================
BASE - ICONS
================================================= */
@font-face {
  font-family: "Default";
  src: url(/wp-content/themes/fbapp/css/fonts//feather/feather.eot?fbwa2025);
  src: url(/wp-content/themes/fbapp/css/fonts//feather/feather.eot?fbwa2025#iefix) format("embedded-opentype"), url(/wp-content/themes/fbapp/css/fonts//feather/feather.ttf?fbwa2025) format("truetype"), url(/wp-content/themes/fbapp/css/fonts//feather/feather.woff?fbwa2025) format("woff"), url(/wp-content/themes/fbapp/css/fonts//feather/feather.svg?fbwa2025) format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-primary:after, .icon-primary:before {
  color: var(--primary);
}

.icon-secondary:after, .icon-secondary:before {
  color: var(--secondary);
}

.icon-tertiary:after, .icon-tertiary:before {
  color: var(--tertiary);
}

.icon-quaternary:after, .icon-quaternary:before {
  color: var(--quaternary);
}

.icon-quinary:after, .icon-quinary:before {
  color: var(--quinary);
}

.icon-senary:after, .icon-senary:before {
  color: var(--senary);
}

.icon-white:after, .icon-white:before {
  color: var(--white);
}

.icon-black:after, .icon-black:before {
  color: var(--black);
}

.icon-grey:after, .icon-grey:before {
  color: var(--grey);
}

.icon-dark:after, .icon-dark:before {
  color: var(--dark);
}

.icon-success:after, .icon-success:before {
  color: var(--success);
}

.icon-warning:after, .icon-warning:before {
  color: var(--warning);
}

.icon-alert:after, .icon-alert:before {
  color: var(--alert);
}

.icon-info:after, .icon-info:before {
  color: var(--info);
}

.icon-news:after, .icon-news:before {
  color: var(--news);
}

i::before, i::after, .icomoon-liga::before, .icomoon-liga::after, .icon::before, .kis--type--icon::before, .icon::after, .kis--type--icon::after {
  font-family: "Default";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-before::after {
  display: none;
}

.icon-after::before {
  display: none;
}

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

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

.icon-tools:before, .kis--type--icon--790:before {
  content: "\e906";
}

.icon-roof:before, .kis--type--icon--720:before {
  content: "\e900";
}

.icon-door:before, .kis--type--icon--730:before {
  content: "\e902";
}

.icon-radiator:before, .kis--type--icon--740:before {
  content: "\e903";
}

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

.icon-lamp:before, .kis--type--icon--725:before {
  content: "\e904";
}

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

.icon-elevator:before, .kis--type--icon--710:before {
  content: "\e908";
}

@font-face {
  font-family: "custom-icons";
  src: url("/wp-content/themes/fbapp/css/fonts/default.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
.icon-default:before, .kis--type--icon:before {
  font-family: "custom-icons";
}

/* Example usage:
<span class="icon icon-default icon-air-conditioner"></span>
*/
.flex {
  display: flex;
}
.flex--display-flex {
  display: flex;
}
@media only screen and (max-width: 1480px) {
  .flex--display-flex-tablet.flex {
    display: flex;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--display-flex-mobile.flex {
    display: flex;
  }
}
.flex--display-inline {
  display: inline-flex;
}
@media only screen and (max-width: 1480px) {
  .flex--display-inline-tablet.flex {
    display: inline-flex;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--display-inline-mobile.flex {
    display: inline-flex;
  }
}
.flex--gap-xs {
  gap: 5px;
}
@media only screen and (max-width: 1480px) {
  .flex--gap-xs-tablet.flex {
    gap: 5px;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--gap-xs-mobile.flex {
    gap: 5px;
  }
}
.flex--gap-s {
  gap: 10px;
}
@media only screen and (max-width: 1480px) {
  .flex--gap-s-tablet.flex {
    gap: 10px;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--gap-s-mobile.flex {
    gap: 10px;
  }
}
.flex--gap-m {
  gap: 25px;
}
@media only screen and (max-width: 1480px) {
  .flex--gap-m-tablet.flex {
    gap: 25px;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--gap-m-mobile.flex {
    gap: 25px;
  }
}
.flex--gap-l {
  gap: 35px;
}
@media only screen and (max-width: 1480px) {
  .flex--gap-l-tablet.flex {
    gap: 35px;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--gap-l-mobile.flex {
    gap: 35px;
  }
}
.flex--gap-xl {
  gap: 50px;
}
@media only screen and (max-width: 1480px) {
  .flex--gap-xl-tablet.flex {
    gap: 50px;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--gap-xl-mobile.flex {
    gap: 50px;
  }
}
.flex--direction-row {
  flex-direction: row;
}
@media only screen and (max-width: 1480px) {
  .flex--direction-row-tablet.flex {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--direction-row-mobile.flex {
    flex-direction: row;
  }
}
.flex--direction-row-reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1480px) {
  .flex--direction-row-reverse-tablet.flex {
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--direction-row-reverse-mobile.flex {
    flex-direction: row-reverse;
  }
}
.flex--direction-column {
  flex-direction: column;
}
@media only screen and (max-width: 1480px) {
  .flex--direction-column-tablet.flex {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--direction-column-mobile.flex {
    flex-direction: column;
  }
}
.flex--direction-column-reverse {
  flex-direction: column-reverse;
}
@media only screen and (max-width: 1480px) {
  .flex--direction-column-reverse-tablet.flex {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--direction-column-reverse-mobile.flex {
    flex-direction: column-reverse;
  }
}
.flex--wrap-wrap {
  flex-wrap: wrap;
}
@media only screen and (max-width: 1480px) {
  .flex--wrap-wrap-tablet.flex {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--wrap-wrap-mobile.flex {
    flex-wrap: wrap;
  }
}
.flex--wrap-no {
  flex-wrap: no-wrap;
}
@media only screen and (max-width: 1480px) {
  .flex--wrap-no-tablet.flex {
    flex-wrap: no-wrap;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--wrap-no-mobile.flex {
    flex-wrap: no-wrap;
  }
}
.flex--wrap-reverse {
  flex-wrap: wrap-reverse;
}
@media only screen and (max-width: 1480px) {
  .flex--wrap-reverse-tablet.flex {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--wrap-reverse-mobile.flex {
    flex-wrap: wrap-reverse;
  }
}
.flex--align-start {
  align-items: flex-start;
}
@media only screen and (max-width: 1480px) {
  .flex--align-start-tablet.flex {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--align-start-mobile.flex {
    align-items: flex-start;
  }
}
.flex--align-end {
  align-items: flex-end;
}
@media only screen and (max-width: 1480px) {
  .flex--align-end-tablet.flex {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--align-end-mobile.flex {
    align-items: flex-end;
  }
}
.flex--align-center {
  align-items: center;
}
@media only screen and (max-width: 1480px) {
  .flex--align-center-tablet.flex {
    align-items: center;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--align-center-mobile.flex {
    align-items: center;
  }
}
.flex--align-stretch {
  align-items: stretch;
}
@media only screen and (max-width: 1480px) {
  .flex--align-stretch-tablet.flex {
    align-items: stretch;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--align-stretch-mobile.flex {
    align-items: stretch;
  }
}
.flex--align-baseline {
  align-items: baseline;
}
@media only screen and (max-width: 1480px) {
  .flex--align-baseline-tablet.flex {
    align-items: baseline;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--align-baseline-mobile.flex {
    align-items: baseline;
  }
}
.flex--justify-start {
  justify-content: flex-start;
}
@media only screen and (max-width: 1480px) {
  .flex--justify-start-tablet.flex {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--justify-start-mobile.flex {
    justify-content: flex-start;
  }
}
.flex--justify-end {
  justify-content: flex-end;
}
@media only screen and (max-width: 1480px) {
  .flex--justify-end-tablet.flex {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--justify-end-mobile.flex {
    justify-content: flex-end;
  }
}
.flex--justify-center {
  justify-content: center;
}
@media only screen and (max-width: 1480px) {
  .flex--justify-center-tablet.flex {
    justify-content: center;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--justify-center-mobile.flex {
    justify-content: center;
  }
}
.flex--justify-around {
  justify-content: space-around;
}
@media only screen and (max-width: 1480px) {
  .flex--justify-around-tablet.flex {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--justify-around-mobile.flex {
    justify-content: space-around;
  }
}
.flex--justify-between {
  justify-content: space-between;
}
@media only screen and (max-width: 1480px) {
  .flex--justify-between-tablet.flex {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--justify-between-mobile.flex {
    justify-content: space-between;
  }
}
.flex--justify-evenly {
  justify-content: space-evenly;
}
@media only screen and (max-width: 1480px) {
  .flex--justify-evenly-tablet.flex {
    justify-content: space-evenly;
  }
}
@media only screen and (max-width: 1080px) {
  .flex--justify-evenly-mobile.flex {
    justify-content: space-evenly;
  }
}

.flex--children-grow > * {
  flex-basis: 0;
  flex-grow: 1;
}
@media only screen and (max-width: 1080px) {
  .flex--children-grow > * {
    flex-basis: auto;
  }
}

.grid {
  display: grid;
}
.grid--display-grid {
  display: grid;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--display-grid-tablet.grid {
    display: grid;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--display-grid-mobile.grid {
    display: grid;
  }
}
.grid--display-inline {
  display: inline-grid;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--display-inline-tablet.grid {
    display: inline-grid;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--display-inline-mobile.grid {
    display: inline-grid;
  }
}
.grid--gap-xs {
  gap: 5px;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--gap-xs-tablet.grid {
    gap: 5px;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--gap-xs-mobile.grid {
    gap: 5px;
  }
}
.grid--gap-s {
  gap: 10px;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--gap-s-tablet.grid {
    gap: 10px;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--gap-s-mobile.grid {
    gap: 10px;
  }
}
.grid--gap-m {
  gap: 25px;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--gap-m-tablet.grid {
    gap: 25px;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--gap-m-mobile.grid {
    gap: 25px;
  }
}
.grid--gap-l {
  gap: 35px;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--gap-l-tablet.grid {
    gap: 35px;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--gap-l-mobile.grid {
    gap: 35px;
  }
}
.grid--gap-xl {
  gap: 50px;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--gap-xl-tablet.grid {
    gap: 50px;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--gap-xl-mobile.grid {
    gap: 50px;
  }
}
.grid--columns-1 {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--columns-1-tablet.grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--columns-1-mobile.grid {
    grid-template-columns: 1fr;
  }
}
.grid--columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--columns-2-tablet.grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1080px) {
  .grid--columns-2-mobile.grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.grid--columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--columns-3-tablet.grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1080px) {
  .grid--columns-3-mobile.grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.grid--columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--columns-4-tablet.grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1080px) {
  .grid--columns-4-mobile.grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.grid--columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--columns-5-tablet.grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1080px) {
  .grid--columns-5-mobile.grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.grid--columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--columns-6-tablet.grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1080px) {
  .grid--columns-6-mobile.grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.grid--columns-auto {
  grid-template-columns: auto-fit;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--columns-auto-tablet.grid {
    grid-template-columns: auto-fit;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--columns-auto-mobile.grid {
    grid-template-columns: auto-fit;
  }
}
.grid--justify-start {
  justify-items: start;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--justify-start-tablet.grid {
    justify-items: start;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--justify-start-mobile.grid {
    justify-items: start;
  }
}
.grid--justify-end {
  justify-items: end;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--justify-end-tablet.grid {
    justify-items: end;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--justify-end-mobile.grid {
    justify-items: end;
  }
}
.grid--justify-center {
  justify-items: center;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--justify-center-tablet.grid {
    justify-items: center;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--justify-center-mobile.grid {
    justify-items: center;
  }
}
.grid--justify-stretch {
  justify-items: stretch;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--justify-stretch-tablet.grid {
    justify-items: stretch;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--justify-stretch-mobile.grid {
    justify-items: stretch;
  }
}
.grid--align-start {
  align-items: start;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--align-start-tablet.grid {
    align-items: start;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--align-start-mobile.grid {
    align-items: start;
  }
}
.grid--align-end {
  align-items: end;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--align-end-tablet.grid {
    align-items: end;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--align-end-mobile.grid {
    align-items: end;
  }
}
.grid--align-center {
  align-items: center;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--align-center-tablet.grid {
    align-items: center;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--align-center-mobile.grid {
    align-items: center;
  }
}
.grid--align-stretch {
  align-items: stretch;
}
@media only screen and (min-width: 1080px) and (max-width: 1480px) {
  .grid--align-stretch-tablet.grid {
    align-items: stretch;
  }
}
@media only screen and (max-width: 1080px) {
  .grid--align-stretch-mobile.grid {
    align-items: stretch;
  }
}

.bg-primary {
  background-color: var(--primary);
  color: var(--bg-primary-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-primary-tablet {
    background-color: var(--primary);
    color: var(--bg-primary-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-primary-mobile {
    background-color: var(--primary);
    color: var(--bg-primary-font-color);
  }
}
.bg-secondary {
  background-color: var(--secondary);
  color: var(--bg-secondary-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-secondary-tablet {
    background-color: var(--secondary);
    color: var(--bg-secondary-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-secondary-mobile {
    background-color: var(--secondary);
    color: var(--bg-secondary-font-color);
  }
}
.bg-tertiary {
  background-color: var(--tertiary);
  color: var(--bg-tertiary-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-tertiary-tablet {
    background-color: var(--tertiary);
    color: var(--bg-tertiary-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-tertiary-mobile {
    background-color: var(--tertiary);
    color: var(--bg-tertiary-font-color);
  }
}
.bg-quaternary {
  background-color: var(--quaternary);
  color: var(--bg-quaternary-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-quaternary-tablet {
    background-color: var(--quaternary);
    color: var(--bg-quaternary-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-quaternary-mobile {
    background-color: var(--quaternary);
    color: var(--bg-quaternary-font-color);
  }
}
.bg-quinary {
  background-color: var(--quinary);
  color: var(--bg-quinary-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-quinary-tablet {
    background-color: var(--quinary);
    color: var(--bg-quinary-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-quinary-mobile {
    background-color: var(--quinary);
    color: var(--bg-quinary-font-color);
  }
}
.bg-senary {
  background-color: var(--senary);
  color: var(--bg-senary-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-senary-tablet {
    background-color: var(--senary);
    color: var(--bg-senary-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-senary-mobile {
    background-color: var(--senary);
    color: var(--bg-senary-font-color);
  }
}
.bg-white {
  background-color: var(--white);
  color: var(--bg-white-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-white-tablet {
    background-color: var(--white);
    color: var(--bg-white-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-white-mobile {
    background-color: var(--white);
    color: var(--bg-white-font-color);
  }
}
.bg-black {
  background-color: var(--black);
  color: var(--bg-black-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-black-tablet {
    background-color: var(--black);
    color: var(--bg-black-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-black-mobile {
    background-color: var(--black);
    color: var(--bg-black-font-color);
  }
}
.bg-grey {
  background-color: var(--grey);
  color: var(--bg-grey-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-grey-tablet {
    background-color: var(--grey);
    color: var(--bg-grey-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-grey-mobile {
    background-color: var(--grey);
    color: var(--bg-grey-font-color);
  }
}
.bg-dark {
  background-color: var(--dark);
  color: var(--bg-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-dark-tablet {
    background-color: var(--dark);
    color: var(--bg-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-dark-mobile {
    background-color: var(--dark);
    color: var(--bg-dark-font-color);
  }
}
.bg-success {
  background-color: var(--success);
  color: var(--bg-success-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-success-tablet {
    background-color: var(--success);
    color: var(--bg-success-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-success-mobile {
    background-color: var(--success);
    color: var(--bg-success-font-color);
  }
}
.bg-warning {
  background-color: var(--warning);
  color: var(--bg-warning-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-warning-tablet {
    background-color: var(--warning);
    color: var(--bg-warning-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-warning-mobile {
    background-color: var(--warning);
    color: var(--bg-warning-font-color);
  }
}
.bg-alert {
  background-color: var(--alert);
  color: var(--bg-alert-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-alert-tablet {
    background-color: var(--alert);
    color: var(--bg-alert-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-alert-mobile {
    background-color: var(--alert);
    color: var(--bg-alert-font-color);
  }
}
.bg-info {
  background-color: var(--info);
  color: var(--bg-info-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-info-tablet {
    background-color: var(--info);
    color: var(--bg-info-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-info-mobile {
    background-color: var(--info);
    color: var(--bg-info-font-color);
  }
}
.bg-news {
  background-color: var(--news);
  color: var(--bg-news-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-news-tablet {
    background-color: var(--news);
    color: var(--bg-news-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-news-mobile {
    background-color: var(--news);
    color: var(--bg-news-font-color);
  }
}
.bg-primary-lighten {
  background-color: var(--primary-lighten);
  color: var(--bg-primary-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-primary-lighten-tablet {
    background-color: var(--primary-lighten);
    color: var(--bg-primary-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-primary-lighten-mobile {
    background-color: var(--primary-lighten);
    color: var(--bg-primary-light-font-color);
  }
}
.bg-secondary-lighten {
  background-color: var(--secondary-lighten);
  color: var(--bg-secondary-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-secondary-lighten-tablet {
    background-color: var(--secondary-lighten);
    color: var(--bg-secondary-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-secondary-lighten-mobile {
    background-color: var(--secondary-lighten);
    color: var(--bg-secondary-light-font-color);
  }
}
.bg-tertiary-lighten {
  background-color: var(--tertiary-lighten);
  color: var(--bg-tertiary-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-tertiary-lighten-tablet {
    background-color: var(--tertiary-lighten);
    color: var(--bg-tertiary-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-tertiary-lighten-mobile {
    background-color: var(--tertiary-lighten);
    color: var(--bg-tertiary-light-font-color);
  }
}
.bg-quaternary-lighten {
  background-color: var(--quaternary-lighten);
  color: var(--bg-quaternary-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-quaternary-lighten-tablet {
    background-color: var(--quaternary-lighten);
    color: var(--bg-quaternary-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-quaternary-lighten-mobile {
    background-color: var(--quaternary-lighten);
    color: var(--bg-quaternary-light-font-color);
  }
}
.bg-quinary-lighten {
  background-color: var(--quinary-lighten);
  color: var(--bg-quinary-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-quinary-lighten-tablet {
    background-color: var(--quinary-lighten);
    color: var(--bg-quinary-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-quinary-lighten-mobile {
    background-color: var(--quinary-lighten);
    color: var(--bg-quinary-light-font-color);
  }
}
.bg-senary-lighten {
  background-color: var(--senary-lighten);
  color: var(--bg-senary-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-senary-lighten-tablet {
    background-color: var(--senary-lighten);
    color: var(--bg-senary-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-senary-lighten-mobile {
    background-color: var(--senary-lighten);
    color: var(--bg-senary-light-font-color);
  }
}
.bg-grey-lighten {
  background-color: var(--grey-lighten);
  color: var(--bg-grey-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-grey-lighten-tablet {
    background-color: var(--grey-lighten);
    color: var(--bg-grey-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-grey-lighten-mobile {
    background-color: var(--grey-lighten);
    color: var(--bg-grey-light-font-color);
  }
}
.bg-darken-lighten {
  background-color: var(--dark-lighten);
  color: var(--bg-darken-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-darken-lighten-tablet {
    background-color: var(--dark-lighten);
    color: var(--bg-darken-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-darken-lighten-mobile {
    background-color: var(--dark-lighten);
    color: var(--bg-darken-light-font-color);
  }
}
.bg-success-lighten {
  background-color: var(--success-lighten);
  color: var(--bg-success-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-success-lighten-tablet {
    background-color: var(--success-lighten);
    color: var(--bg-success-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-success-lighten-mobile {
    background-color: var(--success-lighten);
    color: var(--bg-success-light-font-color);
  }
}
.bg-warning-lighten {
  background-color: var(--warning-lighten);
  color: var(--bg-warning-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-warning-lighten-tablet {
    background-color: var(--warning-lighten);
    color: var(--bg-warning-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-warning-lighten-mobile {
    background-color: var(--warning-lighten);
    color: var(--bg-warning-light-font-color);
  }
}
.bg-alert-lighten {
  background-color: var(--alert-lighten);
  color: var(--bg-alert-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-alert-lighten-tablet {
    background-color: var(--alert-lighten);
    color: var(--bg-alert-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-alert-lighten-mobile {
    background-color: var(--alert-lighten);
    color: var(--bg-alert-light-font-color);
  }
}
.bg-info-lighten {
  background-color: var(--info-lighten);
  color: var(--bg-info-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-info-lighten-tablet {
    background-color: var(--info-lighten);
    color: var(--bg-info-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-info-lighten-mobile {
    background-color: var(--info-lighten);
    color: var(--bg-info-light-font-color);
  }
}
.bg-news-lighten {
  background-color: var(--news-lighten);
  color: var(--bg-news-light-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-news-lighten-tablet {
    background-color: var(--news-lighten);
    color: var(--bg-news-light-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-news-lighten-mobile {
    background-color: var(--news-lighten);
    color: var(--bg-news-light-font-color);
  }
}
.bg-primary-darken {
  background-color: var(--primary-darken);
  color: var(--bg-primary-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-primary-darken-tablet {
    background-color: var(--primary-darken);
    color: var(--bg-primary-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-primary-darken-mobile {
    background-color: var(--primary-darken);
    color: var(--bg-primary-dark-font-color);
  }
}
.bg-secondary-darken {
  background-color: var(--secondary-darken);
  color: var(--bg-secondary-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-secondary-darken-tablet {
    background-color: var(--secondary-darken);
    color: var(--bg-secondary-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-secondary-darken-mobile {
    background-color: var(--secondary-darken);
    color: var(--bg-secondary-dark-font-color);
  }
}
.bg-tertiary-darken {
  background-color: var(--tertiary-darken);
  color: var(--bg-tertiary-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-tertiary-darken-tablet {
    background-color: var(--tertiary-darken);
    color: var(--bg-tertiary-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-tertiary-darken-mobile {
    background-color: var(--tertiary-darken);
    color: var(--bg-tertiary-dark-font-color);
  }
}
.bg-quaternary-darken {
  background-color: var(--quaternary-darken);
  color: var(--bg-quaternary-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-quaternary-darken-tablet {
    background-color: var(--quaternary-darken);
    color: var(--bg-quaternary-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-quaternary-darken-mobile {
    background-color: var(--quaternary-darken);
    color: var(--bg-quaternary-dark-font-color);
  }
}
.bg-quinary-darken {
  background-color: var(--quinary-darken);
  color: var(--bg-quinary-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-quinary-darken-tablet {
    background-color: var(--quinary-darken);
    color: var(--bg-quinary-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-quinary-darken-mobile {
    background-color: var(--quinary-darken);
    color: var(--bg-quinary-dark-font-color);
  }
}
.bg-senary-darken {
  background-color: var(--senary-darken);
  color: var(--bg-senary-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-senary-darken-tablet {
    background-color: var(--senary-darken);
    color: var(--bg-senary-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-senary-darken-mobile {
    background-color: var(--senary-darken);
    color: var(--bg-senary-dark-font-color);
  }
}
.bg-grey-darken {
  background-color: var(--grey-darken);
  color: var(--bg-grey-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-grey-darken-tablet {
    background-color: var(--grey-darken);
    color: var(--bg-grey-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-grey-darken-mobile {
    background-color: var(--grey-darken);
    color: var(--bg-grey-dark-font-color);
  }
}
.bg-success-darken {
  background-color: var(--success-darken);
  color: var(--bg-success-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-success-darken-tablet {
    background-color: var(--success-darken);
    color: var(--bg-success-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-success-darken-mobile {
    background-color: var(--success-darken);
    color: var(--bg-success-dark-font-color);
  }
}
.bg-warning-darken {
  background-color: var(--warning-darken);
  color: var(--bg-warning-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-warning-darken-tablet {
    background-color: var(--warning-darken);
    color: var(--bg-warning-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-warning-darken-mobile {
    background-color: var(--warning-darken);
    color: var(--bg-warning-dark-font-color);
  }
}
.bg-alert-darken {
  background-color: var(--alert-darken);
  color: var(--bg-alert-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-alert-darken-tablet {
    background-color: var(--alert-darken);
    color: var(--bg-alert-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-alert-darken-mobile {
    background-color: var(--alert-darken);
    color: var(--bg-alert-dark-font-color);
  }
}
.bg-info-darken {
  background-color: var(--info-darken);
  color: var(--bg-info-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-info-darken-tablet {
    background-color: var(--info-darken);
    color: var(--bg-info-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-info-darken-mobile {
    background-color: var(--info-darken);
    color: var(--bg-info-dark-font-color);
  }
}
.bg-news-darken {
  background-color: var(--news-darken);
  color: var(--bg-news-dark-font-color);
}

@media only screen and (max-width: 1480px) {
  .bg-news-darken-tablet {
    background-color: var(--news-darken);
    color: var(--bg-news-dark-font-color);
  }
}
@media only screen and (max-width: 1080px) {
  .bg-news-darken-mobile {
    background-color: var(--news-darken);
    color: var(--bg-news-dark-font-color);
  }
}
.bg-primary a:hover, a.bg-primary:hover, .bg-primary a:focus, a.bg-primary:focus {
  color: var(--grey-lighten);
}

.block {
  display: block;
}

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

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

@media only screen and (max-width: 1080px) {
  .desktop-only {
    display: none !important;
  }
}

.mobile-only {
  display: none !important;
}
@media only screen and (max-width: 1080px) {
  .mobile-only {
    display: block !important;
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; /* added line */
  border: 0 !important;
}

form, .form, .form--view {
  padding: 0;
  margin: 0;
}
form .innerWrap, .form .innerWrap, .form--view .innerWrap {
  width: unset;
  max-width: none;
  padding: 0;
  margin-left: -20px;
  margin-right: -20px;
}
form .innerWrap .col1, .form .innerWrap .col1, .form--view .innerWrap .col1 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col2, .form .innerWrap .col2, .form--view .innerWrap .col2 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col3, .form .innerWrap .col3, .form--view .innerWrap .col3 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col4, .form .innerWrap .col4, .form--view .innerWrap .col4 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col5, .form .innerWrap .col5, .form--view .innerWrap .col5 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col6, .form .innerWrap .col6, .form--view .innerWrap .col6 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col7, .form .innerWrap .col7, .form--view .innerWrap .col7 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col8, .form .innerWrap .col8, .form--view .innerWrap .col8 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col9, .form .innerWrap .col9, .form--view .innerWrap .col9 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col10, .form .innerWrap .col10, .form--view .innerWrap .col10 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col11, .form .innerWrap .col11, .form--view .innerWrap .col11 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form .innerWrap .col12, .form .innerWrap .col12, .form--view .innerWrap .col12 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
form span, .form span, .form--view span {
  width: 100%;
}

button {
  cursor: pointer;
}

label, .label {
  display: block;
  color: var(--input-label-color);
  text-transform: var(--input-label-text-transform);
  font-family: var(--input-label-font-family);
  font-size: var(--input-label-font-size);
  font-weight: var(--input-label-font-weight);
  line-height: var(--input-line-height);
  margin: 0;
  margin-bottom: var(--space-xxs);
  position: relative;
  transition: color var(--transition-default);
}
label span, .label span {
  color: inherit !important;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: 0;
}
label span a, .label span a {
  margin-bottom: 0;
}
@media only screen and (max-width: 1080px) {
  label, .label {
    margin-bottom: var(--space-xxs);
  }
}

.required {
  display: inline-block;
  width: auto;
}

[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
  min-height: 60px;
  min-width: 100px;
  display: block;
  background-color: var(--input-bg);
  border-color: var(--input-border-color);
  border-radius: 0;
  border-style: var(--input-border-style);
  border-width: 0;
  box-sizing: border-box;
  color: var(--input-color);
  font-family: var(--input-font-family);
  font-size: 20px;
  font-weight: normal;
  line-height: var(--input-line-height);
  outline: 0 !important;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
  transition: border-color var(--transition-default);
}
[type=color]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
  border: 2px solid var(--input-border-color-focus);
  outline: none;
}
[type=color]::placeholder,
[type=date]::placeholder,
[type=datetime]::placeholder,
[type=datetime-local]::placeholder,
[type=email]::placeholder,
[type=month]::placeholder,
[type=number]::placeholder,
[type=password]::placeholder,
[type=search]::placeholder,
[type=tel]::placeholder,
[type=text]::placeholder,
[type=time]::placeholder,
[type=url]::placeholder,
[type=week]::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--input-color-placeholder);
  transition: color var(--transition-default);
}
[type=color]:disabled,
[type=date]:disabled,
[type=datetime]:disabled,
[type=datetime-local]:disabled,
[type=email]:disabled,
[type=month]:disabled,
[type=number]:disabled,
[type=password]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=text]:disabled,
[type=time]:disabled,
[type=url]:disabled,
[type=week]:disabled,
select:disabled,
textarea:disabled {
  background-color: var(--input-bg-disabled);
}
[type=color]:disabled:hover,
[type=date]:disabled:hover,
[type=datetime]:disabled:hover,
[type=datetime-local]:disabled:hover,
[type=email]:disabled:hover,
[type=month]:disabled:hover,
[type=number]:disabled:hover,
[type=password]:disabled:hover,
[type=search]:disabled:hover,
[type=tel]:disabled:hover,
[type=text]:disabled:hover,
[type=time]:disabled:hover,
[type=url]:disabled:hover,
[type=week]:disabled:hover,
select:disabled:hover,
textarea:disabled:hover {
  cursor: not-allowed;
}

input[type=file] {
  font-family: inherit;
  font-size: 0.95rem;
  color: #374151;
  padding: 0.6rem;
  border: 2px solid #e5e7eb;
  border-radius: 0;
  background-color: #f9fafb;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
  width: 100%;
  max-width: 320px;
}

/* moderner Button-Teil */
input[type=file]::file-selector-button {
  margin-right: 1rem;
  padding: 0.6rem 1.25rem;
  border: none;
  border-radius: 0;
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  color: white;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s ease;
}

input[type=file]::file-selector-button:hover {
  background: linear-gradient(135deg, #4338ca, #4f46e5);
}

input[type=file]::file-selector-button:active {
  transform: translateY(1px);
}

/* Safari / ältere WebKit-Fallbacks */
input[type=file]::-webkit-file-upload-button {
  margin-right: 1rem;
  padding: 0.6rem 1.25rem;
  border: none;
  background: var(--primary-darken);
  color: white;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s ease;
}

input[type=file]::-webkit-file-upload-button:hover {
  background: var(--primary-darken);
}

textarea {
  resize: none;
  min-height: 100px;
}

input[type=checkbox] {
  flex-shrink: 0;
  outline: 0;
  inline-size: 40px;
  block-size: 40px;
  accent-color: #0a7; /* Wunschfarbe der Checkbox */
}

/* Tastatur-Fokus deutlich sichtbar */
input[type=checkbox]:focus-visible {
  outline: 3px solid Highlight; /* systemfreundlich */
  outline-offset: 2px;
}

/* Hoher Kontrast / Windows High Contrast */
@media (prefers-contrast: more) {
  input[type=checkbox] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
  }
}
@media (forced-colors: active) {
  input[type=checkbox] {
    forced-color-adjust: auto;
  }
}
.form--item {
  transition: all 0.3s ease;
}
.form--item:hover {
  color: var(--white);
  background-color: var(--primary-darken);
}
.form--field-checkbox {
  display: inline-flex; /* nicht inline-flex nötig */
  flex-direction: row-reverse; /* überschreibt evtl. column */
  gap: 0.6rem;
  flex-wrap: nowrap;
  min-height: 100px;
  align-items: flex-start;
  justify-content: flex-end;
}
.form--field-checkbox label {
  width: auto;
  margin: 0;
}
.form--grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  position: relative;
  aspect-ratio: unset;
}

.aspect-ratio-original img {
  aspect-ratio: unset;
  object-fit: cover;
}

.aspect-ratio-widescreen img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.aspect-ratio-standard img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.aspect-ratio-classic img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.aspect-ratio-square img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.aspect-ratio-panorama img {
  aspect-ratio: 3 / 1;
  object-fit: cover;
}

.aspect-ratio-teaser img {
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

.aspect-ratio-portrait img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.aspect-ratio-lowportrait img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.aspect-ratio-line img {
  aspect-ratio: 5 / 1;
  object-fit: cover;
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-original img {
    aspect-ratio: unset;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-original img {
    aspect-ratio: unset;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-original img {
    aspect-ratio: unset;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-original img {
    aspect-ratio: unset;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-original img {
    aspect-ratio: unset;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-original img {
    aspect-ratio: unset;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-original img {
    aspect-ratio: unset;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-original img {
    aspect-ratio: unset;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-widescreen img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-widescreen img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-widescreen img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-widescreen img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-widescreen img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-widescreen img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-widescreen img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-widescreen img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-standard img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-standard img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-standard img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-standard img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-standard img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-standard img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-standard img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-standard img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-classic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-classic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-classic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-classic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-classic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-classic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-classic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-classic img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-panorama img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-panorama img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-panorama img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-panorama img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-panorama img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-panorama img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-panorama img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-panorama img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-teaser img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-teaser img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-teaser img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-teaser img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-teaser img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-teaser img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-teaser img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-teaser img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-portrait img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-lowportrait img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-lowportrait img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-lowportrait img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-lowportrait img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-lowportrait img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-lowportrait img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-lowportrait img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-lowportrait img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxs) {
  .xxs-aspect-ratio-line img {
    aspect-ratio: 5 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xs) {
  .xs-aspect-ratio-line img {
    aspect-ratio: 5 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: s) {
  .s-aspect-ratio-line img {
    aspect-ratio: 5 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: m) {
  .m-aspect-ratio-line img {
    aspect-ratio: 5 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: l) {
  .l-aspect-ratio-line img {
    aspect-ratio: 5 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xl) {
  .xl-aspect-ratio-line img {
    aspect-ratio: 5 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxl) {
  .xxl-aspect-ratio-line img {
    aspect-ratio: 5 / 1;
    object-fit: cover;
  }
}

@media only screen and (min-width: xxxl) {
  .xxxl-aspect-ratio-line img {
    aspect-ratio: 5 / 1;
    object-fit: cover;
  }
}

img.rounded,
.rounded img {
  border-radius: 0px;
}

.hover-scale {
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
  will-change: transform;
  backface-visibility: hidden;
}
.hover-scale img {
  backface-visibility: hidden;
}
.hover-scale:hover, .hover-scale:focus {
  transform: scale(1.02);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.hover-scale-noshadow {
  box-shadow: none;
}
.hover-scale-noshadow:hover, .hover-scale-noshadow:focus {
  box-shadow: none;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
  min-width: var(--button-min-width);
  min-height: var(--button-min-height);
  background-color: var(--white);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: 0;
  text-transform: var(--button-text-transform);
  text-align: center;
  text-decoration: none;
  margin-right: var(--space-xs);
  vertical-align: top;
  cursor: pointer;
  transition: background-color var(--transition-default), color var(--transition-default), border-color var(--transition-default);
}
.btn:hover, .btn:focus {
  outline: none;
  background-color: var(--dark);
  color: var(--bg-dark-font-color);
  border-color: var(--grey-lighten);
}
.btn:focus {
  outline: 2px solid var(--dark);
}
.btn.btn-small {
  font-size: var(--font-size-small);
  min-height: calc(var(--button-min-height) - 10px);
  padding: calc(var(--button-padding-top) - 5px) calc(var(--button-padding-right) - 10px) calc(var(--button-padding-bottom) - 5px) calc(var(--button-padding-left) - 10px);
}
.btn.btn-small.btn-icon, .btn.btn-small.btn-submit {
  padding-left: calc(var(--button-icon-width) + var(--button-padding-left) - 10px);
}
.btn.btn-small.btn-icon::before, .btn.btn-small.btn-submit::before {
  width: calc(var(--button-icon-width) - 10px);
  font-size: calc(var(--font-size-h3) - 8px);
}
.btn.btn-small.btn-icon-right, .btn.btn-small.btn-submit {
  padding-right: calc(var(--button-icon-width) + var(--button-padding-right) - 10px);
  padding-left: var(--button-padding-left);
}
.btn.btn-submit::before {
  content: "\e9d9";
  font-size: var(--font-size-h4) !important;
}
.btn.btn-wide {
  min-width: var(--button-wide-min-width);
}
@media only screen and (max-width: 1080px) {
  .btn.btn-wide {
    min-width: 100%;
  }
}
.btn.btn-primary {
  background-color: var(--primary);
  color: var(--bg-primary-font-color);
  border-color: var(--primary);
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  background-color: var(--primary-darken);
  border-color: var(--primary-darken);
  color: var(--bg-primary-dark-font-color);
}
.btn.btn-secondary {
  background-color: var(--secondary);
  color: var(--bg-secondary-font-color);
  border-color: var(--secondary);
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
  background-color: var(--secondary-darken);
  color: var(--bg-secondary-dark-font-color);
  border-color: var(--secondary-darken);
}
.btn.btn-dark {
  background-color: var(--dark);
  color: var(--bg-dark-font-color);
  border-color: var(--dark);
}
.btn.btn-dark:hover, .btn.btn-dark:focus {
  background-color: var(--grey);
  color: var(--bg-grey-font-color);
  border-color: var(--grey);
}
.btn.btn-white {
  background-color: var(--white);
  color: var(--dark);
  border-color: var(--white);
}
.btn.btn-white:hover, .btn.btn-white:focus {
  background-color: var(--grey-lighten);
  color: var(--dark);
  border-color: var(--grey-lighten);
}
.btn.btn-alert {
  background-color: var(--alert);
  color: var(--bg-alert-font-color);
  border-color: var(--alert);
}
.btn.btn-alert:hover, .btn.btn-alert:focus {
  background-color: var(--alert-darken);
  color: var(--bg-alert-dark-font-color);
  border-color: var(--alert-darken);
}
.btn.btn-warning {
  background-color: var(--warning);
  color: var(--bg-warning-font-color);
  border-color: var(--warning);
}
.btn.btn-warning:hover, .btn.btn-warning:focus {
  background-color: var(--warning-darken);
  color: var(--bg-warning-dark-font-color);
  border-color: var(--warning-darken);
}
.btn.btn-success {
  background-color: var(--success);
  color: var(--bg-success-font-color);
  border-color: var(--success);
}
.btn.btn-success:hover, .btn.btn-success:focus {
  background-color: var(--success-darken);
  color: var(--bg-success-dark-font-color);
  border-color: var(--success-darken);
}
.btn.btn-hollow {
  background-color: transparent;
  color: var(--primary);
  border-color: var(--primary);
  border-width: var(--button-border-width);
}
.btn.btn-hollow:hover, .btn.btn-hollow:focus {
  background-color: var(--primary);
  color: var(--bg-primary-font-color);
}
.btn.btn-secondary {
  background-color: var(--secondary);
  color: var(--bg-secondary-font-color);
  border-color: var(--secondary);
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
  background-color: var(--secondary-darken);
  color: var(--bg-secondary-dark-font-color);
}
.btn.btn-disabled, .btn:disabled {
  filter: grayscale(100%);
  cursor: not-allowed;
  opacity: 0.6;
}
.btn.btn-block {
  width: 100%;
}
.btn.marg-right-no {
  margin-right: 0;
}
.btn.marg-bottom-no {
  margin-bottom: 0;
}

.btn-icon, .btn.btn-submit {
  padding-left: calc(var(--button-icon-width) + var(--button-padding-left));
  position: relative;
}
.btn-icon::before, .btn.btn-submit::before {
  font-family: "Default";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: var(--button-icon-width);
  font-size: var(--font-size-h3);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.btn-icon-right, .btn.btn-submit {
  padding-right: calc(var(--button-icon-width) + var(--button-padding-right));
  padding-left: var(--button-padding-left);
}
.btn-icon-right::before, .btn.btn-submit::before {
  left: auto;
  right: 0;
}
.btn-icon-only {
  padding-left: var(--button-icon-width);
  min-width: var(--button-icon-width);
  padding-right: 0;
}

@media only screen and (max-width: 1080px) {
  #wrapper .btn, #main-content .btn {
    margin-bottom: 0.5rem;
  }
}

#app {
  --swiper-scrollbar-drag-bg-color: var(--secondary);
  --swiper-scrollbar-border-radius: 0px;
  --swiper-scrollbar-bottom: -80px;
  --swiper-scrollbar-sides-offset: 0%;
}
#app swiper-container {
  padding-bottom: 80px;
}
#app swiper-container swiper-slide {
  height: auto;
}
@media only screen and (max-width: 1080px) {
  #app {
    --swiper-scrollbar-bottom: -40px;
  }
  #app swiper-container {
    padding-bottom: 80px;
  }
}

.badge {
  display: inline-block;
  padding: 7px 14px;
  font-size: var(--font-size-small);
  border-radius: var(--border-radius);
  text-transform: uppercase;
  margin-right: var(--space-xs);
  margin-bottom: var(--space-xs);
}
@media only screen and (max-width: 1080px) {
  .badge {
    font-size: 0.7rem;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}

table, .table {
  border-collapse: collapse;
  border-radius: 0px;
  width: 100%;
}
table.has-fixed-layout, .table.has-fixed-layout {
  table-layout: fixed;
}

thead tr, thead .tr, .thead tr, .thead .tr, tfoot tr, tfoot .tr, .tfoot tr, .tfoot .tr {
  background-color: transparent;
}
thead th, thead .th,
thead td, thead .td, .thead th, .thead .th,
.thead td, .thead .td, tfoot th, tfoot .th,
tfoot td, tfoot .td, .tfoot th, .tfoot .th,
.tfoot td, .tfoot .td {
  font-weight: 700;
  padding-top: 8px;
  padding-right: 15px;
  padding-bottom: 8px;
  padding-left: 15px;
}

thead, .thead, tbody, .tbody, tfoot, .tfoot {
  background-color: var(--table-bg);
  border-color: #EEEEEE;
  border-style: solid;
  border-width: 2px;
}

thead, .thead {
  background-color: var(--table-dark);
  border-color: var(--table-dark);
  border-style: solid;
  border-width: 2px;
}

tbody tr:nth-child(even), tbody .tr:nth-child(even), .tbody tr:nth-child(even), .tbody .tr:nth-child(even) {
  border-bottom: 0;
  background-color: var(--white);
}
tbody tr:nth-child(odd), tbody .tr:nth-child(odd), .tbody tr:nth-child(odd), .tbody .tr:nth-child(odd) {
  background-color: var(--grey-lighten);
}

th, .th,
td, .td {
  font-size: 20px;
  line-height: normal;
  text-align: left;
}
@media only screen and (max-width: 1080px) {
  th, .th,
  td, .td {
    size: 16px;
  }
}

th, .th,
td, .td {
  padding-top: 8px;
  padding-right: 15px;
  padding-bottom: 8px;
  padding-left: 15px;
  color: var(--font-color);
}

.tr {
  display: flex;
  justify-content: flex-start;
}

.td {
  width: 100%;
}

@media only screen and (max-width: 1080px) {
  header {
    padding: var(--space-base) var(--space-base) var(--space-xs) !important;
  }
  header a:has(> #logo) {
    width: 100%;
    justify-content: center;
    padding-bottom: 0.5rem;
  }
  header .backButton {
    margin-right: 0;
  }
  header .kis--status--link {
    display: none;
  }
}

#logo {
  max-width: 250px;
  margin-right: auto;
}
@media only screen and (max-width: 1080px) {
  #logo {
    margin-right: 0;
  }
}

.mobileNavFixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--primary);
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.mobileNavFixed > * {
  width: 20%;
  margin: 0 !important;
}
.mobileNavFixed > * button, .mobileNavFixed > * .btn, .mobileNavFixed > * .btn::before, .mobileNavFixed > *::before {
  width: 100%;
}
.mobileNavFixed .btn-icon {
  font-size: 1.6rem;
}
@media only screen and (max-width: 1080px) {
  .mobileNavFixed .btn-icon::before {
    font-size: 1.6rem;
    padding-bottom: 0.7rem;
  }
}
.mobileNavFixed .kis--status--link span.num {
  scale: 0.75;
  bottom: auto;
  right: 5px;
  top: 1px;
  font-size: 1.1rem;
}
.mobileNavFixed > div {
  margin-left: auto !important;
}
.mobileNavFixed span.mobile-only {
  font-size: 0.6rem;
  font-weight: bold;
  position: absolute;
  bottom: 6px;
  width: 100%;
  left: 0;
}
.mobileNavFixed > *:not(:last-child) {
  border-right: 1px solid rgba(238, 238, 238, 0.13);
}

.pwa-install-button {
  margin-right: 0;
  width: 100%;
  margin-top: auto;
}

.outerWrapper {
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between;
  overflow-x: hidden;
}
@media only screen and (max-width: 1080px) {
  .outerWrapper {
    overflow: hidden;
    padding-bottom: 60px;
  }
}

.fade-translate-enter-active,
.fade-translate-leave-active {
  transition: all 0.4s ease;
}

.fade-translate-enter-from {
  opacity: 0;
  transform: translateY(10px);
}

.fade-translate-enter-to {
  opacity: 1;
  transform: translateY(0);
}

.fade-translate-leave-from {
  opacity: 1;
  transform: translateY(0);
}

.fade-translate-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}

.fade-translate-side-enter-active,
.fade-translate-side-leave-active {
  transition: all 0.4s ease;
}

.fade-translate-side-enter-from {
  opacity: 0;
  transform: translateX(10px);
}

.fade-translate-side-enter-to {
  opacity: 1;
  transform: translateX(0);
}

.fade-translate-side-leave-from {
  opacity: 1;
  transform: translateX(0);
}

.fade-translate-side-leave-to {
  opacity: 0;
  transform: translateX(-10px);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.fade-enter-to,
.fade-leave-from {
  opacity: 1;
}

/* Slide-from-right Animation */
.slide-right-enter-active,
.slide-right-leave-active {
  transition: transform 0.3s ease;
}

.slide-right-enter-from,
.slide-right-leave-to {
  transform: translateX(100%);
}

/* Sidebar selbst */
.sidebar--right {
  position: fixed;
  top: 0;
  right: 0;
  width: 350px;
  height: 100vh;
  background: white;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: s) {
  .sidebar--right {
    width: 100%;
  }
}

.sidebar--right button.btn {
  width: 100% !important;
  margin-right: 0 !important;
  justify-content: flex-start;
  color: var(--grey);
  font-weight: var(--font-weight-base);
}
.sidebar--right button.btn:hover {
  color: var(--white);
}

/* Wrapper verschieben bei aktivem Menü */
.outerWrapper.sidebar-open {
  transform: translateX(-200px);
}

.sidebar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 50; /* muss unterhalb der Sidebar, aber über allem anderen liegen */
  background: rgba(0, 0, 0, 0.3);
}

.sidebar-nav {
  max-height: calc(100vh - 60px);
  overflow: auto;
}
.sidebar-nav ul {
  list-style: none;
  margin: 0;
}
.sidebar-nav ul li {
  font-size: 0;
  width: 100%;
}
.sidebar-nav ul li a {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  width: 100%;
  justify-content: space-between;
  text-align: left;
  gap: var(--button-padding-left);
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  min-height: var(--button-min-height);
  padding: 0;
  background-color: transparent;
  transition: var(--transition-default);
}
.sidebar-nav ul li a:hover {
  background-color: var(--grey-lighten);
}
.sidebar-nav ul li a:hover .icon {
  background-color: var(--primary);
  color: var(--white);
}
.sidebar-nav ul li a .icon {
  width: var(--button-icon-width);
  background-color: var(--grey-lighten);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--primary);
  flex-shrink: 0;
  min-height: 60px;
  transition: var(--transition-default);
}
.sidebar-nav ul li a .icon::before {
  transition: var(--transition-default);
  color: inherit;
}
.sidebar-nav ul li a .menu-item-title {
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) 0;
}
.sidebar-nav .sidebar-contract-menu {
  border-top: 10px solid rgba(0, 0, 0, 0.15);
}
.sidebar-nav p {
  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) calc(var(--button-padding-left) - 10px);
}
.sidebar-nav .sidebar-contract-list li {
  margin: 0;
  margin-bottom: 10px;
}
.sidebar-nav .sidebar-contract-list li a {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--dark);
  gap: 0;
}
.sidebar-nav .sidebar-contract-list .contract-header span:first-of-type {
  margin-bottom: 3px;
}
.sidebar-nav .sidebar-contract-list .contract-header span {
  line-height: 1.3;
}

.footer-nav ul {
  display: flex;
  gap: var(--space-xs);
  list-style: none;
  margin: 0;
  flex-wrap: wrap;
  padding: var(--space-xs);
}
.footer-nav ul li {
  margin: 0;
}
.footer-nav ul li a {
  font-size: var(--font-size-small);
}
.footer-nav ul li a:hover {
  text-decoration: underline;
}

.form--password {
  position: relative;
}
.form--password button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.form--upload input {
  padding: var(--grid-padding);
  width: 100%;
  box-sizing: border-box;
  background-color: var(--white);
}
.form--upload p {
  font-size: var(--font-size-small);
  font-style: italic;
}
.form--file--preview {
  font-style: normal;
  font-weight: var(--font-weight-bold);
}
.form--file--preview strong {
  text-transform: uppercase;
  font-size: 1rem;
  margin-bottom: 5px;
  display: inline-block;
}
.form--file--preview ul {
  list-style: none;
  margin-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-padding);
}
.form--file--preview li {
  background-color: var(--white);
  font-size: var(--font-size-small);
  padding: var(--grid-padding);
}
.form--file--error {
  border: var(--alert) 2px solid;
  padding: var(--grid-padding);
  margin-bottom: var(--grid-padding);
  color: var(--alert);
}
.form--file--error ul {
  margin-bottom: 0;
}
.form--file--error li {
  font-style: normal;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
}
.form--file--error strong {
  text-transform: uppercase;
  font-size: 1rem;
  color: var(--alert);
}
.form--view label, .form--view .label {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
}
.form--view input {
  padding-top: 8px !important;
  padding-right: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 8px !important;
}
.form--field-html {
  margin-bottom: 20px;
}
.form--field-html h1, .form--field-html h2, .form--field-html h3, .form--field-html h4, .form--field-html h5, .form--field-html h6 {
  margin: 0;
}
.form--error {
  font-size: var(--font-size-small);
  font-style: italic;
  color: var(--alert);
  margin: 0;
  padding: 0 0 20px 0;
  display: block;
}

.profile--view--item--address label {
  margin: 0;
}

.table-rent {
  border: 2px solid var(--white);
  margin-bottom: 20px;
}

dialog {
  transition: all 0.3s ease-in-out;
}

dialog:-internal-dialog-in-top-layer::backdrop {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
}

.modal {
  border: none;
  padding: 1.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  background-color: var(--grey-lighten);
  min-width: 300px;
  max-width: 600px;
  border-left: 10px solid var(--primary);
}
.modal.error {
  border-left-color: var(--alert);
}
.modal.error .progress {
  background: var(--alert);
}
.modal.success {
  border-left-color: var(--success);
}
.modal.success .progress {
  background: var(--success);
}
.modal.warning {
  border-left-color: var(--warning);
}
.modal.warning .progress {
  background: var(--warning);
}

.modal-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1rem;
}
.modal-content .h1, .modal-content .h2, .modal-content .h3, .modal-content .h4, .modal-content .h5, .modal-content .h6,
.modal-content menu {
  margin: 0;
}

dialog[open] {
  animation: fadeSlidein 0.3s ease-in forwards;
}

@keyframes fadeSlidein {
  0% {
    opacity: 0;
    translate: 0 -20px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}
dialog[closed] {
  animation: fadeSlideout 0.3s ease-in forwards;
}

@keyframes fadeSlideout {
  0% {
    opacity: 1;
    translate: 0 0;
  }
  100% {
    opacity: 0;
    translate: 0 -20px;
  }
}
.progressbar {
  height: 4px;
  background: #ddd;
  overflow: hidden;
  border-radius: 2px;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  width: 100%;
}

.progress {
  height: 100%;
  width: 100%;
  background: var(--primary);
  animation-name: progressFill;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes progressFill {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.search-wrapper input {
  margin-bottom: 0;
  background-color: var(--grey-lighten);
  min-width: 250px;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  color: var(--dark);
  padding-left: 15px;
}
.search-wrapper .search-field {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
}
.search-wrapper .search-field::before {
  font-family: var(--icon-font);
  height: auto;
  width: 60px;
  flex-shrink: 0;
  background-color: var(--primary);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

.result-list {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  border: 1px solid var(--grey-lighten);
  background: var(--white);
  position: absolute;
  z-index: 1;
}

.result-item {
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.result-item:hover {
  background: var(--grey-lighten);
}
.result-item button {
  background: transparent;
  border: none;
  color: inherit;
  font: inherit;
  padding: 0;
  cursor: pointer;
  text-align: left;
}

.no-results {
  margin-top: 0.5rem;
  font-style: italic;
  color: #888;
  position: absolute;
  z-index: 1;
}

.loader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  transition: all 0.3s ease;
}
.loader-wrapper.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
  backdrop-filter: blur(5px);
}

.spinner {
  width: 36px;
  height: 36px;
  border: 5px solid var(--grey-lighten); /* light grey border */
  border-top: 5px solid var(--primary); /* primary color */
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* sanftes Ein-/Ausblenden des Overlays */
.overlay-fade-enter-active,
.overlay-fade-leave-active {
  transition: opacity 0.18s ease-out;
}

.overlay-fade-enter-from,
.overlay-fade-leave-to {
  opacity: 0;
}

.vtlist {
  margin-bottom: var(--space-m);
}
.vtlist--item > a {
  height: 100%;
}
.vtlist--item--image {
  width: 30%;
  height: 100%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1080px) {
  .vtlist--item--image img {
    height: 100%;
  }
}
.vtlist--item--text * {
  color: var(--dark);
}
.vtlist--item--text p {
  font-size: var(--font-size-small);
  margin-bottom: 0;
}
.vtlist--item--headline {
  color: var(--primary);
}

.contracts--list {
  --swiper-scrollbar-sides-offset: 20%;
  --swiper-scrollbar-bottom: -80px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-size: 4px;
  --swiper-scrollbar-sides-offset: 17%;
}

.contracts--item {
  height: 100%;
}
.contracts--item--image img {
  height: 100%;
}
@media only screen and (max-width: 1080px) {
  .contracts--item--image img {
    aspect-ratio: 5/3;
  }
}
.contracts--item--content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.contracts--item--text {
  padding: var(--space-s);
}
@media only screen and (max-width: 1080px) {
  .contracts--item--text {
    padding: var(--space-xs);
  }
}
@media only screen and (max-width: 1080px) {
  .contracts--item--text--badges {
    margin-bottom: var(--space-xxs);
  }
}
.contracts--item--buttons {
  padding: var(--space-xs) var(--space-xs);
  margin-top: auto;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
@media only screen and (max-width: 1080px) {
  .contracts--item--buttons {
    gap: var(--space-xxs);
    padding: var(--space-xxs) var(--space-xxs);
    flex-direction: row-reverse;
  }
  .contracts--item--buttons .btn {
    margin-right: 0;
    font-size: 0;
    padding-left: var(--button-icon-width);
    min-width: var(--button-icon-width);
    padding-right: 0;
  }
}
.contracts--item--buttons .btn {
  min-width: unset;
  margin: 0 !important;
}
.contracts--item .kis--status--link {
  position: absolute;
  bottom: var(--space-xs);
  left: var(--space-xs);
  z-index: 1;
  margin-right: 0;
}
@media only screen and (max-width: 1080px) {
  .contracts--item .kis--status--link {
    display: none;
  }
}

.kis--status--link span.num {
  position: absolute;
  background-color: var(--alert);
  color: var(--white);
  border-radius: 50%;
  padding: 2px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -7px;
  right: -7px;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
}

#session-info-snippet {
  position: relative;
}
@media only screen and (max-width: 1080px) {
  #session-info-snippet {
    margin-right: auto;
  }
}
#session-info-snippet .timeleft {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 14px;
  color: var(--dark);
  width: 100%;
  background: var(--grey-lighten);
  text-align: center;
  padding: 0 2px;
  border-radius: 0 0 0 7px;
}
@media only screen and (max-width: 1080px) {
  #session-info-snippet .timeleft {
    display: none;
  }
}
#session-info-snippet button {
  margin-right: 0;
}
#session-info-snippet .alert {
  position: absolute;
  width: 300px;
  top: calc(100% + 30px);
  font-size: var(--font-size-small);
  right: 0;
  background: white;
  padding: 5px;
  border-radius: 5px;
  z-index: 100;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1080px) {
  #session-info-snippet .alert {
    bottom: calc(100% + 10px);
  }
}

.tickerlist swiper-slide {
  height: auto;
}
.tickerlist--item--wrap {
  height: 100%;
}
.tickerlist--item--icon {
  width: 50px;
  height: 50px;
  background-color: var(--white);
  color: var(--dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tickerlist--item--badge {
  background-color: var(--white);
  color: var(--dark);
  padding: 4px 8px;
  font-size: var(--font-size-smaller);
  display: inline-block;
  margin: 0 5px 5px 0;
}
@media only screen and (max-width: 1080px) {
  .tickerlist--item--badge {
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
  }
}
.tickerlist--item--badge--label {
  margin-right: 3px;
  text-transform: uppercase;
  font-weight: bold;
}

.contractservices--item--icon {
  width: 50px;
  height: 50px;
  background-color: var(--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  position: absolute;
  z-index: 1;
  bottom: var(--space-xs);
  left: var(--space-xs);
}
.contractservices--item--icon:before {
  color: inherit !important;
}

.kislist--slider swiper-slide {
  height: auto;
}
.kislist--alllink {
  position: absolute;
  right: 0;
  color: var(--grey-darken);
  text-transform: uppercase;
  font-weight: bold;
}
.kislist--alllink::before {
  content: "...";
  margin-right: 0.5rem;
  top: -0.3em;
  position: relative;
}
@media only screen and (max-width: 1080px) {
  .kislist--item--tecinfo * {
    font-size: 0.9rem;
  }
}
.kislist--item--icon {
  width: 50px;
  height: 50px;
  background-color: var(--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}
.kislist--item--icon.icon-tec::before {
  content: "i";
}
.kislist--item--text {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media only screen and (max-width: 1080px) {
  .kislist--item--text {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
}
.kislist--item--text .small-message {
  padding-top: 0.5rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 20px;
  display: inline-block;
}
@media only screen and (max-width: 1080px) {
  .kislist--item--text .small-message {
    font-size: 0.9rem;
    line-height: 17px;
  }
}
.kislist--item--wrap {
  border-bottom: 10px solid var(--primary);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.kislist--item--contact .kislist--item--icon {
  background-color: var(--secondary);
}
.kislist--item--contact .kislist--item--wrap {
  border-bottom: 10px solid var(--secondary);
}
.kislist--item--info {
  margin-top: auto;
}
@media only screen and (max-width: 1080px) {
  .kislist--item--info * {
    font-size: 0.9rem;
  }
}
.kislist--item--highlight {
  background-color: var(--highlight) !important;
}

.document--slider swiper-slide {
  height: auto;
}
.document--item--icon {
  width: 50px;
  height: 50px;
  background-color: var(--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}
.document--item--link {
  transition: all 0.3s ease;
}
.document--item--link:hover {
  background-color: var(--primary-darken);
  color: var(--white) !important;
}

.documents--view {
  --swiper-scrollbar-bottom: -40px;
}
@media only screen and (max-width: 1480px) {
  .documents--view .nav {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .documents--view .nav .btn {
    margin: 0 !important;
    min-width: auto;
  }
}
.documents--view .nav .btn-icon {
  text-transform: uppercase;
}
.documents--view .nav .btn-icon::before, .documents--view .nav .btn-icon::after {
  font-weight: bold !important;
}
.documents--view .nav .btn-icon.active {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}
.documents--view .nav .btn-icon.active::before {
  color: var(--white) !important;
}
.documents--view .nav .btn-icon:hover, .documents--view .nav .btn-icon:focus {
  background-color: var(--white);
  color: var(--primary);
}
.documents--view .nav .btn-icon:hover::before, .documents--view .nav .btn-icon:focus::before {
  color: var(--primary);
}

.is-active {
  background-color: var(--success);
}

.kis--header {
  min-height: 70px;
  padding-top: var(--space-base);
}
.kis--breadcrumb {
  opacity: 0.8;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.kis--breadcrumb span.icon, .kis--breadcrumb span.kis--type--icon {
  padding: 0 0.5rem 0 0;
}
.kis--breadcrumb * {
  font-size: var(--font-size-small);
}
.kis--info .contracts--item--text {
  padding: var(--space-xs);
}
.kis--info h2, .kis--info p {
  font-size: var(--font-size-base);
  color: var(--dark);
  margin: 0;
}
.kis--info h2 {
  margin-bottom: 5px;
}
.kis--stack {
  display: grid;
  gap: 1rem;
}
.kis--tile {
  width: 100%;
  padding: 1rem;
  background: #fff;
  border-width: 0;
  font-size: var(--font-size-base);
  color: var(--dark);
  display: flex;
  align-items: center;
  gap: 2rem;
  text-align: left;
  margin-bottom: 0;
}
.kis--step {
  font-size: var(--font-size-base);
}
.kis--step label {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
}
.kis--step--details textarea {
  background: rgba(0, 0, 0, 0.05);
}
.kis--type--icon::before {
  font-size: 3rem;
}
@media only screen and (max-width: 1080px) {
  .kis--type--icon::before {
    font-size: 2.5rem;
  }
}
.kis--type--icon--feather::before {
  font-family: "Default" !important;
}
.kis--textarea, .kis--files {
  margin-bottom: vas(--space-s);
}

.textlengthDisplay {
  font-size: var(--font-size-small);
  opacity: 0.7;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0.5rem;
}

.fileInfo {
  font-size: var(--font-size-small);
  opacity: 0.7;
}

.filePreview {
  font-size: var(--font-size-small);
  margin: 0.5rem 0;
  display: block;
  line-height: 1;
  font-style: italic;
}

.kis--type.btn {
  margin: 0 !important;
}
@media only screen and (max-width: 1080px) {
  .kis--type.btn {
    width: 100%;
  }
}
.kis--selected-type {
  display: inline-block;
  padding-top: 5px;
}
@media only screen and (max-width: 1080px) {
  .kis--selected-type {
    padding-top: 10px;
  }
}
.kis--textarea textarea {
  background: rgba(0, 0, 0, 0.05);
  min-height: 170px;
}
@media only screen and (max-width: 1080px) {
  .kis--textarea textarea {
    min-height: 150px;
  }
}

.registration-form {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.account-number-group {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-bottom: 0px;
}
.account-number-group input {
  width: 100%;
}

.account-input {
  width: 60px;
  padding: 5px;
  text-align: center;
}

.checkbox-group {
  display: flex;
  flex-direction: column;
  margin: 15px 0;
}

input[type=email] {
  width: 100%;
}

.feedback--rating {
  margin-bottom: var(--space-s);
}
.feedback--rating .rating--options button {
  width: 100%;
  border: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--font-size-small);
  transition: var(--transition-default);
  height: 100%;
}
.feedback--rating .rating--options button.is-active {
  background-color: var(--success);
}
@media only screen and (max-width: 1080px) {
  .feedback--rating .rating--options button {
    gap: var(--space-xxs);
  }
}
.feedback--rating .rating--options img {
  max-width: 70px;
  opacity: 0.8;
}
@media only screen and (max-width: 1080px) {
  .feedback--rating .rating--options img {
    max-width: 40px;
  }
}

@font-face {
  font-family: "Homemade Apple";
  src: url("/wp-content/themes/fbapp/css/fonts/homemade-apple/HomemadeApple-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Great Vibes";
  src: url("/wp-content/themes/fbapp/css/fonts/great-vibes/GreatVibes-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Homemade Apple";
  src: url("/wp-content/themes/fbapp/css/fonts/allura/Allura-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.signature--wrap {
  padding: var(--grid-padding);
  background: var(--white);
  margin-bottom: var(--grid-padding);
}
.signature--canvas {
  width: 100% !important;
  height: auto !important;
  display: block;
  touch-action: none !important;
}
.signature--toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-padding);
  align-items: center;
}
.signature--toolbar label {
  margin: 0;
}
.signature--controls {
  display: flex;
  gap: var(--grid-padding);
  align-items: center;
}
.signature--controls select {
  margin: 0;
  min-height: auto;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  border: 1px solid var(--grey-lighten);
}
.signature--controls span {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
}
.signature--name {
  width: 100%;
  background-color: var(--grey-lighten);
  margin: var(--grid-padding) 0;
}
.signature--actions {
  margin-top: var(--grid-padding);
  display: flex;
  gap: var(--grid-padding);
}
.signature--actions button {
  min-width: auto;
  min-height: auto;
  margin: 0;
  font-size: var(--font-size-small);
}

.stoerer--item {
  display: none;
  border: 0;
}
.stoerer--item[open] {
  display: flex;
}
@media only screen and (max-width: 1080px) {
  .stoerer--item {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1080px) {
  .stoerer--close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    scale: 0.7;
  }
}

.sr-only {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}

.skip-link {
  position: absolute;
  top: -50px;
  left: 0;
  background: #071788;
  color: #fff !important;
  padding: 8px 12px;
  z-index: 100;
  text-decoration: none;
  transition: top 0.2s;
}

.skip-link:focus {
  top: 0;
}

#ping {
  position: fixed;
  width: 140px;
  height: 140px;
  margin-left: -70px;
  margin-top: -70px;
  border-radius: 50%;
  border: 5px solid var(--warning);
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 99999999;
}
#ping.pinging {
  animation: pinging 0.5s ease 0s 1;
}

@keyframes pinging {
  0% {
    opacity: 0;
    border-width: 5px;
    transform: scale(0.2);
  }
  80% {
    opacity: 1;
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    border-width: 10px;
    transform: scale(1);
  }
}
:root {
  --primary: #203C89;
  --primary-lighten: rgb(123.2692307692, 150.1923076923, 224.2307692308);
  --primary-darken: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --secondary: #99C21D;
  --secondary-lighten: rgb(220.9417040359, 240.8901345291, 160.6098654709);
  --secondary-darken: rgb(118.0089686099, 149.6322869955, 22.3677130045);
  --tertiary: #ff7700;
  --tertiary-lighten: rgb(255, 214.2, 178.5);
  --tertiary-darken: rgb(204, 95.2, 0);
  --quaternary: #A1A1A1;
  --quaternary-lighten: rgb(250.25, 250.25, 250.25);
  --quaternary-darken: rgb(135.5, 135.5, 135.5);
  --quinary: #727272;
  --quinary-lighten: rgb(203.25, 203.25, 203.25);
  --quinary-darken: rgb(88.5, 88.5, 88.5);
  --senary: #EEEEEE;
  --senary-lighten: hsl(0, 0%, 128.3333333333%);
  --senary-darken: rgb(212.5, 212.5, 212.5);
  --white: #fff;
  --black: #000;
  --grey: #A1A1A1;
  --grey-lighten: #EEEEEE;
  --grey-darken: #6e6e6e;
  --dark: #222;
  --dark-lighten: rgb(62.05, 62.05, 62.05);
  --success: #a8f491;
  --success-lighten: hsl(106.0606060606, 81.8181818182%, 111.2745098039%);
  --succcess-darken: rgb(131.3305785124, 239.3636363636, 98.6363636364);
  --warning: #ffae00;
  --warning-lighten: rgb(255, 230.7, 178.5);
  --warning-darken: rgb(204, 139.2, 0);
  --alert: #cc4b37;
  --alert-lighten: rgb(240.2689243028, 203.0079681275, 197.2310756972);
  --alert-darken: rgb(165.7370517928, 58.8366533865, 42.2629482072);
  --info: #17a2b8;
  --info-lighten: rgb(144.3333333333, 227.9347826087, 241.1666666667);
  --info-darken: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  --news: #203C89;
  --news-lighten: rgb(123.2692307692, 150.1923076923, 224.2307692308);
  --news-darken: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --marker-text-color: #fff;
  --marker-color: #203C89;
  --offwhite: #fff8f0;
  --highlight: #2b9616;
  --bg-primary-font-color: #fff;
  --bg-primary-light-font-color: #fff;
  --bg-primary-dark-font-color: #fff;
  --bg-secondary-font-color: #000;
  --bg-secondary-light-font-color: #000;
  --bg-secondary-dark-font-color: #fff;
  --bg-tertiary-font-color: #fff;
  --bg-tertiary-light-font-color: #fff;
  --bg-tertiary-dark-font-color: #fff;
  --bg-quaternary-font-color: #fff;
  --bg-quaternary-light-font-color: #fff;
  --bg-quaternary-dark-font-color: #fff;
  --bg-quinary-font-color: #fff;
  --bg-quinary-light-font-color: #fff;
  --bg-quinary-dark-font-color: #fff;
  --bg-white-font-color: #222;
  --bg-black-font-color: #fff;
  --bg-grey-font-color: #222;
  --bg-dark-font-color: #fff;
  --bg-success-font-color: #fff;
  --bg-success-light-font-color: #fff;
  --bg-success-dark-font-color: #fff;
  --bg-warning-font-color: #000;
  --bg-warning-light-font-color: #000;
  --bg-warning-dark-font-color: #fff;
  --bg-alert-font-color: #fff;
  --bg-alert-light-font-color: #fff;
  --bg-alert-dark-font-color: #fff;
  --bg-info-font-color: #fff;
  --bg-info-light-font-color: #fff;
  --bg-info-dark-font-color: #fff;
  --bg-news-font-color: #fff;
  --bg-news-light-font-color: #fff;
  --bg-news-dark-font-color: #fff;
  --header-bg: #fff;
  --body-bg: #fff;
  --footer-bg: #000;
  --bg-primary-font-color: #fff;
  --bg-secondary-font-color: #000;
  --bg-tertiary-font-color: #fff;
  --bg-quaternary-font-color: #fff;
  --bg-quinary-font-color: #fff;
  --bg-senary-font-color: #fff;
  --bg-white-font-color: #222;
  --bg-black-font-color: #fff;
  --bg-grey-font-color: #222;
  --bg-dark-font-color: #fff;
  --bg-alert-font-color: #fff;
  --bg-success-font-color: #fff;
  --bg-warning-font-color: #000;
  --bg-info-font-color: #fff;
  --bg-news-font-color: #fff;
  --bg-primary-light-font-color: #fff;
  --bg-secondary-light-font-color: #000;
  --bg-tertiary-light-font-color: #fff;
  --bg-quaternary-light-font-color: #fff;
  --bg-quinary-light-font-color: #fff;
  --bg-senary-light-font-color: #fff;
  --bg-white-light-font-color: #222;
  --bg-black-light-font-color: #fff;
  --bg-grey-light-font-color: #222;
  --bg-dark-light-font-color: #fff;
  --bg-alert-light-font-color: #fff;
  --bg-success-light-font-color: #fff;
  --bg-warning-light-font-color: #000;
  --bg-info-light-font-color: #fff;
  --bg-news-light-font-color: #fff;
  --bg-primary-dark-font-color: #fff;
  --bg-secondary-dark-font-color: #fff;
  --bg-tertiary-dark-font-color: #fff;
  --bg-quaternary-dark-font-color: #fff;
  --bg-quinary-dark-font-color: #fff;
  --bg-senary-dark-font-color: #fff;
  --bg-white-dark-font-color: #222;
  --bg-black-dark-font-color: #fff;
  --bg-grey-dark-font-color: #fff;
  --bg-dark-dark-font-color: #fff;
  --bg-success-dark-font-color: #fff;
  --bg-warning-dark-font-color: #fff;
  --bg-alert-dark-font-color: #fff;
  --bg-info-dark-font-color: #fff;
  --bg-news-dark-font-color: #fff;
  --font-color: #222;
  --font-color-headline: #222;
  --font-color-invert: #fff;
  --font-size-base: 20px;
  --font-size-smaller: 14px;
  --font-size-small: 16px;
  --font-size-large: 24px;
  --font-weight-bold: 600;
  --font-weight-normal: 400;
  --font-family: TeX Gyre Heros, Helvetica Neue, Helvetica, sans-serif;
  --font-family-alternative: TeX Gyre Heros, Helvetica Neue, Helvetica, sans-serif;
  --headline-font: TeX Gyre Heros, Helvetica Neue, Helvetica, sans-serif;
  --headline-weight: 600;
  --font-size-h1: 60px;
  --font-size-h2: 45px;
  --font-size-h3: 33px;
  --font-size-h4: 25px;
  --font-size-h5: 20px;
  --font-size-h6: 16px;
  --font-size-h1-small: 33px;
  --font-size-h2-small: 26px;
  --font-size-h3-small: 22px;
  --font-size-h4-small: 18px;
  --font-size-h5-small: 16px;
  --font-size-h6-small: 15px;
  --font-size-h1-medium: 45px;
  --font-size-h2-medium: 35px;
  --font-size-h3-medium: 28px;
  --font-size-h4-medium: 22px;
  --font-size-h5-medium: 18px;
  --font-size-h6-medium: 16px;
  --font-size-paragraph: 20px;
  --font-size-paragraph-medium: 20px;
  --font-size-paragraph-small: 18px;
  --icon-font: "Default";
  --line-height-base: 1.5;
  --line-height-small: 1.5;
  --line-height-large: 1.8;
  --line-height-headline: 1.25;
  --border-color: #A1A1A1;
  --border-color-hover: #222;
  --input-bg: #fff;
  --input-bg-disabled: #dddddd;
  --input-border-color: #fff;
  --input-border-color-focus: #A1A1A1;
  --input-border-style: solid;
  --input-color: #222;
  --input-color-placeholder: #A1A1A1;
  --input-font-family: TeX Gyre Heros, Helvetica Neue, Helvetica, sans-serif;
  --input-line-height: 1.5;
  --input-label-color: #222;
  --input-label-font-family: TeX Gyre Heros, Helvetica Neue, Helvetica, sans-serif;
  --input-label-font-size: 20px;
  --input-label-font-weight: 400;
  --input-label-text-transform: uppercase;
  --button-border-radius: 0px;
  --button-border-style: solid;
  --button-border-width: 3px;
  --button-font-size: 20px;
  --button-font-weight: 600;
  --button-line-height: 1.5;
  --button-text-transform: unset;
  --button-min-width: 300px;
  --button-wide-min-width: 400px;
  --button-min-height: 60px;
  --button-padding-top: 10px;
  --button-padding-right: 20px;
  --button-padding-bottom: 10px;
  --button-padding-left: 20px;
  --button-icon-width: 60px;
  --table-bg: #A1A1A1;
  --table-lighten: #EEEEEE;
  --table-darken: #6e6e6e;
  --table-border-color: #EEEEEE;
  --grid-max-width: 1800px;
  --grid-columns: 12;
  --grid-gutter: 20px;
  --grid-padding: 20px;
  --space-xxs: 10px;
  --space-xs: 25px;
  --space-s: 40px;
  --space-m: 60px;
  --space-l: 80px;
  --space-xl: 100px;
  --space-xxl: 120px;
  --space-no: 0px;
  --space-base: 20px;
  --transition-default: 0.3s ease;
  --primary-10: background-opacity(#203C89, 10);
  --primary-light-10: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 10);
  --primary-dark-10: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 10);
  --secondary-10: background-opacity(#99C21D, 10);
  --secondar-lighty-10: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 10);
  --secondary-dark-10: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 10);
  --tertiary-10: background-opacity(#ff7700, 10);
  --tertiary-light-10: background-opacity(rgb(255, 214.2, 178.5), 10);
  --tertiary-dark-10: background-opacity(rgb(204, 95.2, 0), 10);
  --quaternary-10: background-opacity(#A1A1A1, 10);
  --quaternary-light-10: background-opacity(rgb(250.25, 250.25, 250.25), 10);
  --quaternary-dark-10: background-opacity(rgb(135.5, 135.5, 135.5), 10);
  --quinary-10: background-opacity(#727272, 10);
  --quinary-light-10: background-opacity(rgb(203.25, 203.25, 203.25), 10);
  --quinary-dark-10: background-opacity(rgb(88.5, 88.5, 88.5), 10);
  --senary-10: background-opacity(#EEEEEE, 10);
  --senary-light-10: background-opacity(hsl(0, 0%, 128.3333333333%), 10);
  --senary-dark-10: background-opacity(rgb(212.5, 212.5, 212.5), 10);
  --black-10: background-opacity(#000, 10);
  --white-10: background-opacity(#fff, 10);
  --success-10: background-opacity(#a8f491, 10);
  --success-light-10: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 10);
  --success-dark-10: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 10);
  --warning-10: background-opacity(#ffae00, 10);
  --warning-light-10: background-opacity(rgb(255, 230.7, 178.5), 10);
  --warning-dark-10: background-opacity(rgb(204, 139.2, 0), 10);
  --alert-10: background-opacity(#cc4b37, 10);
  --alert-light-10: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 10);
  --alert-dark-10: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 10);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-20: background-opacity(#203C89, 20);
  --primary-light-20: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 20);
  --primary-dark-20: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 20);
  --secondary-20: background-opacity(#99C21D, 20);
  --secondar-lighty-20: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 20);
  --secondary-dark-20: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 20);
  --tertiary-20: background-opacity(#ff7700, 20);
  --tertiary-light-20: background-opacity(rgb(255, 214.2, 178.5), 20);
  --tertiary-dark-20: background-opacity(rgb(204, 95.2, 0), 20);
  --quaternary-20: background-opacity(#A1A1A1, 20);
  --quaternary-light-20: background-opacity(rgb(250.25, 250.25, 250.25), 20);
  --quaternary-dark-20: background-opacity(rgb(135.5, 135.5, 135.5), 20);
  --quinary-20: background-opacity(#727272, 20);
  --quinary-light-20: background-opacity(rgb(203.25, 203.25, 203.25), 20);
  --quinary-dark-20: background-opacity(rgb(88.5, 88.5, 88.5), 20);
  --senary-20: background-opacity(#EEEEEE, 20);
  --senary-light-20: background-opacity(hsl(0, 0%, 128.3333333333%), 20);
  --senary-dark-20: background-opacity(rgb(212.5, 212.5, 212.5), 20);
  --black-20: background-opacity(#000, 20);
  --white-20: background-opacity(#fff, 20);
  --success-20: background-opacity(#a8f491, 20);
  --success-light-20: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 20);
  --success-dark-20: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 20);
  --warning-20: background-opacity(#ffae00, 20);
  --warning-light-20: background-opacity(rgb(255, 230.7, 178.5), 20);
  --warning-dark-20: background-opacity(rgb(204, 139.2, 0), 20);
  --alert-20: background-opacity(#cc4b37, 20);
  --alert-light-20: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 20);
  --alert-dark-20: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 20);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-30: background-opacity(#203C89, 30);
  --primary-light-30: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 30);
  --primary-dark-30: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 30);
  --secondary-30: background-opacity(#99C21D, 30);
  --secondar-lighty-30: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 30);
  --secondary-dark-30: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 30);
  --tertiary-30: background-opacity(#ff7700, 30);
  --tertiary-light-30: background-opacity(rgb(255, 214.2, 178.5), 30);
  --tertiary-dark-30: background-opacity(rgb(204, 95.2, 0), 30);
  --quaternary-30: background-opacity(#A1A1A1, 30);
  --quaternary-light-30: background-opacity(rgb(250.25, 250.25, 250.25), 30);
  --quaternary-dark-30: background-opacity(rgb(135.5, 135.5, 135.5), 30);
  --quinary-30: background-opacity(#727272, 30);
  --quinary-light-30: background-opacity(rgb(203.25, 203.25, 203.25), 30);
  --quinary-dark-30: background-opacity(rgb(88.5, 88.5, 88.5), 30);
  --senary-30: background-opacity(#EEEEEE, 30);
  --senary-light-30: background-opacity(hsl(0, 0%, 128.3333333333%), 30);
  --senary-dark-30: background-opacity(rgb(212.5, 212.5, 212.5), 30);
  --black-30: background-opacity(#000, 30);
  --white-30: background-opacity(#fff, 30);
  --success-30: background-opacity(#a8f491, 30);
  --success-light-30: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 30);
  --success-dark-30: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 30);
  --warning-30: background-opacity(#ffae00, 30);
  --warning-light-30: background-opacity(rgb(255, 230.7, 178.5), 30);
  --warning-dark-30: background-opacity(rgb(204, 139.2, 0), 30);
  --alert-30: background-opacity(#cc4b37, 30);
  --alert-light-30: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 30);
  --alert-dark-30: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 30);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-40: background-opacity(#203C89, 40);
  --primary-light-40: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 40);
  --primary-dark-40: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 40);
  --secondary-40: background-opacity(#99C21D, 40);
  --secondar-lighty-40: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 40);
  --secondary-dark-40: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 40);
  --tertiary-40: background-opacity(#ff7700, 40);
  --tertiary-light-40: background-opacity(rgb(255, 214.2, 178.5), 40);
  --tertiary-dark-40: background-opacity(rgb(204, 95.2, 0), 40);
  --quaternary-40: background-opacity(#A1A1A1, 40);
  --quaternary-light-40: background-opacity(rgb(250.25, 250.25, 250.25), 40);
  --quaternary-dark-40: background-opacity(rgb(135.5, 135.5, 135.5), 40);
  --quinary-40: background-opacity(#727272, 40);
  --quinary-light-40: background-opacity(rgb(203.25, 203.25, 203.25), 40);
  --quinary-dark-40: background-opacity(rgb(88.5, 88.5, 88.5), 40);
  --senary-40: background-opacity(#EEEEEE, 40);
  --senary-light-40: background-opacity(hsl(0, 0%, 128.3333333333%), 40);
  --senary-dark-40: background-opacity(rgb(212.5, 212.5, 212.5), 40);
  --black-40: background-opacity(#000, 40);
  --white-40: background-opacity(#fff, 40);
  --success-40: background-opacity(#a8f491, 40);
  --success-light-40: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 40);
  --success-dark-40: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 40);
  --warning-40: background-opacity(#ffae00, 40);
  --warning-light-40: background-opacity(rgb(255, 230.7, 178.5), 40);
  --warning-dark-40: background-opacity(rgb(204, 139.2, 0), 40);
  --alert-40: background-opacity(#cc4b37, 40);
  --alert-light-40: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 40);
  --alert-dark-40: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 40);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-50: background-opacity(#203C89, 50);
  --primary-light-50: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 50);
  --primary-dark-50: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 50);
  --secondary-50: background-opacity(#99C21D, 50);
  --secondar-lighty-50: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 50);
  --secondary-dark-50: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 50);
  --tertiary-50: background-opacity(#ff7700, 50);
  --tertiary-light-50: background-opacity(rgb(255, 214.2, 178.5), 50);
  --tertiary-dark-50: background-opacity(rgb(204, 95.2, 0), 50);
  --quaternary-50: background-opacity(#A1A1A1, 50);
  --quaternary-light-50: background-opacity(rgb(250.25, 250.25, 250.25), 50);
  --quaternary-dark-50: background-opacity(rgb(135.5, 135.5, 135.5), 50);
  --quinary-50: background-opacity(#727272, 50);
  --quinary-light-50: background-opacity(rgb(203.25, 203.25, 203.25), 50);
  --quinary-dark-50: background-opacity(rgb(88.5, 88.5, 88.5), 50);
  --senary-50: background-opacity(#EEEEEE, 50);
  --senary-light-50: background-opacity(hsl(0, 0%, 128.3333333333%), 50);
  --senary-dark-50: background-opacity(rgb(212.5, 212.5, 212.5), 50);
  --black-50: background-opacity(#000, 50);
  --white-50: background-opacity(#fff, 50);
  --success-50: background-opacity(#a8f491, 50);
  --success-light-50: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 50);
  --success-dark-50: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 50);
  --warning-50: background-opacity(#ffae00, 50);
  --warning-light-50: background-opacity(rgb(255, 230.7, 178.5), 50);
  --warning-dark-50: background-opacity(rgb(204, 139.2, 0), 50);
  --alert-50: background-opacity(#cc4b37, 50);
  --alert-light-50: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 50);
  --alert-dark-50: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 50);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-60: background-opacity(#203C89, 60);
  --primary-light-60: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 60);
  --primary-dark-60: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 60);
  --secondary-60: background-opacity(#99C21D, 60);
  --secondar-lighty-60: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 60);
  --secondary-dark-60: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 60);
  --tertiary-60: background-opacity(#ff7700, 60);
  --tertiary-light-60: background-opacity(rgb(255, 214.2, 178.5), 60);
  --tertiary-dark-60: background-opacity(rgb(204, 95.2, 0), 60);
  --quaternary-60: background-opacity(#A1A1A1, 60);
  --quaternary-light-60: background-opacity(rgb(250.25, 250.25, 250.25), 60);
  --quaternary-dark-60: background-opacity(rgb(135.5, 135.5, 135.5), 60);
  --quinary-60: background-opacity(#727272, 60);
  --quinary-light-60: background-opacity(rgb(203.25, 203.25, 203.25), 60);
  --quinary-dark-60: background-opacity(rgb(88.5, 88.5, 88.5), 60);
  --senary-60: background-opacity(#EEEEEE, 60);
  --senary-light-60: background-opacity(hsl(0, 0%, 128.3333333333%), 60);
  --senary-dark-60: background-opacity(rgb(212.5, 212.5, 212.5), 60);
  --black-60: background-opacity(#000, 60);
  --white-60: background-opacity(#fff, 60);
  --success-60: background-opacity(#a8f491, 60);
  --success-light-60: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 60);
  --success-dark-60: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 60);
  --warning-60: background-opacity(#ffae00, 60);
  --warning-light-60: background-opacity(rgb(255, 230.7, 178.5), 60);
  --warning-dark-60: background-opacity(rgb(204, 139.2, 0), 60);
  --alert-60: background-opacity(#cc4b37, 60);
  --alert-light-60: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 60);
  --alert-dark-60: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 60);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-70: background-opacity(#203C89, 70);
  --primary-light-70: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 70);
  --primary-dark-70: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 70);
  --secondary-70: background-opacity(#99C21D, 70);
  --secondar-lighty-70: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 70);
  --secondary-dark-70: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 70);
  --tertiary-70: background-opacity(#ff7700, 70);
  --tertiary-light-70: background-opacity(rgb(255, 214.2, 178.5), 70);
  --tertiary-dark-70: background-opacity(rgb(204, 95.2, 0), 70);
  --quaternary-70: background-opacity(#A1A1A1, 70);
  --quaternary-light-70: background-opacity(rgb(250.25, 250.25, 250.25), 70);
  --quaternary-dark-70: background-opacity(rgb(135.5, 135.5, 135.5), 70);
  --quinary-70: background-opacity(#727272, 70);
  --quinary-light-70: background-opacity(rgb(203.25, 203.25, 203.25), 70);
  --quinary-dark-70: background-opacity(rgb(88.5, 88.5, 88.5), 70);
  --senary-70: background-opacity(#EEEEEE, 70);
  --senary-light-70: background-opacity(hsl(0, 0%, 128.3333333333%), 70);
  --senary-dark-70: background-opacity(rgb(212.5, 212.5, 212.5), 70);
  --black-70: background-opacity(#000, 70);
  --white-70: background-opacity(#fff, 70);
  --success-70: background-opacity(#a8f491, 70);
  --success-light-70: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 70);
  --success-dark-70: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 70);
  --warning-70: background-opacity(#ffae00, 70);
  --warning-light-70: background-opacity(rgb(255, 230.7, 178.5), 70);
  --warning-dark-70: background-opacity(rgb(204, 139.2, 0), 70);
  --alert-70: background-opacity(#cc4b37, 70);
  --alert-light-70: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 70);
  --alert-dark-70: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 70);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-80: background-opacity(#203C89, 80);
  --primary-light-80: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 80);
  --primary-dark-80: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 80);
  --secondary-80: background-opacity(#99C21D, 80);
  --secondar-lighty-80: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 80);
  --secondary-dark-80: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 80);
  --tertiary-80: background-opacity(#ff7700, 80);
  --tertiary-light-80: background-opacity(rgb(255, 214.2, 178.5), 80);
  --tertiary-dark-80: background-opacity(rgb(204, 95.2, 0), 80);
  --quaternary-80: background-opacity(#A1A1A1, 80);
  --quaternary-light-80: background-opacity(rgb(250.25, 250.25, 250.25), 80);
  --quaternary-dark-80: background-opacity(rgb(135.5, 135.5, 135.5), 80);
  --quinary-80: background-opacity(#727272, 80);
  --quinary-light-80: background-opacity(rgb(203.25, 203.25, 203.25), 80);
  --quinary-dark-80: background-opacity(rgb(88.5, 88.5, 88.5), 80);
  --senary-80: background-opacity(#EEEEEE, 80);
  --senary-light-80: background-opacity(hsl(0, 0%, 128.3333333333%), 80);
  --senary-dark-80: background-opacity(rgb(212.5, 212.5, 212.5), 80);
  --black-80: background-opacity(#000, 80);
  --white-80: background-opacity(#fff, 80);
  --success-80: background-opacity(#a8f491, 80);
  --success-light-80: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 80);
  --success-dark-80: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 80);
  --warning-80: background-opacity(#ffae00, 80);
  --warning-light-80: background-opacity(rgb(255, 230.7, 178.5), 80);
  --warning-dark-80: background-opacity(rgb(204, 139.2, 0), 80);
  --alert-80: background-opacity(#cc4b37, 80);
  --alert-light-80: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 80);
  --alert-dark-80: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 80);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-90: background-opacity(#203C89, 90);
  --primary-light-90: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 90);
  --primary-dark-90: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 90);
  --secondary-90: background-opacity(#99C21D, 90);
  --secondar-lighty-90: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 90);
  --secondary-dark-90: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 90);
  --tertiary-90: background-opacity(#ff7700, 90);
  --tertiary-light-90: background-opacity(rgb(255, 214.2, 178.5), 90);
  --tertiary-dark-90: background-opacity(rgb(204, 95.2, 0), 90);
  --quaternary-90: background-opacity(#A1A1A1, 90);
  --quaternary-light-90: background-opacity(rgb(250.25, 250.25, 250.25), 90);
  --quaternary-dark-90: background-opacity(rgb(135.5, 135.5, 135.5), 90);
  --quinary-90: background-opacity(#727272, 90);
  --quinary-light-90: background-opacity(rgb(203.25, 203.25, 203.25), 90);
  --quinary-dark-90: background-opacity(rgb(88.5, 88.5, 88.5), 90);
  --senary-90: background-opacity(#EEEEEE, 90);
  --senary-light-90: background-opacity(hsl(0, 0%, 128.3333333333%), 90);
  --senary-dark-90: background-opacity(rgb(212.5, 212.5, 212.5), 90);
  --black-90: background-opacity(#000, 90);
  --white-90: background-opacity(#fff, 90);
  --success-90: background-opacity(#a8f491, 90);
  --success-light-90: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 90);
  --success-dark-90: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 90);
  --warning-90: background-opacity(#ffae00, 90);
  --warning-light-90: background-opacity(rgb(255, 230.7, 178.5), 90);
  --warning-dark-90: background-opacity(rgb(204, 139.2, 0), 90);
  --alert-90: background-opacity(#cc4b37, 90);
  --alert-light-90: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 90);
  --alert-dark-90: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 90);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
  --primary-100: background-opacity(#203C89, 100);
  --primary-light-100: background-opacity(rgb(123.2692307692, 150.1923076923, 224.2307692308), 100);
  --primary-dark-100: background-opacity(rgb(22.3431952663, 41.8934911243, 95.6568047337), 100);
  --secondary-100: background-opacity(#99C21D, 100);
  --secondar-lighty-100: background-opacity(rgb(220.9417040359, 240.8901345291, 160.6098654709), 100);
  --secondary-dark-100: background-opacity(rgb(118.0089686099, 149.6322869955, 22.3677130045), 100);
  --tertiary-100: background-opacity(#ff7700, 100);
  --tertiary-light-100: background-opacity(rgb(255, 214.2, 178.5), 100);
  --tertiary-dark-100: background-opacity(rgb(204, 95.2, 0), 100);
  --quaternary-100: background-opacity(#A1A1A1, 100);
  --quaternary-light-100: background-opacity(rgb(250.25, 250.25, 250.25), 100);
  --quaternary-dark-100: background-opacity(rgb(135.5, 135.5, 135.5), 100);
  --quinary-100: background-opacity(#727272, 100);
  --quinary-light-100: background-opacity(rgb(203.25, 203.25, 203.25), 100);
  --quinary-dark-100: background-opacity(rgb(88.5, 88.5, 88.5), 100);
  --senary-100: background-opacity(#EEEEEE, 100);
  --senary-light-100: background-opacity(hsl(0, 0%, 128.3333333333%), 100);
  --senary-dark-100: background-opacity(rgb(212.5, 212.5, 212.5), 100);
  --black-100: background-opacity(#000, 100);
  --white-100: background-opacity(#fff, 100);
  --success-100: background-opacity(#a8f491, 100);
  --success-light-100: background-opacity(hsl(106.0606060606, 81.8181818182%, 111.2745098039%), 100);
  --success-dark-100: background-opacity(rgb(131.3305785124, 239.3636363636, 98.6363636364), 100);
  --warning-100: background-opacity(#ffae00, 100);
  --warning-light-100: background-opacity(rgb(255, 230.7, 178.5), 100);
  --warning-dark-100: background-opacity(rgb(204, 139.2, 0), 100);
  --alert-100: background-opacity(#cc4b37, 100);
  --alert-light-100: background-opacity(rgb(240.2689243028, 203.0079681275, 197.2310756972), 100);
  --alert-dark-100: background-opacity(rgb(165.7370517928, 58.8366533865, 42.2629482072), 100);
  --link: #203C89;
  --link-hover: rgb(22.3431952663, 41.8934911243, 95.6568047337);
}

/*# sourceMappingURL=style.css.map */