/* BREAKPOINTS */
.ut-hangingIndent {
  text-indent: -0.35em;
  margin-left: 0.35em !important;
}
.ut-hangingIndent p {
  text-indent: -0.35em;
}
.ut-hangingIndent p a {
  margin-left: 0.35em !important;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

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

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

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

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

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

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

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

#svgSprite {
  position: absolute;
  width: 0;
  height: 0;
  z-index: -1;
}

html {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #38abab;
}

a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  line-height: 1.5em;
  margin-top: 20px;
  margin-bottom: 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child {
  margin-top: 0;
}

/*! purgecss start ignore */
/* GRID */
.container {
  max-width: 1400px;
  margin: 0 auto;
  display: block;
}

.modern .grid, .flexbox.csscalc.js .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.modern .flex > .grid, .flexbox.csscalc.js .flex > .grid {
  /* Width 100% would be better but firefox won't use the calculated value */
  -ms-flex-preferred-size: calc(100% + 20px);
      flex-basis: calc(100% + 20px);
}
.grid > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.legacy .grid > *, .no-flexbox .grid > *, .no-csscalc .grid > *, .no-js .grid > * {
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1500px) {
  .modern .desktop\:grid, .flexbox.csscalc.js .desktop\:grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .modern .flex > .desktop\:grid, .flexbox.csscalc.js .flex > .desktop\:grid {
    /* Width 100% would be better but firefox won't use the calculated value */
    -ms-flex-preferred-size: calc(100% + 20px);
        flex-basis: calc(100% + 20px);
  }
  .desktop\:grid > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .legacy .desktop\:grid > *, .no-flexbox .desktop\:grid > *, .no-csscalc .desktop\:grid > *, .no-js .desktop\:grid > * {
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 1023px) {
  .modern .tablet\:grid, .flexbox.csscalc.js .tablet\:grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .modern .flex > .tablet\:grid, .flexbox.csscalc.js .flex > .tablet\:grid {
    /* Width 100% would be better but firefox won't use the calculated value */
    -ms-flex-preferred-size: calc(100% + 20px);
        flex-basis: calc(100% + 20px);
  }
  .tablet\:grid > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .legacy .tablet\:grid > *, .no-flexbox .tablet\:grid > *, .no-csscalc .tablet\:grid > *, .no-js .tablet\:grid > * {
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  .modern .mobile\:grid, .flexbox.csscalc.js .mobile\:grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .modern .flex > .mobile\:grid, .flexbox.csscalc.js .flex > .mobile\:grid {
    /* Width 100% would be better but firefox won't use the calculated value */
    -ms-flex-preferred-size: calc(100% + 20px);
        flex-basis: calc(100% + 20px);
  }
  .mobile\:grid > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .legacy .mobile\:grid > *, .no-flexbox .mobile\:grid > *, .no-csscalc .mobile\:grid > *, .no-js .mobile\:grid > * {
    display: inline-block;
    vertical-align: top;
  }
}
.grid--gutters-0 {
  margin: 0 0 0 0;
  margin-bottom: 0;
}
.grid--gutters-0 > * {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}

.grid--gutters-x-0 {
  margin: 0 0 0 0;
}
.grid--gutters-x-0 > * {
  padding-right: 0;
  padding-left: 0;
}

.grid--gutters-y-0 {
  margin-bottom: 0;
}
.grid--gutters-y-0 > * {
  margin-bottom: 0;
}

.grid--gutters-0\.5 {
  margin: 0 -4px 0 -4px;
  margin-bottom: -8px;
}
.grid--gutters-0\.5 > * {
  padding-right: 4px;
  padding-left: 4px;
  margin-bottom: 8px;
}

.grid--gutters-x-0\.5 {
  margin: 0 -4px 0 -4px;
}
.grid--gutters-x-0\.5 > * {
  padding-right: 4px;
  padding-left: 4px;
}

.grid--gutters-y-0\.5 {
  margin-bottom: -8px;
}
.grid--gutters-y-0\.5 > * {
  margin-bottom: 8px;
}

.grid--gutters {
  margin: 0 -8px 0 -8px;
  margin-bottom: -16px;
}
.grid--gutters > * {
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 16px;
}

.grid--gutters-x {
  margin: 0 -8px 0 -8px;
}
.grid--gutters-x > * {
  padding-right: 8px;
  padding-left: 8px;
}

.grid--gutters-y {
  margin-bottom: -16px;
}
.grid--gutters-y > * {
  margin-bottom: 16px;
}

.grid--gutters-1\.5 {
  margin: 0 -12px 0 -12px;
  margin-bottom: -24px;
}
.grid--gutters-1\.5 > * {
  padding-right: 12px;
  padding-left: 12px;
  margin-bottom: 24px;
}

.grid--gutters-x-1\.5 {
  margin: 0 -12px 0 -12px;
}
.grid--gutters-x-1\.5 > * {
  padding-right: 12px;
  padding-left: 12px;
}

.grid--gutters-y-1\.5 {
  margin-bottom: -24px;
}
.grid--gutters-y-1\.5 > * {
  margin-bottom: 24px;
}

.grid--gutters-2 {
  margin: 0 -16px 0 -16px;
  margin-bottom: -32px;
}
.grid--gutters-2 > * {
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 32px;
}

.grid--gutters-x-2 {
  margin: 0 -16px 0 -16px;
}
.grid--gutters-x-2 > * {
  padding-right: 16px;
  padding-left: 16px;
}

.grid--gutters-y-2 {
  margin-bottom: -32px;
}
.grid--gutters-y-2 > * {
  margin-bottom: 32px;
}

.grid--gutters-3 {
  margin: 0 -24px 0 -24px;
  margin-bottom: -48px;
}
.grid--gutters-3 > * {
  padding-right: 24px;
  padding-left: 24px;
  margin-bottom: 48px;
}

.grid--gutters-x-3 {
  margin: 0 -24px 0 -24px;
}
.grid--gutters-x-3 > * {
  padding-right: 24px;
  padding-left: 24px;
}

.grid--gutters-y-3 {
  margin-bottom: -48px;
}
.grid--gutters-y-3 > * {
  margin-bottom: 48px;
}

.grid--gutters-4 {
  margin: 0 -32px 0 -32px;
  margin-bottom: -64px;
}
.grid--gutters-4 > * {
  padding-right: 32px;
  padding-left: 32px;
  margin-bottom: 64px;
}

.grid--gutters-x-4 {
  margin: 0 -32px 0 -32px;
}
.grid--gutters-x-4 > * {
  padding-right: 32px;
  padding-left: 32px;
}

.grid--gutters-y-4 {
  margin-bottom: -64px;
}
.grid--gutters-y-4 > * {
  margin-bottom: 64px;
}

@media (max-width: 1500px) {
  .desktop\:grid--gutters-0 {
    margin: 0 0 0 0;
    margin-bottom: 0;
  }
  .desktop\:grid--gutters-0 > * {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  .desktop\:grid--gutters-x-0 {
    margin: 0 0 0 0;
  }
  .desktop\:grid--gutters-x-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .desktop\:grid--gutters-y-0 {
    margin-bottom: 0;
  }
  .desktop\:grid--gutters-y-0 > * {
    margin-bottom: 0;
  }
  .desktop\:grid--gutters-0\.5 {
    margin: 0 -4px 0 -4px;
    margin-bottom: -8px;
  }
  .desktop\:grid--gutters-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px;
  }
  .desktop\:grid--gutters-x-0\.5 {
    margin: 0 -4px 0 -4px;
  }
  .desktop\:grid--gutters-x-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .desktop\:grid--gutters-y-0\.5 {
    margin-bottom: -8px;
  }
  .desktop\:grid--gutters-y-0\.5 > * {
    margin-bottom: 8px;
  }
  .desktop\:grid--gutters {
    margin: 0 -8px 0 -8px;
    margin-bottom: -16px;
  }
  .desktop\:grid--gutters > * {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
  }
  .desktop\:grid--gutters-x {
    margin: 0 -8px 0 -8px;
  }
  .desktop\:grid--gutters-x > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .desktop\:grid--gutters-y {
    margin-bottom: -16px;
  }
  .desktop\:grid--gutters-y > * {
    margin-bottom: 16px;
  }
  .desktop\:grid--gutters-1\.5 {
    margin: 0 -12px 0 -12px;
    margin-bottom: -24px;
  }
  .desktop\:grid--gutters-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
  }
  .desktop\:grid--gutters-x-1\.5 {
    margin: 0 -12px 0 -12px;
  }
  .desktop\:grid--gutters-x-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .desktop\:grid--gutters-y-1\.5 {
    margin-bottom: -24px;
  }
  .desktop\:grid--gutters-y-1\.5 > * {
    margin-bottom: 24px;
  }
  .desktop\:grid--gutters-2 {
    margin: 0 -16px 0 -16px;
    margin-bottom: -32px;
  }
  .desktop\:grid--gutters-2 > * {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 32px;
  }
  .desktop\:grid--gutters-x-2 {
    margin: 0 -16px 0 -16px;
  }
  .desktop\:grid--gutters-x-2 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .desktop\:grid--gutters-y-2 {
    margin-bottom: -32px;
  }
  .desktop\:grid--gutters-y-2 > * {
    margin-bottom: 32px;
  }
  .desktop\:grid--gutters-3 {
    margin: 0 -24px 0 -24px;
    margin-bottom: -48px;
  }
  .desktop\:grid--gutters-3 > * {
    padding-right: 24px;
    padding-left: 24px;
    margin-bottom: 48px;
  }
  .desktop\:grid--gutters-x-3 {
    margin: 0 -24px 0 -24px;
  }
  .desktop\:grid--gutters-x-3 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .desktop\:grid--gutters-y-3 {
    margin-bottom: -48px;
  }
  .desktop\:grid--gutters-y-3 > * {
    margin-bottom: 48px;
  }
  .desktop\:grid--gutters-4 {
    margin: 0 -32px 0 -32px;
    margin-bottom: -64px;
  }
  .desktop\:grid--gutters-4 > * {
    padding-right: 32px;
    padding-left: 32px;
    margin-bottom: 64px;
  }
  .desktop\:grid--gutters-x-4 {
    margin: 0 -32px 0 -32px;
  }
  .desktop\:grid--gutters-x-4 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .desktop\:grid--gutters-y-4 {
    margin-bottom: -64px;
  }
  .desktop\:grid--gutters-y-4 > * {
    margin-bottom: 64px;
  }
}
@media (max-width: 1023px) {
  .tablet\:grid--gutters-0 {
    margin: 0 0 0 0;
    margin-bottom: 0;
  }
  .tablet\:grid--gutters-0 > * {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  .tablet\:grid--gutters-x-0 {
    margin: 0 0 0 0;
  }
  .tablet\:grid--gutters-x-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .tablet\:grid--gutters-y-0 {
    margin-bottom: 0;
  }
  .tablet\:grid--gutters-y-0 > * {
    margin-bottom: 0;
  }
  .tablet\:grid--gutters-0\.5 {
    margin: 0 -4px 0 -4px;
    margin-bottom: -8px;
  }
  .tablet\:grid--gutters-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px;
  }
  .tablet\:grid--gutters-x-0\.5 {
    margin: 0 -4px 0 -4px;
  }
  .tablet\:grid--gutters-x-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .tablet\:grid--gutters-y-0\.5 {
    margin-bottom: -8px;
  }
  .tablet\:grid--gutters-y-0\.5 > * {
    margin-bottom: 8px;
  }
  .tablet\:grid--gutters {
    margin: 0 -8px 0 -8px;
    margin-bottom: -16px;
  }
  .tablet\:grid--gutters > * {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
  }
  .tablet\:grid--gutters-x {
    margin: 0 -8px 0 -8px;
  }
  .tablet\:grid--gutters-x > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .tablet\:grid--gutters-y {
    margin-bottom: -16px;
  }
  .tablet\:grid--gutters-y > * {
    margin-bottom: 16px;
  }
  .tablet\:grid--gutters-1\.5 {
    margin: 0 -12px 0 -12px;
    margin-bottom: -24px;
  }
  .tablet\:grid--gutters-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
  }
  .tablet\:grid--gutters-x-1\.5 {
    margin: 0 -12px 0 -12px;
  }
  .tablet\:grid--gutters-x-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .tablet\:grid--gutters-y-1\.5 {
    margin-bottom: -24px;
  }
  .tablet\:grid--gutters-y-1\.5 > * {
    margin-bottom: 24px;
  }
  .tablet\:grid--gutters-2 {
    margin: 0 -16px 0 -16px;
    margin-bottom: -32px;
  }
  .tablet\:grid--gutters-2 > * {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 32px;
  }
  .tablet\:grid--gutters-x-2 {
    margin: 0 -16px 0 -16px;
  }
  .tablet\:grid--gutters-x-2 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .tablet\:grid--gutters-y-2 {
    margin-bottom: -32px;
  }
  .tablet\:grid--gutters-y-2 > * {
    margin-bottom: 32px;
  }
  .tablet\:grid--gutters-3 {
    margin: 0 -24px 0 -24px;
    margin-bottom: -48px;
  }
  .tablet\:grid--gutters-3 > * {
    padding-right: 24px;
    padding-left: 24px;
    margin-bottom: 48px;
  }
  .tablet\:grid--gutters-x-3 {
    margin: 0 -24px 0 -24px;
  }
  .tablet\:grid--gutters-x-3 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .tablet\:grid--gutters-y-3 {
    margin-bottom: -48px;
  }
  .tablet\:grid--gutters-y-3 > * {
    margin-bottom: 48px;
  }
  .tablet\:grid--gutters-4 {
    margin: 0 -32px 0 -32px;
    margin-bottom: -64px;
  }
  .tablet\:grid--gutters-4 > * {
    padding-right: 32px;
    padding-left: 32px;
    margin-bottom: 64px;
  }
  .tablet\:grid--gutters-x-4 {
    margin: 0 -32px 0 -32px;
  }
  .tablet\:grid--gutters-x-4 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .tablet\:grid--gutters-y-4 {
    margin-bottom: -64px;
  }
  .tablet\:grid--gutters-y-4 > * {
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .mobile\:grid--gutters-0 {
    margin: 0 0 0 0;
    margin-bottom: 0;
  }
  .mobile\:grid--gutters-0 > * {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  .mobile\:grid--gutters-x-0 {
    margin: 0 0 0 0;
  }
  .mobile\:grid--gutters-x-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .mobile\:grid--gutters-y-0 {
    margin-bottom: 0;
  }
  .mobile\:grid--gutters-y-0 > * {
    margin-bottom: 0;
  }
  .mobile\:grid--gutters-0\.5 {
    margin: 0 -4px 0 -4px;
    margin-bottom: -8px;
  }
  .mobile\:grid--gutters-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px;
  }
  .mobile\:grid--gutters-x-0\.5 {
    margin: 0 -4px 0 -4px;
  }
  .mobile\:grid--gutters-x-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .mobile\:grid--gutters-y-0\.5 {
    margin-bottom: -8px;
  }
  .mobile\:grid--gutters-y-0\.5 > * {
    margin-bottom: 8px;
  }
  .mobile\:grid--gutters {
    margin: 0 -8px 0 -8px;
    margin-bottom: -16px;
  }
  .mobile\:grid--gutters > * {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
  }
  .mobile\:grid--gutters-x {
    margin: 0 -8px 0 -8px;
  }
  .mobile\:grid--gutters-x > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .mobile\:grid--gutters-y {
    margin-bottom: -16px;
  }
  .mobile\:grid--gutters-y > * {
    margin-bottom: 16px;
  }
  .mobile\:grid--gutters-1\.5 {
    margin: 0 -12px 0 -12px;
    margin-bottom: -24px;
  }
  .mobile\:grid--gutters-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
  }
  .mobile\:grid--gutters-x-1\.5 {
    margin: 0 -12px 0 -12px;
  }
  .mobile\:grid--gutters-x-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .mobile\:grid--gutters-y-1\.5 {
    margin-bottom: -24px;
  }
  .mobile\:grid--gutters-y-1\.5 > * {
    margin-bottom: 24px;
  }
  .mobile\:grid--gutters-2 {
    margin: 0 -16px 0 -16px;
    margin-bottom: -32px;
  }
  .mobile\:grid--gutters-2 > * {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 32px;
  }
  .mobile\:grid--gutters-x-2 {
    margin: 0 -16px 0 -16px;
  }
  .mobile\:grid--gutters-x-2 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .mobile\:grid--gutters-y-2 {
    margin-bottom: -32px;
  }
  .mobile\:grid--gutters-y-2 > * {
    margin-bottom: 32px;
  }
  .mobile\:grid--gutters-3 {
    margin: 0 -24px 0 -24px;
    margin-bottom: -48px;
  }
  .mobile\:grid--gutters-3 > * {
    padding-right: 24px;
    padding-left: 24px;
    margin-bottom: 48px;
  }
  .mobile\:grid--gutters-x-3 {
    margin: 0 -24px 0 -24px;
  }
  .mobile\:grid--gutters-x-3 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .mobile\:grid--gutters-y-3 {
    margin-bottom: -48px;
  }
  .mobile\:grid--gutters-y-3 > * {
    margin-bottom: 48px;
  }
  .mobile\:grid--gutters-4 {
    margin: 0 -32px 0 -32px;
    margin-bottom: -64px;
  }
  .mobile\:grid--gutters-4 > * {
    padding-right: 32px;
    padding-left: 32px;
    margin-bottom: 64px;
  }
  .mobile\:grid--gutters-x-4 {
    margin: 0 -32px 0 -32px;
  }
  .mobile\:grid--gutters-x-4 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .mobile\:grid--gutters-y-4 {
    margin-bottom: -64px;
  }
  .mobile\:grid--gutters-y-4 > * {
    margin-bottom: 64px;
  }
}
.grid__inner {
  width: 100%;
}

/* ALIGNMENT */
.grid--left {
  text-align: left;
}
.modern .grid--left, .flexbox.csscalc.js .grid--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.grid--center {
  text-align: center;
}
.modern .grid--center, .flexbox.csscalc.js .grid--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grid--right {
  text-align: right;
}
.modern .grid--right, .flexbox.csscalc.js .grid--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* BREAKPOINTS */
.modern .grid--1\/12 > *, .flexbox.csscalc.js .grid--1\/12 > * {
  max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
}
.legacy .grid--1\/12 > *, .no-flexbox .grid--1\/12 > *, .no-csscalc .grid--1\/12 > *, .no-js .grid--1\/12 > * {
  width: 8.3333333333%;
}

.modern .grid__1\/12, .flexbox.csscalc.js .grid__1\/12 {
  max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
}
.legacy .grid__1\/12, .no-flexbox .grid__1\/12, .no-csscalc .grid__1\/12, .no-js .grid__1\/12 {
  width: 8.3333333333%;
}

.modern .grid--2\/12 > *, .modern .grid--1\/6 > *, .flexbox.csscalc.js .grid--2\/12 > *, .flexbox.csscalc.js .grid--1\/6 > * {
  max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
}
.legacy .grid--2\/12 > *, .legacy .grid--1\/6 > *, .no-flexbox .grid--2\/12 > *, .no-flexbox .grid--1\/6 > *, .no-csscalc .grid--2\/12 > *, .no-csscalc .grid--1\/6 > *, .no-js .grid--2\/12 > *, .no-js .grid--1\/6 > * {
  width: 16.6666666667%;
}

.modern .grid__2\/12, .modern .grid__1\/6, .flexbox.csscalc.js .grid__2\/12, .flexbox.csscalc.js .grid__1\/6 {
  max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
}
.legacy .grid__2\/12, .legacy .grid__1\/6, .no-flexbox .grid__2\/12, .no-flexbox .grid__1\/6, .no-csscalc .grid__2\/12, .no-csscalc .grid__1\/6, .no-js .grid__2\/12, .no-js .grid__1\/6 {
  width: 16.6666666667%;
}

.modern .grid--3\/12 > *, .modern .grid--1\/4 > *, .flexbox.csscalc.js .grid--3\/12 > *, .flexbox.csscalc.js .grid--1\/4 > * {
  max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.legacy .grid--3\/12 > *, .legacy .grid--1\/4 > *, .no-flexbox .grid--3\/12 > *, .no-flexbox .grid--1\/4 > *, .no-csscalc .grid--3\/12 > *, .no-csscalc .grid--1\/4 > *, .no-js .grid--3\/12 > *, .no-js .grid--1\/4 > * {
  width: 25%;
}

.modern .grid__3\/12, .modern .grid__1\/4, .flexbox.csscalc.js .grid__3\/12, .flexbox.csscalc.js .grid__1\/4 {
  max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.legacy .grid__3\/12, .legacy .grid__1\/4, .no-flexbox .grid__3\/12, .no-flexbox .grid__1\/4, .no-csscalc .grid__3\/12, .no-csscalc .grid__1\/4, .no-js .grid__3\/12, .no-js .grid__1\/4 {
  width: 25%;
}

.modern .grid--4\/12 > *, .modern .grid--1\/3 > *, .modern .grid--2\/6 > *, .flexbox.csscalc.js .grid--4\/12 > *, .flexbox.csscalc.js .grid--1\/3 > *, .flexbox.csscalc.js .grid--2\/6 > * {
  max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.legacy .grid--4\/12 > *, .legacy .grid--1\/3 > *, .legacy .grid--2\/6 > *, .no-flexbox .grid--4\/12 > *, .no-flexbox .grid--1\/3 > *, .no-flexbox .grid--2\/6 > *, .no-csscalc .grid--4\/12 > *, .no-csscalc .grid--1\/3 > *, .no-csscalc .grid--2\/6 > *, .no-js .grid--4\/12 > *, .no-js .grid--1\/3 > *, .no-js .grid--2\/6 > * {
  width: 33.3333333333%;
}

.modern .grid__4\/12, .modern .grid__1\/3, .modern .grid__2\/6, .flexbox.csscalc.js .grid__4\/12, .flexbox.csscalc.js .grid__1\/3, .flexbox.csscalc.js .grid__2\/6 {
  max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.legacy .grid__4\/12, .legacy .grid__1\/3, .legacy .grid__2\/6, .no-flexbox .grid__4\/12, .no-flexbox .grid__1\/3, .no-flexbox .grid__2\/6, .no-csscalc .grid__4\/12, .no-csscalc .grid__1\/3, .no-csscalc .grid__2\/6, .no-js .grid__4\/12, .no-js .grid__1\/3, .no-js .grid__2\/6 {
  width: 33.3333333333%;
}

.modern .grid--5\/12 > *, .flexbox.csscalc.js .grid--5\/12 > * {
  max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
}
.legacy .grid--5\/12 > *, .no-flexbox .grid--5\/12 > *, .no-csscalc .grid--5\/12 > *, .no-js .grid--5\/12 > * {
  width: 41.6666666667%;
}

.modern .grid__5\/12, .flexbox.csscalc.js .grid__5\/12 {
  max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
}
.legacy .grid__5\/12, .no-flexbox .grid__5\/12, .no-csscalc .grid__5\/12, .no-js .grid__5\/12 {
  width: 41.6666666667%;
}

.modern .grid--6\/12 > *, .modern .grid--1\/2 > *, .modern .grid--2\/4 > *, .modern .grid--3\/6 > *, .flexbox.csscalc.js .grid--6\/12 > *, .flexbox.csscalc.js .grid--1\/2 > *, .flexbox.csscalc.js .grid--2\/4 > *, .flexbox.csscalc.js .grid--3\/6 > * {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid--6\/12 > *, .legacy .grid--1\/2 > *, .legacy .grid--2\/4 > *, .legacy .grid--3\/6 > *, .no-flexbox .grid--6\/12 > *, .no-flexbox .grid--1\/2 > *, .no-flexbox .grid--2\/4 > *, .no-flexbox .grid--3\/6 > *, .no-csscalc .grid--6\/12 > *, .no-csscalc .grid--1\/2 > *, .no-csscalc .grid--2\/4 > *, .no-csscalc .grid--3\/6 > *, .no-js .grid--6\/12 > *, .no-js .grid--1\/2 > *, .no-js .grid--2\/4 > *, .no-js .grid--3\/6 > * {
  width: 50%;
}

.modern .grid__6\/12, .modern .grid__1\/2, .modern .grid__2\/4, .modern .grid__3\/6, .flexbox.csscalc.js .grid__6\/12, .flexbox.csscalc.js .grid__1\/2, .flexbox.csscalc.js .grid__2\/4, .flexbox.csscalc.js .grid__3\/6 {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid__6\/12, .legacy .grid__1\/2, .legacy .grid__2\/4, .legacy .grid__3\/6, .no-flexbox .grid__6\/12, .no-flexbox .grid__1\/2, .no-flexbox .grid__2\/4, .no-flexbox .grid__3\/6, .no-csscalc .grid__6\/12, .no-csscalc .grid__1\/2, .no-csscalc .grid__2\/4, .no-csscalc .grid__3\/6, .no-js .grid__6\/12, .no-js .grid__1\/2, .no-js .grid__2\/4, .no-js .grid__3\/6 {
  width: 50%;
}

.modern .grid--7\/12 > *, .flexbox.csscalc.js .grid--7\/12 > * {
  max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
}
.legacy .grid--7\/12 > *, .no-flexbox .grid--7\/12 > *, .no-csscalc .grid--7\/12 > *, .no-js .grid--7\/12 > * {
  width: 58.3333333333%;
}

.modern .grid__7\/12, .flexbox.csscalc.js .grid__7\/12 {
  max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
}
.legacy .grid__7\/12, .no-flexbox .grid__7\/12, .no-csscalc .grid__7\/12, .no-js .grid__7\/12 {
  width: 58.3333333333%;
}

.modern .grid--8\/12 > *, .modern .grid--2\/3 > *, .modern .grid--4\/6 > *, .flexbox.csscalc.js .grid--8\/12 > *, .flexbox.csscalc.js .grid--2\/3 > *, .flexbox.csscalc.js .grid--4\/6 > * {
  max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.legacy .grid--8\/12 > *, .legacy .grid--2\/3 > *, .legacy .grid--4\/6 > *, .no-flexbox .grid--8\/12 > *, .no-flexbox .grid--2\/3 > *, .no-flexbox .grid--4\/6 > *, .no-csscalc .grid--8\/12 > *, .no-csscalc .grid--2\/3 > *, .no-csscalc .grid--4\/6 > *, .no-js .grid--8\/12 > *, .no-js .grid--2\/3 > *, .no-js .grid--4\/6 > * {
  width: 66.6666666667%;
}

.modern .grid__8\/12, .modern .grid__2\/3, .modern .grid__4\/6, .flexbox.csscalc.js .grid__8\/12, .flexbox.csscalc.js .grid__2\/3, .flexbox.csscalc.js .grid__4\/6 {
  max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.legacy .grid__8\/12, .legacy .grid__2\/3, .legacy .grid__4\/6, .no-flexbox .grid__8\/12, .no-flexbox .grid__2\/3, .no-flexbox .grid__4\/6, .no-csscalc .grid__8\/12, .no-csscalc .grid__2\/3, .no-csscalc .grid__4\/6, .no-js .grid__8\/12, .no-js .grid__2\/3, .no-js .grid__4\/6 {
  width: 66.6666666667%;
}

.modern .grid--9\/12 > *, .modern .grid--3\/4 > *, .flexbox.csscalc.js .grid--9\/12 > *, .flexbox.csscalc.js .grid--3\/4 > * {
  max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.legacy .grid--9\/12 > *, .legacy .grid--3\/4 > *, .no-flexbox .grid--9\/12 > *, .no-flexbox .grid--3\/4 > *, .no-csscalc .grid--9\/12 > *, .no-csscalc .grid--3\/4 > *, .no-js .grid--9\/12 > *, .no-js .grid--3\/4 > * {
  width: 75%;
}

.modern .grid__9\/12, .modern .grid__3\/4, .flexbox.csscalc.js .grid__9\/12, .flexbox.csscalc.js .grid__3\/4 {
  max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.legacy .grid__9\/12, .legacy .grid__3\/4, .no-flexbox .grid__9\/12, .no-flexbox .grid__3\/4, .no-csscalc .grid__9\/12, .no-csscalc .grid__3\/4, .no-js .grid__9\/12, .no-js .grid__3\/4 {
  width: 75%;
}

.modern .grid--10\/12 > *, .modern .grid--5\/6 > *, .flexbox.csscalc.js .grid--10\/12 > *, .flexbox.csscalc.js .grid--5\/6 > * {
  max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
}
.legacy .grid--10\/12 > *, .legacy .grid--5\/6 > *, .no-flexbox .grid--10\/12 > *, .no-flexbox .grid--5\/6 > *, .no-csscalc .grid--10\/12 > *, .no-csscalc .grid--5\/6 > *, .no-js .grid--10\/12 > *, .no-js .grid--5\/6 > * {
  width: 83.3333333333%;
}

.modern .grid__10\/12, .modern .grid__5\/6, .flexbox.csscalc.js .grid__10\/12, .flexbox.csscalc.js .grid__5\/6 {
  max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
}
.legacy .grid__10\/12, .legacy .grid__5\/6, .no-flexbox .grid__10\/12, .no-flexbox .grid__5\/6, .no-csscalc .grid__10\/12, .no-csscalc .grid__5\/6, .no-js .grid__10\/12, .no-js .grid__5\/6 {
  width: 83.3333333333%;
}

.modern .grid--11\/12 > *, .flexbox.csscalc.js .grid--11\/12 > * {
  max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
}
.legacy .grid--11\/12 > *, .no-flexbox .grid--11\/12 > *, .no-csscalc .grid--11\/12 > *, .no-js .grid--11\/12 > * {
  width: 91.6666666667%;
}

.modern .grid__11\/12, .flexbox.csscalc.js .grid__11\/12 {
  max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
}
.legacy .grid__11\/12, .no-flexbox .grid__11\/12, .no-csscalc .grid__11\/12, .no-js .grid__11\/12 {
  width: 91.6666666667%;
}

.modern .grid--12\/12 > *, .modern .grid--1\/1 > *, .modern .grid--2\/2 > *, .modern .grid--3\/3 > *, .modern .grid--4\/4 > *, .modern .grid--6\/6 > *, .flexbox.csscalc.js .grid--12\/12 > *, .flexbox.csscalc.js .grid--1\/1 > *, .flexbox.csscalc.js .grid--2\/2 > *, .flexbox.csscalc.js .grid--3\/3 > *, .flexbox.csscalc.js .grid--4\/4 > *, .flexbox.csscalc.js .grid--6\/6 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--12\/12 > *, .legacy .grid--1\/1 > *, .legacy .grid--2\/2 > *, .legacy .grid--3\/3 > *, .legacy .grid--4\/4 > *, .legacy .grid--6\/6 > *, .no-flexbox .grid--12\/12 > *, .no-flexbox .grid--1\/1 > *, .no-flexbox .grid--2\/2 > *, .no-flexbox .grid--3\/3 > *, .no-flexbox .grid--4\/4 > *, .no-flexbox .grid--6\/6 > *, .no-csscalc .grid--12\/12 > *, .no-csscalc .grid--1\/1 > *, .no-csscalc .grid--2\/2 > *, .no-csscalc .grid--3\/3 > *, .no-csscalc .grid--4\/4 > *, .no-csscalc .grid--6\/6 > *, .no-js .grid--12\/12 > *, .no-js .grid--1\/1 > *, .no-js .grid--2\/2 > *, .no-js .grid--3\/3 > *, .no-js .grid--4\/4 > *, .no-js .grid--6\/6 > * {
  width: 100%;
}

.modern .grid__12\/12, .modern .grid__1\/1, .modern .grid__2\/2, .modern .grid__3\/3, .modern .grid__4\/4, .modern .grid__6\/6, .flexbox.csscalc.js .grid__12\/12, .flexbox.csscalc.js .grid__1\/1, .flexbox.csscalc.js .grid__2\/2, .flexbox.csscalc.js .grid__3\/3, .flexbox.csscalc.js .grid__4\/4, .flexbox.csscalc.js .grid__6\/6 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__12\/12, .legacy .grid__1\/1, .legacy .grid__2\/2, .legacy .grid__3\/3, .legacy .grid__4\/4, .legacy .grid__6\/6, .no-flexbox .grid__12\/12, .no-flexbox .grid__1\/1, .no-flexbox .grid__2\/2, .no-flexbox .grid__3\/3, .no-flexbox .grid__4\/4, .no-flexbox .grid__6\/6, .no-csscalc .grid__12\/12, .no-csscalc .grid__1\/1, .no-csscalc .grid__2\/2, .no-csscalc .grid__3\/3, .no-csscalc .grid__4\/4, .no-csscalc .grid__6\/6, .no-js .grid__12\/12, .no-js .grid__1\/1, .no-js .grid__2\/2, .no-js .grid__3\/3, .no-js .grid__4\/4, .no-js .grid__6\/6 {
  width: 100%;
}

.modern .grid--1\/5 > *, .flexbox.csscalc.js .grid--1\/5 > * {
  max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.legacy .grid--1\/5 > *, .no-flexbox .grid--1\/5 > *, .no-csscalc .grid--1\/5 > *, .no-js .grid--1\/5 > * {
  width: 20%;
}

.modern .grid__1\/5, .flexbox.csscalc.js .grid__1\/5 {
  max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.legacy .grid__1\/5, .no-flexbox .grid__1\/5, .no-csscalc .grid__1\/5, .no-js .grid__1\/5 {
  width: 20%;
}

.modern .grid--2\/5 > *, .flexbox.csscalc.js .grid--2\/5 > * {
  max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.legacy .grid--2\/5 > *, .no-flexbox .grid--2\/5 > *, .no-csscalc .grid--2\/5 > *, .no-js .grid--2\/5 > * {
  width: 40%;
}

.modern .grid__2\/5, .flexbox.csscalc.js .grid__2\/5 {
  max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.legacy .grid__2\/5, .no-flexbox .grid__2\/5, .no-csscalc .grid__2\/5, .no-js .grid__2\/5 {
  width: 40%;
}

.modern .grid--3\/5 > *, .flexbox.csscalc.js .grid--3\/5 > * {
  max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.legacy .grid--3\/5 > *, .no-flexbox .grid--3\/5 > *, .no-csscalc .grid--3\/5 > *, .no-js .grid--3\/5 > * {
  width: 60%;
}

.modern .grid__3\/5, .flexbox.csscalc.js .grid__3\/5 {
  max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.legacy .grid__3\/5, .no-flexbox .grid__3\/5, .no-csscalc .grid__3\/5, .no-js .grid__3\/5 {
  width: 60%;
}

.modern .grid--4\/5 > *, .flexbox.csscalc.js .grid--4\/5 > * {
  max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.legacy .grid--4\/5 > *, .no-flexbox .grid--4\/5 > *, .no-csscalc .grid--4\/5 > *, .no-js .grid--4\/5 > * {
  width: 80%;
}

.modern .grid__4\/5, .flexbox.csscalc.js .grid__4\/5 {
  max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.legacy .grid__4\/5, .no-flexbox .grid__4\/5, .no-csscalc .grid__4\/5, .no-js .grid__4\/5 {
  width: 80%;
}

.modern .grid--5\/5 > *, .flexbox.csscalc.js .grid--5\/5 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--5\/5 > *, .no-flexbox .grid--5\/5 > *, .no-csscalc .grid--5\/5 > *, .no-js .grid--5\/5 > * {
  width: 100%;
}

.modern .grid__5\/5, .flexbox.csscalc.js .grid__5\/5 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__5\/5, .no-flexbox .grid__5\/5, .no-csscalc .grid__5\/5, .no-js .grid__5\/5 {
  width: 100%;
}

.modern .grid--1\/7 > *, .flexbox.csscalc.js .grid--1\/7 > * {
  max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 14.2857142857%;
      flex-basis: 14.2857142857%;
}
.legacy .grid--1\/7 > *, .no-flexbox .grid--1\/7 > *, .no-csscalc .grid--1\/7 > *, .no-js .grid--1\/7 > * {
  width: 14.2857142857%;
}

.modern .grid__1\/7, .flexbox.csscalc.js .grid__1\/7 {
  max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 14.2857142857%;
      flex-basis: 14.2857142857%;
}
.legacy .grid__1\/7, .no-flexbox .grid__1\/7, .no-csscalc .grid__1\/7, .no-js .grid__1\/7 {
  width: 14.2857142857%;
}

.modern .grid--2\/7 > *, .flexbox.csscalc.js .grid--2\/7 > * {
  max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 28.5714285714%;
      flex-basis: 28.5714285714%;
}
.legacy .grid--2\/7 > *, .no-flexbox .grid--2\/7 > *, .no-csscalc .grid--2\/7 > *, .no-js .grid--2\/7 > * {
  width: 28.5714285714%;
}

.modern .grid__2\/7, .flexbox.csscalc.js .grid__2\/7 {
  max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 28.5714285714%;
      flex-basis: 28.5714285714%;
}
.legacy .grid__2\/7, .no-flexbox .grid__2\/7, .no-csscalc .grid__2\/7, .no-js .grid__2\/7 {
  width: 28.5714285714%;
}

.modern .grid--3\/7 > *, .flexbox.csscalc.js .grid--3\/7 > * {
  max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 42.8571428571%;
      flex-basis: 42.8571428571%;
}
.legacy .grid--3\/7 > *, .no-flexbox .grid--3\/7 > *, .no-csscalc .grid--3\/7 > *, .no-js .grid--3\/7 > * {
  width: 42.8571428571%;
}

.modern .grid__3\/7, .flexbox.csscalc.js .grid__3\/7 {
  max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 42.8571428571%;
      flex-basis: 42.8571428571%;
}
.legacy .grid__3\/7, .no-flexbox .grid__3\/7, .no-csscalc .grid__3\/7, .no-js .grid__3\/7 {
  width: 42.8571428571%;
}

.modern .grid--4\/7 > *, .flexbox.csscalc.js .grid--4\/7 > * {
  max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 57.1428571429%;
      flex-basis: 57.1428571429%;
}
.legacy .grid--4\/7 > *, .no-flexbox .grid--4\/7 > *, .no-csscalc .grid--4\/7 > *, .no-js .grid--4\/7 > * {
  width: 57.1428571429%;
}

.modern .grid__4\/7, .flexbox.csscalc.js .grid__4\/7 {
  max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 57.1428571429%;
      flex-basis: 57.1428571429%;
}
.legacy .grid__4\/7, .no-flexbox .grid__4\/7, .no-csscalc .grid__4\/7, .no-js .grid__4\/7 {
  width: 57.1428571429%;
}

.modern .grid--5\/7 > *, .flexbox.csscalc.js .grid--5\/7 > * {
  max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 71.4285714286%;
      flex-basis: 71.4285714286%;
}
.legacy .grid--5\/7 > *, .no-flexbox .grid--5\/7 > *, .no-csscalc .grid--5\/7 > *, .no-js .grid--5\/7 > * {
  width: 71.4285714286%;
}

.modern .grid__5\/7, .flexbox.csscalc.js .grid__5\/7 {
  max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 71.4285714286%;
      flex-basis: 71.4285714286%;
}
.legacy .grid__5\/7, .no-flexbox .grid__5\/7, .no-csscalc .grid__5\/7, .no-js .grid__5\/7 {
  width: 71.4285714286%;
}

.modern .grid--6\/7 > *, .flexbox.csscalc.js .grid--6\/7 > * {
  max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 85.7142857143%;
      flex-basis: 85.7142857143%;
}
.legacy .grid--6\/7 > *, .no-flexbox .grid--6\/7 > *, .no-csscalc .grid--6\/7 > *, .no-js .grid--6\/7 > * {
  width: 85.7142857143%;
}

.modern .grid__6\/7, .flexbox.csscalc.js .grid__6\/7 {
  max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 85.7142857143%;
      flex-basis: 85.7142857143%;
}
.legacy .grid__6\/7, .no-flexbox .grid__6\/7, .no-csscalc .grid__6\/7, .no-js .grid__6\/7 {
  width: 85.7142857143%;
}

.modern .grid--7\/7 > *, .flexbox.csscalc.js .grid--7\/7 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--7\/7 > *, .no-flexbox .grid--7\/7 > *, .no-csscalc .grid--7\/7 > *, .no-js .grid--7\/7 > * {
  width: 100%;
}

.modern .grid__7\/7, .flexbox.csscalc.js .grid__7\/7 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__7\/7, .no-flexbox .grid__7\/7, .no-csscalc .grid__7\/7, .no-js .grid__7\/7 {
  width: 100%;
}

.modern .grid--1\/8 > *, .flexbox.csscalc.js .grid--1\/8 > * {
  max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
}
.legacy .grid--1\/8 > *, .no-flexbox .grid--1\/8 > *, .no-csscalc .grid--1\/8 > *, .no-js .grid--1\/8 > * {
  width: 12.5%;
}

.modern .grid__1\/8, .flexbox.csscalc.js .grid__1\/8 {
  max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
}
.legacy .grid__1\/8, .no-flexbox .grid__1\/8, .no-csscalc .grid__1\/8, .no-js .grid__1\/8 {
  width: 12.5%;
}

.modern .grid--2\/8 > *, .flexbox.csscalc.js .grid--2\/8 > * {
  max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.legacy .grid--2\/8 > *, .no-flexbox .grid--2\/8 > *, .no-csscalc .grid--2\/8 > *, .no-js .grid--2\/8 > * {
  width: 25%;
}

.modern .grid__2\/8, .flexbox.csscalc.js .grid__2\/8 {
  max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.legacy .grid__2\/8, .no-flexbox .grid__2\/8, .no-csscalc .grid__2\/8, .no-js .grid__2\/8 {
  width: 25%;
}

.modern .grid--3\/8 > *, .flexbox.csscalc.js .grid--3\/8 > * {
  max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 37.5%;
      flex-basis: 37.5%;
}
.legacy .grid--3\/8 > *, .no-flexbox .grid--3\/8 > *, .no-csscalc .grid--3\/8 > *, .no-js .grid--3\/8 > * {
  width: 37.5%;
}

.modern .grid__3\/8, .flexbox.csscalc.js .grid__3\/8 {
  max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 37.5%;
      flex-basis: 37.5%;
}
.legacy .grid__3\/8, .no-flexbox .grid__3\/8, .no-csscalc .grid__3\/8, .no-js .grid__3\/8 {
  width: 37.5%;
}

.modern .grid--4\/8 > *, .flexbox.csscalc.js .grid--4\/8 > * {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid--4\/8 > *, .no-flexbox .grid--4\/8 > *, .no-csscalc .grid--4\/8 > *, .no-js .grid--4\/8 > * {
  width: 50%;
}

.modern .grid__4\/8, .flexbox.csscalc.js .grid__4\/8 {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid__4\/8, .no-flexbox .grid__4\/8, .no-csscalc .grid__4\/8, .no-js .grid__4\/8 {
  width: 50%;
}

.modern .grid--5\/8 > *, .flexbox.csscalc.js .grid--5\/8 > * {
  max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 62.5%;
      flex-basis: 62.5%;
}
.legacy .grid--5\/8 > *, .no-flexbox .grid--5\/8 > *, .no-csscalc .grid--5\/8 > *, .no-js .grid--5\/8 > * {
  width: 62.5%;
}

.modern .grid__5\/8, .flexbox.csscalc.js .grid__5\/8 {
  max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 62.5%;
      flex-basis: 62.5%;
}
.legacy .grid__5\/8, .no-flexbox .grid__5\/8, .no-csscalc .grid__5\/8, .no-js .grid__5\/8 {
  width: 62.5%;
}

.modern .grid--6\/8 > *, .flexbox.csscalc.js .grid--6\/8 > * {
  max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.legacy .grid--6\/8 > *, .no-flexbox .grid--6\/8 > *, .no-csscalc .grid--6\/8 > *, .no-js .grid--6\/8 > * {
  width: 75%;
}

.modern .grid__6\/8, .flexbox.csscalc.js .grid__6\/8 {
  max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.legacy .grid__6\/8, .no-flexbox .grid__6\/8, .no-csscalc .grid__6\/8, .no-js .grid__6\/8 {
  width: 75%;
}

.modern .grid--7\/8 > *, .flexbox.csscalc.js .grid--7\/8 > * {
  max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 87.5%;
      flex-basis: 87.5%;
}
.legacy .grid--7\/8 > *, .no-flexbox .grid--7\/8 > *, .no-csscalc .grid--7\/8 > *, .no-js .grid--7\/8 > * {
  width: 87.5%;
}

.modern .grid__7\/8, .flexbox.csscalc.js .grid__7\/8 {
  max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 87.5%;
      flex-basis: 87.5%;
}
.legacy .grid__7\/8, .no-flexbox .grid__7\/8, .no-csscalc .grid__7\/8, .no-js .grid__7\/8 {
  width: 87.5%;
}

.modern .grid--8\/8 > *, .flexbox.csscalc.js .grid--8\/8 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--8\/8 > *, .no-flexbox .grid--8\/8 > *, .no-csscalc .grid--8\/8 > *, .no-js .grid--8\/8 > * {
  width: 100%;
}

.modern .grid__8\/8, .flexbox.csscalc.js .grid__8\/8 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__8\/8, .no-flexbox .grid__8\/8, .no-csscalc .grid__8\/8, .no-js .grid__8\/8 {
  width: 100%;
}

.modern .grid--1\/9 > *, .flexbox.csscalc.js .grid--1\/9 > * {
  max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 11.1111111111%;
      flex-basis: 11.1111111111%;
}
.legacy .grid--1\/9 > *, .no-flexbox .grid--1\/9 > *, .no-csscalc .grid--1\/9 > *, .no-js .grid--1\/9 > * {
  width: 11.1111111111%;
}

.modern .grid__1\/9, .flexbox.csscalc.js .grid__1\/9 {
  max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 11.1111111111%;
      flex-basis: 11.1111111111%;
}
.legacy .grid__1\/9, .no-flexbox .grid__1\/9, .no-csscalc .grid__1\/9, .no-js .grid__1\/9 {
  width: 11.1111111111%;
}

.modern .grid--2\/9 > *, .flexbox.csscalc.js .grid--2\/9 > * {
  max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 22.2222222222%;
      flex-basis: 22.2222222222%;
}
.legacy .grid--2\/9 > *, .no-flexbox .grid--2\/9 > *, .no-csscalc .grid--2\/9 > *, .no-js .grid--2\/9 > * {
  width: 22.2222222222%;
}

.modern .grid__2\/9, .flexbox.csscalc.js .grid__2\/9 {
  max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 22.2222222222%;
      flex-basis: 22.2222222222%;
}
.legacy .grid__2\/9, .no-flexbox .grid__2\/9, .no-csscalc .grid__2\/9, .no-js .grid__2\/9 {
  width: 22.2222222222%;
}

.modern .grid--3\/9 > *, .flexbox.csscalc.js .grid--3\/9 > * {
  max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.legacy .grid--3\/9 > *, .no-flexbox .grid--3\/9 > *, .no-csscalc .grid--3\/9 > *, .no-js .grid--3\/9 > * {
  width: 33.3333333333%;
}

.modern .grid__3\/9, .flexbox.csscalc.js .grid__3\/9 {
  max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.legacy .grid__3\/9, .no-flexbox .grid__3\/9, .no-csscalc .grid__3\/9, .no-js .grid__3\/9 {
  width: 33.3333333333%;
}

.modern .grid--4\/9 > *, .flexbox.csscalc.js .grid--4\/9 > * {
  max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 44.4444444444%;
      flex-basis: 44.4444444444%;
}
.legacy .grid--4\/9 > *, .no-flexbox .grid--4\/9 > *, .no-csscalc .grid--4\/9 > *, .no-js .grid--4\/9 > * {
  width: 44.4444444444%;
}

.modern .grid__4\/9, .flexbox.csscalc.js .grid__4\/9 {
  max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 44.4444444444%;
      flex-basis: 44.4444444444%;
}
.legacy .grid__4\/9, .no-flexbox .grid__4\/9, .no-csscalc .grid__4\/9, .no-js .grid__4\/9 {
  width: 44.4444444444%;
}

.modern .grid--5\/9 > *, .flexbox.csscalc.js .grid--5\/9 > * {
  max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 55.5555555556%;
      flex-basis: 55.5555555556%;
}
.legacy .grid--5\/9 > *, .no-flexbox .grid--5\/9 > *, .no-csscalc .grid--5\/9 > *, .no-js .grid--5\/9 > * {
  width: 55.5555555556%;
}

.modern .grid__5\/9, .flexbox.csscalc.js .grid__5\/9 {
  max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 55.5555555556%;
      flex-basis: 55.5555555556%;
}
.legacy .grid__5\/9, .no-flexbox .grid__5\/9, .no-csscalc .grid__5\/9, .no-js .grid__5\/9 {
  width: 55.5555555556%;
}

.modern .grid--6\/9 > *, .flexbox.csscalc.js .grid--6\/9 > * {
  max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.legacy .grid--6\/9 > *, .no-flexbox .grid--6\/9 > *, .no-csscalc .grid--6\/9 > *, .no-js .grid--6\/9 > * {
  width: 66.6666666667%;
}

.modern .grid__6\/9, .flexbox.csscalc.js .grid__6\/9 {
  max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.legacy .grid__6\/9, .no-flexbox .grid__6\/9, .no-csscalc .grid__6\/9, .no-js .grid__6\/9 {
  width: 66.6666666667%;
}

.modern .grid--7\/9 > *, .flexbox.csscalc.js .grid--7\/9 > * {
  max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 77.7777777778%;
      flex-basis: 77.7777777778%;
}
.legacy .grid--7\/9 > *, .no-flexbox .grid--7\/9 > *, .no-csscalc .grid--7\/9 > *, .no-js .grid--7\/9 > * {
  width: 77.7777777778%;
}

.modern .grid__7\/9, .flexbox.csscalc.js .grid__7\/9 {
  max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 77.7777777778%;
      flex-basis: 77.7777777778%;
}
.legacy .grid__7\/9, .no-flexbox .grid__7\/9, .no-csscalc .grid__7\/9, .no-js .grid__7\/9 {
  width: 77.7777777778%;
}

.modern .grid--8\/9 > *, .flexbox.csscalc.js .grid--8\/9 > * {
  max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 88.8888888889%;
      flex-basis: 88.8888888889%;
}
.legacy .grid--8\/9 > *, .no-flexbox .grid--8\/9 > *, .no-csscalc .grid--8\/9 > *, .no-js .grid--8\/9 > * {
  width: 88.8888888889%;
}

.modern .grid__8\/9, .flexbox.csscalc.js .grid__8\/9 {
  max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 88.8888888889%;
      flex-basis: 88.8888888889%;
}
.legacy .grid__8\/9, .no-flexbox .grid__8\/9, .no-csscalc .grid__8\/9, .no-js .grid__8\/9 {
  width: 88.8888888889%;
}

.modern .grid--9\/9 > *, .flexbox.csscalc.js .grid--9\/9 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--9\/9 > *, .no-flexbox .grid--9\/9 > *, .no-csscalc .grid--9\/9 > *, .no-js .grid--9\/9 > * {
  width: 100%;
}

.modern .grid__9\/9, .flexbox.csscalc.js .grid__9\/9 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__9\/9, .no-flexbox .grid__9\/9, .no-csscalc .grid__9\/9, .no-js .grid__9\/9 {
  width: 100%;
}

.modern .grid--1\/10 > *, .flexbox.csscalc.js .grid--1\/10 > * {
  max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.legacy .grid--1\/10 > *, .no-flexbox .grid--1\/10 > *, .no-csscalc .grid--1\/10 > *, .no-js .grid--1\/10 > * {
  width: 10%;
}

.modern .grid__1\/10, .flexbox.csscalc.js .grid__1\/10 {
  max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.legacy .grid__1\/10, .no-flexbox .grid__1\/10, .no-csscalc .grid__1\/10, .no-js .grid__1\/10 {
  width: 10%;
}

.modern .grid--2\/10 > *, .flexbox.csscalc.js .grid--2\/10 > * {
  max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.legacy .grid--2\/10 > *, .no-flexbox .grid--2\/10 > *, .no-csscalc .grid--2\/10 > *, .no-js .grid--2\/10 > * {
  width: 20%;
}

.modern .grid__2\/10, .flexbox.csscalc.js .grid__2\/10 {
  max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.legacy .grid__2\/10, .no-flexbox .grid__2\/10, .no-csscalc .grid__2\/10, .no-js .grid__2\/10 {
  width: 20%;
}

.modern .grid--3\/10 > *, .flexbox.csscalc.js .grid--3\/10 > * {
  max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.legacy .grid--3\/10 > *, .no-flexbox .grid--3\/10 > *, .no-csscalc .grid--3\/10 > *, .no-js .grid--3\/10 > * {
  width: 30%;
}

.modern .grid__3\/10, .flexbox.csscalc.js .grid__3\/10 {
  max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.legacy .grid__3\/10, .no-flexbox .grid__3\/10, .no-csscalc .grid__3\/10, .no-js .grid__3\/10 {
  width: 30%;
}

.modern .grid--4\/10 > *, .flexbox.csscalc.js .grid--4\/10 > * {
  max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.legacy .grid--4\/10 > *, .no-flexbox .grid--4\/10 > *, .no-csscalc .grid--4\/10 > *, .no-js .grid--4\/10 > * {
  width: 40%;
}

.modern .grid__4\/10, .flexbox.csscalc.js .grid__4\/10 {
  max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.legacy .grid__4\/10, .no-flexbox .grid__4\/10, .no-csscalc .grid__4\/10, .no-js .grid__4\/10 {
  width: 40%;
}

.modern .grid--5\/10 > *, .flexbox.csscalc.js .grid--5\/10 > * {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid--5\/10 > *, .no-flexbox .grid--5\/10 > *, .no-csscalc .grid--5\/10 > *, .no-js .grid--5\/10 > * {
  width: 50%;
}

.modern .grid__5\/10, .flexbox.csscalc.js .grid__5\/10 {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid__5\/10, .no-flexbox .grid__5\/10, .no-csscalc .grid__5\/10, .no-js .grid__5\/10 {
  width: 50%;
}

.modern .grid--6\/10 > *, .flexbox.csscalc.js .grid--6\/10 > * {
  max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.legacy .grid--6\/10 > *, .no-flexbox .grid--6\/10 > *, .no-csscalc .grid--6\/10 > *, .no-js .grid--6\/10 > * {
  width: 60%;
}

.modern .grid__6\/10, .flexbox.csscalc.js .grid__6\/10 {
  max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.legacy .grid__6\/10, .no-flexbox .grid__6\/10, .no-csscalc .grid__6\/10, .no-js .grid__6\/10 {
  width: 60%;
}

.modern .grid--7\/10 > *, .flexbox.csscalc.js .grid--7\/10 > * {
  max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.legacy .grid--7\/10 > *, .no-flexbox .grid--7\/10 > *, .no-csscalc .grid--7\/10 > *, .no-js .grid--7\/10 > * {
  width: 70%;
}

.modern .grid__7\/10, .flexbox.csscalc.js .grid__7\/10 {
  max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.legacy .grid__7\/10, .no-flexbox .grid__7\/10, .no-csscalc .grid__7\/10, .no-js .grid__7\/10 {
  width: 70%;
}

.modern .grid--8\/10 > *, .flexbox.csscalc.js .grid--8\/10 > * {
  max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.legacy .grid--8\/10 > *, .no-flexbox .grid--8\/10 > *, .no-csscalc .grid--8\/10 > *, .no-js .grid--8\/10 > * {
  width: 80%;
}

.modern .grid__8\/10, .flexbox.csscalc.js .grid__8\/10 {
  max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.legacy .grid__8\/10, .no-flexbox .grid__8\/10, .no-csscalc .grid__8\/10, .no-js .grid__8\/10 {
  width: 80%;
}

.modern .grid--9\/10 > *, .flexbox.csscalc.js .grid--9\/10 > * {
  max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
}
.legacy .grid--9\/10 > *, .no-flexbox .grid--9\/10 > *, .no-csscalc .grid--9\/10 > *, .no-js .grid--9\/10 > * {
  width: 90%;
}

.modern .grid__9\/10, .flexbox.csscalc.js .grid__9\/10 {
  max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
}
.legacy .grid__9\/10, .no-flexbox .grid__9\/10, .no-csscalc .grid__9\/10, .no-js .grid__9\/10 {
  width: 90%;
}

.modern .grid--10\/10 > *, .flexbox.csscalc.js .grid--10\/10 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--10\/10 > *, .no-flexbox .grid--10\/10 > *, .no-csscalc .grid--10\/10 > *, .no-js .grid--10\/10 > * {
  width: 100%;
}

.modern .grid__10\/10, .flexbox.csscalc.js .grid__10\/10 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__10\/10, .no-flexbox .grid__10\/10, .no-csscalc .grid__10\/10, .no-js .grid__10\/10 {
  width: 100%;
}

.modern .grid--1\/11 > *, .flexbox.csscalc.js .grid--1\/11 > * {
  max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 9.0909090909%;
      flex-basis: 9.0909090909%;
}
.legacy .grid--1\/11 > *, .no-flexbox .grid--1\/11 > *, .no-csscalc .grid--1\/11 > *, .no-js .grid--1\/11 > * {
  width: 9.0909090909%;
}

.modern .grid__1\/11, .flexbox.csscalc.js .grid__1\/11 {
  max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 9.0909090909%;
      flex-basis: 9.0909090909%;
}
.legacy .grid__1\/11, .no-flexbox .grid__1\/11, .no-csscalc .grid__1\/11, .no-js .grid__1\/11 {
  width: 9.0909090909%;
}

.modern .grid--2\/11 > *, .flexbox.csscalc.js .grid--2\/11 > * {
  max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 18.1818181818%;
      flex-basis: 18.1818181818%;
}
.legacy .grid--2\/11 > *, .no-flexbox .grid--2\/11 > *, .no-csscalc .grid--2\/11 > *, .no-js .grid--2\/11 > * {
  width: 18.1818181818%;
}

.modern .grid__2\/11, .flexbox.csscalc.js .grid__2\/11 {
  max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 18.1818181818%;
      flex-basis: 18.1818181818%;
}
.legacy .grid__2\/11, .no-flexbox .grid__2\/11, .no-csscalc .grid__2\/11, .no-js .grid__2\/11 {
  width: 18.1818181818%;
}

.modern .grid--3\/11 > *, .flexbox.csscalc.js .grid--3\/11 > * {
  max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 27.2727272727%;
      flex-basis: 27.2727272727%;
}
.legacy .grid--3\/11 > *, .no-flexbox .grid--3\/11 > *, .no-csscalc .grid--3\/11 > *, .no-js .grid--3\/11 > * {
  width: 27.2727272727%;
}

.modern .grid__3\/11, .flexbox.csscalc.js .grid__3\/11 {
  max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 27.2727272727%;
      flex-basis: 27.2727272727%;
}
.legacy .grid__3\/11, .no-flexbox .grid__3\/11, .no-csscalc .grid__3\/11, .no-js .grid__3\/11 {
  width: 27.2727272727%;
}

.modern .grid--4\/11 > *, .flexbox.csscalc.js .grid--4\/11 > * {
  max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 36.3636363636%;
      flex-basis: 36.3636363636%;
}
.legacy .grid--4\/11 > *, .no-flexbox .grid--4\/11 > *, .no-csscalc .grid--4\/11 > *, .no-js .grid--4\/11 > * {
  width: 36.3636363636%;
}

.modern .grid__4\/11, .flexbox.csscalc.js .grid__4\/11 {
  max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 36.3636363636%;
      flex-basis: 36.3636363636%;
}
.legacy .grid__4\/11, .no-flexbox .grid__4\/11, .no-csscalc .grid__4\/11, .no-js .grid__4\/11 {
  width: 36.3636363636%;
}

.modern .grid--5\/11 > *, .flexbox.csscalc.js .grid--5\/11 > * {
  max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 45.4545454545%;
      flex-basis: 45.4545454545%;
}
.legacy .grid--5\/11 > *, .no-flexbox .grid--5\/11 > *, .no-csscalc .grid--5\/11 > *, .no-js .grid--5\/11 > * {
  width: 45.4545454545%;
}

.modern .grid__5\/11, .flexbox.csscalc.js .grid__5\/11 {
  max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 45.4545454545%;
      flex-basis: 45.4545454545%;
}
.legacy .grid__5\/11, .no-flexbox .grid__5\/11, .no-csscalc .grid__5\/11, .no-js .grid__5\/11 {
  width: 45.4545454545%;
}

.modern .grid--6\/11 > *, .flexbox.csscalc.js .grid--6\/11 > * {
  max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 54.5454545455%;
      flex-basis: 54.5454545455%;
}
.legacy .grid--6\/11 > *, .no-flexbox .grid--6\/11 > *, .no-csscalc .grid--6\/11 > *, .no-js .grid--6\/11 > * {
  width: 54.5454545455%;
}

.modern .grid__6\/11, .flexbox.csscalc.js .grid__6\/11 {
  max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 54.5454545455%;
      flex-basis: 54.5454545455%;
}
.legacy .grid__6\/11, .no-flexbox .grid__6\/11, .no-csscalc .grid__6\/11, .no-js .grid__6\/11 {
  width: 54.5454545455%;
}

.modern .grid--7\/11 > *, .flexbox.csscalc.js .grid--7\/11 > * {
  max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 63.6363636364%;
      flex-basis: 63.6363636364%;
}
.legacy .grid--7\/11 > *, .no-flexbox .grid--7\/11 > *, .no-csscalc .grid--7\/11 > *, .no-js .grid--7\/11 > * {
  width: 63.6363636364%;
}

.modern .grid__7\/11, .flexbox.csscalc.js .grid__7\/11 {
  max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 63.6363636364%;
      flex-basis: 63.6363636364%;
}
.legacy .grid__7\/11, .no-flexbox .grid__7\/11, .no-csscalc .grid__7\/11, .no-js .grid__7\/11 {
  width: 63.6363636364%;
}

.modern .grid--8\/11 > *, .flexbox.csscalc.js .grid--8\/11 > * {
  max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 72.7272727273%;
      flex-basis: 72.7272727273%;
}
.legacy .grid--8\/11 > *, .no-flexbox .grid--8\/11 > *, .no-csscalc .grid--8\/11 > *, .no-js .grid--8\/11 > * {
  width: 72.7272727273%;
}

.modern .grid__8\/11, .flexbox.csscalc.js .grid__8\/11 {
  max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 72.7272727273%;
      flex-basis: 72.7272727273%;
}
.legacy .grid__8\/11, .no-flexbox .grid__8\/11, .no-csscalc .grid__8\/11, .no-js .grid__8\/11 {
  width: 72.7272727273%;
}

.modern .grid--9\/11 > *, .flexbox.csscalc.js .grid--9\/11 > * {
  max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 81.8181818182%;
      flex-basis: 81.8181818182%;
}
.legacy .grid--9\/11 > *, .no-flexbox .grid--9\/11 > *, .no-csscalc .grid--9\/11 > *, .no-js .grid--9\/11 > * {
  width: 81.8181818182%;
}

.modern .grid__9\/11, .flexbox.csscalc.js .grid__9\/11 {
  max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 81.8181818182%;
      flex-basis: 81.8181818182%;
}
.legacy .grid__9\/11, .no-flexbox .grid__9\/11, .no-csscalc .grid__9\/11, .no-js .grid__9\/11 {
  width: 81.8181818182%;
}

.modern .grid--10\/11 > *, .flexbox.csscalc.js .grid--10\/11 > * {
  max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 90.9090909091%;
      flex-basis: 90.9090909091%;
}
.legacy .grid--10\/11 > *, .no-flexbox .grid--10\/11 > *, .no-csscalc .grid--10\/11 > *, .no-js .grid--10\/11 > * {
  width: 90.9090909091%;
}

.modern .grid__10\/11, .flexbox.csscalc.js .grid__10\/11 {
  max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 90.9090909091%;
      flex-basis: 90.9090909091%;
}
.legacy .grid__10\/11, .no-flexbox .grid__10\/11, .no-csscalc .grid__10\/11, .no-js .grid__10\/11 {
  width: 90.9090909091%;
}

.modern .grid--11\/11 > *, .flexbox.csscalc.js .grid--11\/11 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--11\/11 > *, .no-flexbox .grid--11\/11 > *, .no-csscalc .grid--11\/11 > *, .no-js .grid--11\/11 > * {
  width: 100%;
}

.modern .grid__11\/11, .flexbox.csscalc.js .grid__11\/11 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__11\/11, .no-flexbox .grid__11\/11, .no-csscalc .grid__11\/11, .no-js .grid__11\/11 {
  width: 100%;
}

/* BREAKPOINTS & ALIGNMENT FOR ALL BREAKPOINTS */
@media (max-width: 1500px) {
  /* BREAKPOINTS */
  .modern .desktop\:grid--1\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/12 > * {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .desktop\:grid--1\/12 > *, .no-flexbox .desktop\:grid--1\/12 > *, .no-csscalc .desktop\:grid--1\/12 > *, .no-js .desktop\:grid--1\/12 > * {
    width: 8.3333333333%;
  }
  .modern .desktop\:grid__1\/12, .flexbox.csscalc.js .desktop\:grid__1\/12 {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .desktop\:grid__1\/12, .no-flexbox .desktop\:grid__1\/12, .no-csscalc .desktop\:grid__1\/12, .no-js .desktop\:grid__1\/12 {
    width: 8.3333333333%;
  }
  .modern .desktop\:grid--2\/12 > *, .modern .desktop\:grid--1\/6 > *, .flexbox.csscalc.js .desktop\:grid--2\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/6 > * {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .desktop\:grid--2\/12 > *, .legacy .desktop\:grid--1\/6 > *, .no-flexbox .desktop\:grid--2\/12 > *, .no-flexbox .desktop\:grid--1\/6 > *, .no-csscalc .desktop\:grid--2\/12 > *, .no-csscalc .desktop\:grid--1\/6 > *, .no-js .desktop\:grid--2\/12 > *, .no-js .desktop\:grid--1\/6 > * {
    width: 16.6666666667%;
  }
  .modern .desktop\:grid__2\/12, .modern .desktop\:grid__1\/6, .flexbox.csscalc.js .desktop\:grid__2\/12, .flexbox.csscalc.js .desktop\:grid__1\/6 {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .desktop\:grid__2\/12, .legacy .desktop\:grid__1\/6, .no-flexbox .desktop\:grid__2\/12, .no-flexbox .desktop\:grid__1\/6, .no-csscalc .desktop\:grid__2\/12, .no-csscalc .desktop\:grid__1\/6, .no-js .desktop\:grid__2\/12, .no-js .desktop\:grid__1\/6 {
    width: 16.6666666667%;
  }
  .modern .desktop\:grid--3\/12 > *, .modern .desktop\:grid--1\/4 > *, .flexbox.csscalc.js .desktop\:grid--3\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/4 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .desktop\:grid--3\/12 > *, .legacy .desktop\:grid--1\/4 > *, .no-flexbox .desktop\:grid--3\/12 > *, .no-flexbox .desktop\:grid--1\/4 > *, .no-csscalc .desktop\:grid--3\/12 > *, .no-csscalc .desktop\:grid--1\/4 > *, .no-js .desktop\:grid--3\/12 > *, .no-js .desktop\:grid--1\/4 > * {
    width: 25%;
  }
  .modern .desktop\:grid__3\/12, .modern .desktop\:grid__1\/4, .flexbox.csscalc.js .desktop\:grid__3\/12, .flexbox.csscalc.js .desktop\:grid__1\/4 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .desktop\:grid__3\/12, .legacy .desktop\:grid__1\/4, .no-flexbox .desktop\:grid__3\/12, .no-flexbox .desktop\:grid__1\/4, .no-csscalc .desktop\:grid__3\/12, .no-csscalc .desktop\:grid__1\/4, .no-js .desktop\:grid__3\/12, .no-js .desktop\:grid__1\/4 {
    width: 25%;
  }
  .modern .desktop\:grid--4\/12 > *, .modern .desktop\:grid--1\/3 > *, .modern .desktop\:grid--2\/6 > *, .flexbox.csscalc.js .desktop\:grid--4\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/3 > *, .flexbox.csscalc.js .desktop\:grid--2\/6 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .desktop\:grid--4\/12 > *, .legacy .desktop\:grid--1\/3 > *, .legacy .desktop\:grid--2\/6 > *, .no-flexbox .desktop\:grid--4\/12 > *, .no-flexbox .desktop\:grid--1\/3 > *, .no-flexbox .desktop\:grid--2\/6 > *, .no-csscalc .desktop\:grid--4\/12 > *, .no-csscalc .desktop\:grid--1\/3 > *, .no-csscalc .desktop\:grid--2\/6 > *, .no-js .desktop\:grid--4\/12 > *, .no-js .desktop\:grid--1\/3 > *, .no-js .desktop\:grid--2\/6 > * {
    width: 33.3333333333%;
  }
  .modern .desktop\:grid__4\/12, .modern .desktop\:grid__1\/3, .modern .desktop\:grid__2\/6, .flexbox.csscalc.js .desktop\:grid__4\/12, .flexbox.csscalc.js .desktop\:grid__1\/3, .flexbox.csscalc.js .desktop\:grid__2\/6 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .desktop\:grid__4\/12, .legacy .desktop\:grid__1\/3, .legacy .desktop\:grid__2\/6, .no-flexbox .desktop\:grid__4\/12, .no-flexbox .desktop\:grid__1\/3, .no-flexbox .desktop\:grid__2\/6, .no-csscalc .desktop\:grid__4\/12, .no-csscalc .desktop\:grid__1\/3, .no-csscalc .desktop\:grid__2\/6, .no-js .desktop\:grid__4\/12, .no-js .desktop\:grid__1\/3, .no-js .desktop\:grid__2\/6 {
    width: 33.3333333333%;
  }
  .modern .desktop\:grid--5\/12 > *, .flexbox.csscalc.js .desktop\:grid--5\/12 > * {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .desktop\:grid--5\/12 > *, .no-flexbox .desktop\:grid--5\/12 > *, .no-csscalc .desktop\:grid--5\/12 > *, .no-js .desktop\:grid--5\/12 > * {
    width: 41.6666666667%;
  }
  .modern .desktop\:grid__5\/12, .flexbox.csscalc.js .desktop\:grid__5\/12 {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .desktop\:grid__5\/12, .no-flexbox .desktop\:grid__5\/12, .no-csscalc .desktop\:grid__5\/12, .no-js .desktop\:grid__5\/12 {
    width: 41.6666666667%;
  }
  .modern .desktop\:grid--6\/12 > *, .modern .desktop\:grid--1\/2 > *, .modern .desktop\:grid--2\/4 > *, .modern .desktop\:grid--3\/6 > *, .flexbox.csscalc.js .desktop\:grid--6\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/2 > *, .flexbox.csscalc.js .desktop\:grid--2\/4 > *, .flexbox.csscalc.js .desktop\:grid--3\/6 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid--6\/12 > *, .legacy .desktop\:grid--1\/2 > *, .legacy .desktop\:grid--2\/4 > *, .legacy .desktop\:grid--3\/6 > *, .no-flexbox .desktop\:grid--6\/12 > *, .no-flexbox .desktop\:grid--1\/2 > *, .no-flexbox .desktop\:grid--2\/4 > *, .no-flexbox .desktop\:grid--3\/6 > *, .no-csscalc .desktop\:grid--6\/12 > *, .no-csscalc .desktop\:grid--1\/2 > *, .no-csscalc .desktop\:grid--2\/4 > *, .no-csscalc .desktop\:grid--3\/6 > *, .no-js .desktop\:grid--6\/12 > *, .no-js .desktop\:grid--1\/2 > *, .no-js .desktop\:grid--2\/4 > *, .no-js .desktop\:grid--3\/6 > * {
    width: 50%;
  }
  .modern .desktop\:grid__6\/12, .modern .desktop\:grid__1\/2, .modern .desktop\:grid__2\/4, .modern .desktop\:grid__3\/6, .flexbox.csscalc.js .desktop\:grid__6\/12, .flexbox.csscalc.js .desktop\:grid__1\/2, .flexbox.csscalc.js .desktop\:grid__2\/4, .flexbox.csscalc.js .desktop\:grid__3\/6 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid__6\/12, .legacy .desktop\:grid__1\/2, .legacy .desktop\:grid__2\/4, .legacy .desktop\:grid__3\/6, .no-flexbox .desktop\:grid__6\/12, .no-flexbox .desktop\:grid__1\/2, .no-flexbox .desktop\:grid__2\/4, .no-flexbox .desktop\:grid__3\/6, .no-csscalc .desktop\:grid__6\/12, .no-csscalc .desktop\:grid__1\/2, .no-csscalc .desktop\:grid__2\/4, .no-csscalc .desktop\:grid__3\/6, .no-js .desktop\:grid__6\/12, .no-js .desktop\:grid__1\/2, .no-js .desktop\:grid__2\/4, .no-js .desktop\:grid__3\/6 {
    width: 50%;
  }
  .modern .desktop\:grid--7\/12 > *, .flexbox.csscalc.js .desktop\:grid--7\/12 > * {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .desktop\:grid--7\/12 > *, .no-flexbox .desktop\:grid--7\/12 > *, .no-csscalc .desktop\:grid--7\/12 > *, .no-js .desktop\:grid--7\/12 > * {
    width: 58.3333333333%;
  }
  .modern .desktop\:grid__7\/12, .flexbox.csscalc.js .desktop\:grid__7\/12 {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .desktop\:grid__7\/12, .no-flexbox .desktop\:grid__7\/12, .no-csscalc .desktop\:grid__7\/12, .no-js .desktop\:grid__7\/12 {
    width: 58.3333333333%;
  }
  .modern .desktop\:grid--8\/12 > *, .modern .desktop\:grid--2\/3 > *, .modern .desktop\:grid--4\/6 > *, .flexbox.csscalc.js .desktop\:grid--8\/12 > *, .flexbox.csscalc.js .desktop\:grid--2\/3 > *, .flexbox.csscalc.js .desktop\:grid--4\/6 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .desktop\:grid--8\/12 > *, .legacy .desktop\:grid--2\/3 > *, .legacy .desktop\:grid--4\/6 > *, .no-flexbox .desktop\:grid--8\/12 > *, .no-flexbox .desktop\:grid--2\/3 > *, .no-flexbox .desktop\:grid--4\/6 > *, .no-csscalc .desktop\:grid--8\/12 > *, .no-csscalc .desktop\:grid--2\/3 > *, .no-csscalc .desktop\:grid--4\/6 > *, .no-js .desktop\:grid--8\/12 > *, .no-js .desktop\:grid--2\/3 > *, .no-js .desktop\:grid--4\/6 > * {
    width: 66.6666666667%;
  }
  .modern .desktop\:grid__8\/12, .modern .desktop\:grid__2\/3, .modern .desktop\:grid__4\/6, .flexbox.csscalc.js .desktop\:grid__8\/12, .flexbox.csscalc.js .desktop\:grid__2\/3, .flexbox.csscalc.js .desktop\:grid__4\/6 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .desktop\:grid__8\/12, .legacy .desktop\:grid__2\/3, .legacy .desktop\:grid__4\/6, .no-flexbox .desktop\:grid__8\/12, .no-flexbox .desktop\:grid__2\/3, .no-flexbox .desktop\:grid__4\/6, .no-csscalc .desktop\:grid__8\/12, .no-csscalc .desktop\:grid__2\/3, .no-csscalc .desktop\:grid__4\/6, .no-js .desktop\:grid__8\/12, .no-js .desktop\:grid__2\/3, .no-js .desktop\:grid__4\/6 {
    width: 66.6666666667%;
  }
  .modern .desktop\:grid--9\/12 > *, .modern .desktop\:grid--3\/4 > *, .flexbox.csscalc.js .desktop\:grid--9\/12 > *, .flexbox.csscalc.js .desktop\:grid--3\/4 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .desktop\:grid--9\/12 > *, .legacy .desktop\:grid--3\/4 > *, .no-flexbox .desktop\:grid--9\/12 > *, .no-flexbox .desktop\:grid--3\/4 > *, .no-csscalc .desktop\:grid--9\/12 > *, .no-csscalc .desktop\:grid--3\/4 > *, .no-js .desktop\:grid--9\/12 > *, .no-js .desktop\:grid--3\/4 > * {
    width: 75%;
  }
  .modern .desktop\:grid__9\/12, .modern .desktop\:grid__3\/4, .flexbox.csscalc.js .desktop\:grid__9\/12, .flexbox.csscalc.js .desktop\:grid__3\/4 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .desktop\:grid__9\/12, .legacy .desktop\:grid__3\/4, .no-flexbox .desktop\:grid__9\/12, .no-flexbox .desktop\:grid__3\/4, .no-csscalc .desktop\:grid__9\/12, .no-csscalc .desktop\:grid__3\/4, .no-js .desktop\:grid__9\/12, .no-js .desktop\:grid__3\/4 {
    width: 75%;
  }
  .modern .desktop\:grid--10\/12 > *, .modern .desktop\:grid--5\/6 > *, .flexbox.csscalc.js .desktop\:grid--10\/12 > *, .flexbox.csscalc.js .desktop\:grid--5\/6 > * {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .desktop\:grid--10\/12 > *, .legacy .desktop\:grid--5\/6 > *, .no-flexbox .desktop\:grid--10\/12 > *, .no-flexbox .desktop\:grid--5\/6 > *, .no-csscalc .desktop\:grid--10\/12 > *, .no-csscalc .desktop\:grid--5\/6 > *, .no-js .desktop\:grid--10\/12 > *, .no-js .desktop\:grid--5\/6 > * {
    width: 83.3333333333%;
  }
  .modern .desktop\:grid__10\/12, .modern .desktop\:grid__5\/6, .flexbox.csscalc.js .desktop\:grid__10\/12, .flexbox.csscalc.js .desktop\:grid__5\/6 {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .desktop\:grid__10\/12, .legacy .desktop\:grid__5\/6, .no-flexbox .desktop\:grid__10\/12, .no-flexbox .desktop\:grid__5\/6, .no-csscalc .desktop\:grid__10\/12, .no-csscalc .desktop\:grid__5\/6, .no-js .desktop\:grid__10\/12, .no-js .desktop\:grid__5\/6 {
    width: 83.3333333333%;
  }
  .modern .desktop\:grid--11\/12 > *, .flexbox.csscalc.js .desktop\:grid--11\/12 > * {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .desktop\:grid--11\/12 > *, .no-flexbox .desktop\:grid--11\/12 > *, .no-csscalc .desktop\:grid--11\/12 > *, .no-js .desktop\:grid--11\/12 > * {
    width: 91.6666666667%;
  }
  .modern .desktop\:grid__11\/12, .flexbox.csscalc.js .desktop\:grid__11\/12 {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .desktop\:grid__11\/12, .no-flexbox .desktop\:grid__11\/12, .no-csscalc .desktop\:grid__11\/12, .no-js .desktop\:grid__11\/12 {
    width: 91.6666666667%;
  }
  .modern .desktop\:grid--12\/12 > *, .modern .desktop\:grid--1\/1 > *, .modern .desktop\:grid--2\/2 > *, .modern .desktop\:grid--3\/3 > *, .modern .desktop\:grid--4\/4 > *, .modern .desktop\:grid--6\/6 > *, .flexbox.csscalc.js .desktop\:grid--12\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/1 > *, .flexbox.csscalc.js .desktop\:grid--2\/2 > *, .flexbox.csscalc.js .desktop\:grid--3\/3 > *, .flexbox.csscalc.js .desktop\:grid--4\/4 > *, .flexbox.csscalc.js .desktop\:grid--6\/6 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--12\/12 > *, .legacy .desktop\:grid--1\/1 > *, .legacy .desktop\:grid--2\/2 > *, .legacy .desktop\:grid--3\/3 > *, .legacy .desktop\:grid--4\/4 > *, .legacy .desktop\:grid--6\/6 > *, .no-flexbox .desktop\:grid--12\/12 > *, .no-flexbox .desktop\:grid--1\/1 > *, .no-flexbox .desktop\:grid--2\/2 > *, .no-flexbox .desktop\:grid--3\/3 > *, .no-flexbox .desktop\:grid--4\/4 > *, .no-flexbox .desktop\:grid--6\/6 > *, .no-csscalc .desktop\:grid--12\/12 > *, .no-csscalc .desktop\:grid--1\/1 > *, .no-csscalc .desktop\:grid--2\/2 > *, .no-csscalc .desktop\:grid--3\/3 > *, .no-csscalc .desktop\:grid--4\/4 > *, .no-csscalc .desktop\:grid--6\/6 > *, .no-js .desktop\:grid--12\/12 > *, .no-js .desktop\:grid--1\/1 > *, .no-js .desktop\:grid--2\/2 > *, .no-js .desktop\:grid--3\/3 > *, .no-js .desktop\:grid--4\/4 > *, .no-js .desktop\:grid--6\/6 > * {
    width: 100%;
  }
  .modern .desktop\:grid__12\/12, .modern .desktop\:grid__1\/1, .modern .desktop\:grid__2\/2, .modern .desktop\:grid__3\/3, .modern .desktop\:grid__4\/4, .modern .desktop\:grid__6\/6, .flexbox.csscalc.js .desktop\:grid__12\/12, .flexbox.csscalc.js .desktop\:grid__1\/1, .flexbox.csscalc.js .desktop\:grid__2\/2, .flexbox.csscalc.js .desktop\:grid__3\/3, .flexbox.csscalc.js .desktop\:grid__4\/4, .flexbox.csscalc.js .desktop\:grid__6\/6 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__12\/12, .legacy .desktop\:grid__1\/1, .legacy .desktop\:grid__2\/2, .legacy .desktop\:grid__3\/3, .legacy .desktop\:grid__4\/4, .legacy .desktop\:grid__6\/6, .no-flexbox .desktop\:grid__12\/12, .no-flexbox .desktop\:grid__1\/1, .no-flexbox .desktop\:grid__2\/2, .no-flexbox .desktop\:grid__3\/3, .no-flexbox .desktop\:grid__4\/4, .no-flexbox .desktop\:grid__6\/6, .no-csscalc .desktop\:grid__12\/12, .no-csscalc .desktop\:grid__1\/1, .no-csscalc .desktop\:grid__2\/2, .no-csscalc .desktop\:grid__3\/3, .no-csscalc .desktop\:grid__4\/4, .no-csscalc .desktop\:grid__6\/6, .no-js .desktop\:grid__12\/12, .no-js .desktop\:grid__1\/1, .no-js .desktop\:grid__2\/2, .no-js .desktop\:grid__3\/3, .no-js .desktop\:grid__4\/4, .no-js .desktop\:grid__6\/6 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/5 > *, .flexbox.csscalc.js .desktop\:grid--1\/5 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .desktop\:grid--1\/5 > *, .no-flexbox .desktop\:grid--1\/5 > *, .no-csscalc .desktop\:grid--1\/5 > *, .no-js .desktop\:grid--1\/5 > * {
    width: 20%;
  }
  .modern .desktop\:grid__1\/5, .flexbox.csscalc.js .desktop\:grid__1\/5 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .desktop\:grid__1\/5, .no-flexbox .desktop\:grid__1\/5, .no-csscalc .desktop\:grid__1\/5, .no-js .desktop\:grid__1\/5 {
    width: 20%;
  }
  .modern .desktop\:grid--2\/5 > *, .flexbox.csscalc.js .desktop\:grid--2\/5 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .desktop\:grid--2\/5 > *, .no-flexbox .desktop\:grid--2\/5 > *, .no-csscalc .desktop\:grid--2\/5 > *, .no-js .desktop\:grid--2\/5 > * {
    width: 40%;
  }
  .modern .desktop\:grid__2\/5, .flexbox.csscalc.js .desktop\:grid__2\/5 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .desktop\:grid__2\/5, .no-flexbox .desktop\:grid__2\/5, .no-csscalc .desktop\:grid__2\/5, .no-js .desktop\:grid__2\/5 {
    width: 40%;
  }
  .modern .desktop\:grid--3\/5 > *, .flexbox.csscalc.js .desktop\:grid--3\/5 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .desktop\:grid--3\/5 > *, .no-flexbox .desktop\:grid--3\/5 > *, .no-csscalc .desktop\:grid--3\/5 > *, .no-js .desktop\:grid--3\/5 > * {
    width: 60%;
  }
  .modern .desktop\:grid__3\/5, .flexbox.csscalc.js .desktop\:grid__3\/5 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .desktop\:grid__3\/5, .no-flexbox .desktop\:grid__3\/5, .no-csscalc .desktop\:grid__3\/5, .no-js .desktop\:grid__3\/5 {
    width: 60%;
  }
  .modern .desktop\:grid--4\/5 > *, .flexbox.csscalc.js .desktop\:grid--4\/5 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .desktop\:grid--4\/5 > *, .no-flexbox .desktop\:grid--4\/5 > *, .no-csscalc .desktop\:grid--4\/5 > *, .no-js .desktop\:grid--4\/5 > * {
    width: 80%;
  }
  .modern .desktop\:grid__4\/5, .flexbox.csscalc.js .desktop\:grid__4\/5 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .desktop\:grid__4\/5, .no-flexbox .desktop\:grid__4\/5, .no-csscalc .desktop\:grid__4\/5, .no-js .desktop\:grid__4\/5 {
    width: 80%;
  }
  .modern .desktop\:grid--5\/5 > *, .flexbox.csscalc.js .desktop\:grid--5\/5 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--5\/5 > *, .no-flexbox .desktop\:grid--5\/5 > *, .no-csscalc .desktop\:grid--5\/5 > *, .no-js .desktop\:grid--5\/5 > * {
    width: 100%;
  }
  .modern .desktop\:grid__5\/5, .flexbox.csscalc.js .desktop\:grid__5\/5 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__5\/5, .no-flexbox .desktop\:grid__5\/5, .no-csscalc .desktop\:grid__5\/5, .no-js .desktop\:grid__5\/5 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/7 > *, .flexbox.csscalc.js .desktop\:grid--1\/7 > * {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .desktop\:grid--1\/7 > *, .no-flexbox .desktop\:grid--1\/7 > *, .no-csscalc .desktop\:grid--1\/7 > *, .no-js .desktop\:grid--1\/7 > * {
    width: 14.2857142857%;
  }
  .modern .desktop\:grid__1\/7, .flexbox.csscalc.js .desktop\:grid__1\/7 {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .desktop\:grid__1\/7, .no-flexbox .desktop\:grid__1\/7, .no-csscalc .desktop\:grid__1\/7, .no-js .desktop\:grid__1\/7 {
    width: 14.2857142857%;
  }
  .modern .desktop\:grid--2\/7 > *, .flexbox.csscalc.js .desktop\:grid--2\/7 > * {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .desktop\:grid--2\/7 > *, .no-flexbox .desktop\:grid--2\/7 > *, .no-csscalc .desktop\:grid--2\/7 > *, .no-js .desktop\:grid--2\/7 > * {
    width: 28.5714285714%;
  }
  .modern .desktop\:grid__2\/7, .flexbox.csscalc.js .desktop\:grid__2\/7 {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .desktop\:grid__2\/7, .no-flexbox .desktop\:grid__2\/7, .no-csscalc .desktop\:grid__2\/7, .no-js .desktop\:grid__2\/7 {
    width: 28.5714285714%;
  }
  .modern .desktop\:grid--3\/7 > *, .flexbox.csscalc.js .desktop\:grid--3\/7 > * {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .desktop\:grid--3\/7 > *, .no-flexbox .desktop\:grid--3\/7 > *, .no-csscalc .desktop\:grid--3\/7 > *, .no-js .desktop\:grid--3\/7 > * {
    width: 42.8571428571%;
  }
  .modern .desktop\:grid__3\/7, .flexbox.csscalc.js .desktop\:grid__3\/7 {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .desktop\:grid__3\/7, .no-flexbox .desktop\:grid__3\/7, .no-csscalc .desktop\:grid__3\/7, .no-js .desktop\:grid__3\/7 {
    width: 42.8571428571%;
  }
  .modern .desktop\:grid--4\/7 > *, .flexbox.csscalc.js .desktop\:grid--4\/7 > * {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .desktop\:grid--4\/7 > *, .no-flexbox .desktop\:grid--4\/7 > *, .no-csscalc .desktop\:grid--4\/7 > *, .no-js .desktop\:grid--4\/7 > * {
    width: 57.1428571429%;
  }
  .modern .desktop\:grid__4\/7, .flexbox.csscalc.js .desktop\:grid__4\/7 {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .desktop\:grid__4\/7, .no-flexbox .desktop\:grid__4\/7, .no-csscalc .desktop\:grid__4\/7, .no-js .desktop\:grid__4\/7 {
    width: 57.1428571429%;
  }
  .modern .desktop\:grid--5\/7 > *, .flexbox.csscalc.js .desktop\:grid--5\/7 > * {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .desktop\:grid--5\/7 > *, .no-flexbox .desktop\:grid--5\/7 > *, .no-csscalc .desktop\:grid--5\/7 > *, .no-js .desktop\:grid--5\/7 > * {
    width: 71.4285714286%;
  }
  .modern .desktop\:grid__5\/7, .flexbox.csscalc.js .desktop\:grid__5\/7 {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .desktop\:grid__5\/7, .no-flexbox .desktop\:grid__5\/7, .no-csscalc .desktop\:grid__5\/7, .no-js .desktop\:grid__5\/7 {
    width: 71.4285714286%;
  }
  .modern .desktop\:grid--6\/7 > *, .flexbox.csscalc.js .desktop\:grid--6\/7 > * {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .desktop\:grid--6\/7 > *, .no-flexbox .desktop\:grid--6\/7 > *, .no-csscalc .desktop\:grid--6\/7 > *, .no-js .desktop\:grid--6\/7 > * {
    width: 85.7142857143%;
  }
  .modern .desktop\:grid__6\/7, .flexbox.csscalc.js .desktop\:grid__6\/7 {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .desktop\:grid__6\/7, .no-flexbox .desktop\:grid__6\/7, .no-csscalc .desktop\:grid__6\/7, .no-js .desktop\:grid__6\/7 {
    width: 85.7142857143%;
  }
  .modern .desktop\:grid--7\/7 > *, .flexbox.csscalc.js .desktop\:grid--7\/7 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--7\/7 > *, .no-flexbox .desktop\:grid--7\/7 > *, .no-csscalc .desktop\:grid--7\/7 > *, .no-js .desktop\:grid--7\/7 > * {
    width: 100%;
  }
  .modern .desktop\:grid__7\/7, .flexbox.csscalc.js .desktop\:grid__7\/7 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__7\/7, .no-flexbox .desktop\:grid__7\/7, .no-csscalc .desktop\:grid__7\/7, .no-js .desktop\:grid__7\/7 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/8 > *, .flexbox.csscalc.js .desktop\:grid--1\/8 > * {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .desktop\:grid--1\/8 > *, .no-flexbox .desktop\:grid--1\/8 > *, .no-csscalc .desktop\:grid--1\/8 > *, .no-js .desktop\:grid--1\/8 > * {
    width: 12.5%;
  }
  .modern .desktop\:grid__1\/8, .flexbox.csscalc.js .desktop\:grid__1\/8 {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .desktop\:grid__1\/8, .no-flexbox .desktop\:grid__1\/8, .no-csscalc .desktop\:grid__1\/8, .no-js .desktop\:grid__1\/8 {
    width: 12.5%;
  }
  .modern .desktop\:grid--2\/8 > *, .flexbox.csscalc.js .desktop\:grid--2\/8 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .desktop\:grid--2\/8 > *, .no-flexbox .desktop\:grid--2\/8 > *, .no-csscalc .desktop\:grid--2\/8 > *, .no-js .desktop\:grid--2\/8 > * {
    width: 25%;
  }
  .modern .desktop\:grid__2\/8, .flexbox.csscalc.js .desktop\:grid__2\/8 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .desktop\:grid__2\/8, .no-flexbox .desktop\:grid__2\/8, .no-csscalc .desktop\:grid__2\/8, .no-js .desktop\:grid__2\/8 {
    width: 25%;
  }
  .modern .desktop\:grid--3\/8 > *, .flexbox.csscalc.js .desktop\:grid--3\/8 > * {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .desktop\:grid--3\/8 > *, .no-flexbox .desktop\:grid--3\/8 > *, .no-csscalc .desktop\:grid--3\/8 > *, .no-js .desktop\:grid--3\/8 > * {
    width: 37.5%;
  }
  .modern .desktop\:grid__3\/8, .flexbox.csscalc.js .desktop\:grid__3\/8 {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .desktop\:grid__3\/8, .no-flexbox .desktop\:grid__3\/8, .no-csscalc .desktop\:grid__3\/8, .no-js .desktop\:grid__3\/8 {
    width: 37.5%;
  }
  .modern .desktop\:grid--4\/8 > *, .flexbox.csscalc.js .desktop\:grid--4\/8 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid--4\/8 > *, .no-flexbox .desktop\:grid--4\/8 > *, .no-csscalc .desktop\:grid--4\/8 > *, .no-js .desktop\:grid--4\/8 > * {
    width: 50%;
  }
  .modern .desktop\:grid__4\/8, .flexbox.csscalc.js .desktop\:grid__4\/8 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid__4\/8, .no-flexbox .desktop\:grid__4\/8, .no-csscalc .desktop\:grid__4\/8, .no-js .desktop\:grid__4\/8 {
    width: 50%;
  }
  .modern .desktop\:grid--5\/8 > *, .flexbox.csscalc.js .desktop\:grid--5\/8 > * {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .desktop\:grid--5\/8 > *, .no-flexbox .desktop\:grid--5\/8 > *, .no-csscalc .desktop\:grid--5\/8 > *, .no-js .desktop\:grid--5\/8 > * {
    width: 62.5%;
  }
  .modern .desktop\:grid__5\/8, .flexbox.csscalc.js .desktop\:grid__5\/8 {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .desktop\:grid__5\/8, .no-flexbox .desktop\:grid__5\/8, .no-csscalc .desktop\:grid__5\/8, .no-js .desktop\:grid__5\/8 {
    width: 62.5%;
  }
  .modern .desktop\:grid--6\/8 > *, .flexbox.csscalc.js .desktop\:grid--6\/8 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .desktop\:grid--6\/8 > *, .no-flexbox .desktop\:grid--6\/8 > *, .no-csscalc .desktop\:grid--6\/8 > *, .no-js .desktop\:grid--6\/8 > * {
    width: 75%;
  }
  .modern .desktop\:grid__6\/8, .flexbox.csscalc.js .desktop\:grid__6\/8 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .desktop\:grid__6\/8, .no-flexbox .desktop\:grid__6\/8, .no-csscalc .desktop\:grid__6\/8, .no-js .desktop\:grid__6\/8 {
    width: 75%;
  }
  .modern .desktop\:grid--7\/8 > *, .flexbox.csscalc.js .desktop\:grid--7\/8 > * {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .desktop\:grid--7\/8 > *, .no-flexbox .desktop\:grid--7\/8 > *, .no-csscalc .desktop\:grid--7\/8 > *, .no-js .desktop\:grid--7\/8 > * {
    width: 87.5%;
  }
  .modern .desktop\:grid__7\/8, .flexbox.csscalc.js .desktop\:grid__7\/8 {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .desktop\:grid__7\/8, .no-flexbox .desktop\:grid__7\/8, .no-csscalc .desktop\:grid__7\/8, .no-js .desktop\:grid__7\/8 {
    width: 87.5%;
  }
  .modern .desktop\:grid--8\/8 > *, .flexbox.csscalc.js .desktop\:grid--8\/8 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--8\/8 > *, .no-flexbox .desktop\:grid--8\/8 > *, .no-csscalc .desktop\:grid--8\/8 > *, .no-js .desktop\:grid--8\/8 > * {
    width: 100%;
  }
  .modern .desktop\:grid__8\/8, .flexbox.csscalc.js .desktop\:grid__8\/8 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__8\/8, .no-flexbox .desktop\:grid__8\/8, .no-csscalc .desktop\:grid__8\/8, .no-js .desktop\:grid__8\/8 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/9 > *, .flexbox.csscalc.js .desktop\:grid--1\/9 > * {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .desktop\:grid--1\/9 > *, .no-flexbox .desktop\:grid--1\/9 > *, .no-csscalc .desktop\:grid--1\/9 > *, .no-js .desktop\:grid--1\/9 > * {
    width: 11.1111111111%;
  }
  .modern .desktop\:grid__1\/9, .flexbox.csscalc.js .desktop\:grid__1\/9 {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .desktop\:grid__1\/9, .no-flexbox .desktop\:grid__1\/9, .no-csscalc .desktop\:grid__1\/9, .no-js .desktop\:grid__1\/9 {
    width: 11.1111111111%;
  }
  .modern .desktop\:grid--2\/9 > *, .flexbox.csscalc.js .desktop\:grid--2\/9 > * {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .desktop\:grid--2\/9 > *, .no-flexbox .desktop\:grid--2\/9 > *, .no-csscalc .desktop\:grid--2\/9 > *, .no-js .desktop\:grid--2\/9 > * {
    width: 22.2222222222%;
  }
  .modern .desktop\:grid__2\/9, .flexbox.csscalc.js .desktop\:grid__2\/9 {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .desktop\:grid__2\/9, .no-flexbox .desktop\:grid__2\/9, .no-csscalc .desktop\:grid__2\/9, .no-js .desktop\:grid__2\/9 {
    width: 22.2222222222%;
  }
  .modern .desktop\:grid--3\/9 > *, .flexbox.csscalc.js .desktop\:grid--3\/9 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .desktop\:grid--3\/9 > *, .no-flexbox .desktop\:grid--3\/9 > *, .no-csscalc .desktop\:grid--3\/9 > *, .no-js .desktop\:grid--3\/9 > * {
    width: 33.3333333333%;
  }
  .modern .desktop\:grid__3\/9, .flexbox.csscalc.js .desktop\:grid__3\/9 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .desktop\:grid__3\/9, .no-flexbox .desktop\:grid__3\/9, .no-csscalc .desktop\:grid__3\/9, .no-js .desktop\:grid__3\/9 {
    width: 33.3333333333%;
  }
  .modern .desktop\:grid--4\/9 > *, .flexbox.csscalc.js .desktop\:grid--4\/9 > * {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .desktop\:grid--4\/9 > *, .no-flexbox .desktop\:grid--4\/9 > *, .no-csscalc .desktop\:grid--4\/9 > *, .no-js .desktop\:grid--4\/9 > * {
    width: 44.4444444444%;
  }
  .modern .desktop\:grid__4\/9, .flexbox.csscalc.js .desktop\:grid__4\/9 {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .desktop\:grid__4\/9, .no-flexbox .desktop\:grid__4\/9, .no-csscalc .desktop\:grid__4\/9, .no-js .desktop\:grid__4\/9 {
    width: 44.4444444444%;
  }
  .modern .desktop\:grid--5\/9 > *, .flexbox.csscalc.js .desktop\:grid--5\/9 > * {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .desktop\:grid--5\/9 > *, .no-flexbox .desktop\:grid--5\/9 > *, .no-csscalc .desktop\:grid--5\/9 > *, .no-js .desktop\:grid--5\/9 > * {
    width: 55.5555555556%;
  }
  .modern .desktop\:grid__5\/9, .flexbox.csscalc.js .desktop\:grid__5\/9 {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .desktop\:grid__5\/9, .no-flexbox .desktop\:grid__5\/9, .no-csscalc .desktop\:grid__5\/9, .no-js .desktop\:grid__5\/9 {
    width: 55.5555555556%;
  }
  .modern .desktop\:grid--6\/9 > *, .flexbox.csscalc.js .desktop\:grid--6\/9 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .desktop\:grid--6\/9 > *, .no-flexbox .desktop\:grid--6\/9 > *, .no-csscalc .desktop\:grid--6\/9 > *, .no-js .desktop\:grid--6\/9 > * {
    width: 66.6666666667%;
  }
  .modern .desktop\:grid__6\/9, .flexbox.csscalc.js .desktop\:grid__6\/9 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .desktop\:grid__6\/9, .no-flexbox .desktop\:grid__6\/9, .no-csscalc .desktop\:grid__6\/9, .no-js .desktop\:grid__6\/9 {
    width: 66.6666666667%;
  }
  .modern .desktop\:grid--7\/9 > *, .flexbox.csscalc.js .desktop\:grid--7\/9 > * {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .desktop\:grid--7\/9 > *, .no-flexbox .desktop\:grid--7\/9 > *, .no-csscalc .desktop\:grid--7\/9 > *, .no-js .desktop\:grid--7\/9 > * {
    width: 77.7777777778%;
  }
  .modern .desktop\:grid__7\/9, .flexbox.csscalc.js .desktop\:grid__7\/9 {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .desktop\:grid__7\/9, .no-flexbox .desktop\:grid__7\/9, .no-csscalc .desktop\:grid__7\/9, .no-js .desktop\:grid__7\/9 {
    width: 77.7777777778%;
  }
  .modern .desktop\:grid--8\/9 > *, .flexbox.csscalc.js .desktop\:grid--8\/9 > * {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .desktop\:grid--8\/9 > *, .no-flexbox .desktop\:grid--8\/9 > *, .no-csscalc .desktop\:grid--8\/9 > *, .no-js .desktop\:grid--8\/9 > * {
    width: 88.8888888889%;
  }
  .modern .desktop\:grid__8\/9, .flexbox.csscalc.js .desktop\:grid__8\/9 {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .desktop\:grid__8\/9, .no-flexbox .desktop\:grid__8\/9, .no-csscalc .desktop\:grid__8\/9, .no-js .desktop\:grid__8\/9 {
    width: 88.8888888889%;
  }
  .modern .desktop\:grid--9\/9 > *, .flexbox.csscalc.js .desktop\:grid--9\/9 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--9\/9 > *, .no-flexbox .desktop\:grid--9\/9 > *, .no-csscalc .desktop\:grid--9\/9 > *, .no-js .desktop\:grid--9\/9 > * {
    width: 100%;
  }
  .modern .desktop\:grid__9\/9, .flexbox.csscalc.js .desktop\:grid__9\/9 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__9\/9, .no-flexbox .desktop\:grid__9\/9, .no-csscalc .desktop\:grid__9\/9, .no-js .desktop\:grid__9\/9 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/10 > *, .flexbox.csscalc.js .desktop\:grid--1\/10 > * {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .desktop\:grid--1\/10 > *, .no-flexbox .desktop\:grid--1\/10 > *, .no-csscalc .desktop\:grid--1\/10 > *, .no-js .desktop\:grid--1\/10 > * {
    width: 10%;
  }
  .modern .desktop\:grid__1\/10, .flexbox.csscalc.js .desktop\:grid__1\/10 {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .desktop\:grid__1\/10, .no-flexbox .desktop\:grid__1\/10, .no-csscalc .desktop\:grid__1\/10, .no-js .desktop\:grid__1\/10 {
    width: 10%;
  }
  .modern .desktop\:grid--2\/10 > *, .flexbox.csscalc.js .desktop\:grid--2\/10 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .desktop\:grid--2\/10 > *, .no-flexbox .desktop\:grid--2\/10 > *, .no-csscalc .desktop\:grid--2\/10 > *, .no-js .desktop\:grid--2\/10 > * {
    width: 20%;
  }
  .modern .desktop\:grid__2\/10, .flexbox.csscalc.js .desktop\:grid__2\/10 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .desktop\:grid__2\/10, .no-flexbox .desktop\:grid__2\/10, .no-csscalc .desktop\:grid__2\/10, .no-js .desktop\:grid__2\/10 {
    width: 20%;
  }
  .modern .desktop\:grid--3\/10 > *, .flexbox.csscalc.js .desktop\:grid--3\/10 > * {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .desktop\:grid--3\/10 > *, .no-flexbox .desktop\:grid--3\/10 > *, .no-csscalc .desktop\:grid--3\/10 > *, .no-js .desktop\:grid--3\/10 > * {
    width: 30%;
  }
  .modern .desktop\:grid__3\/10, .flexbox.csscalc.js .desktop\:grid__3\/10 {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .desktop\:grid__3\/10, .no-flexbox .desktop\:grid__3\/10, .no-csscalc .desktop\:grid__3\/10, .no-js .desktop\:grid__3\/10 {
    width: 30%;
  }
  .modern .desktop\:grid--4\/10 > *, .flexbox.csscalc.js .desktop\:grid--4\/10 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .desktop\:grid--4\/10 > *, .no-flexbox .desktop\:grid--4\/10 > *, .no-csscalc .desktop\:grid--4\/10 > *, .no-js .desktop\:grid--4\/10 > * {
    width: 40%;
  }
  .modern .desktop\:grid__4\/10, .flexbox.csscalc.js .desktop\:grid__4\/10 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .desktop\:grid__4\/10, .no-flexbox .desktop\:grid__4\/10, .no-csscalc .desktop\:grid__4\/10, .no-js .desktop\:grid__4\/10 {
    width: 40%;
  }
  .modern .desktop\:grid--5\/10 > *, .flexbox.csscalc.js .desktop\:grid--5\/10 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid--5\/10 > *, .no-flexbox .desktop\:grid--5\/10 > *, .no-csscalc .desktop\:grid--5\/10 > *, .no-js .desktop\:grid--5\/10 > * {
    width: 50%;
  }
  .modern .desktop\:grid__5\/10, .flexbox.csscalc.js .desktop\:grid__5\/10 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid__5\/10, .no-flexbox .desktop\:grid__5\/10, .no-csscalc .desktop\:grid__5\/10, .no-js .desktop\:grid__5\/10 {
    width: 50%;
  }
  .modern .desktop\:grid--6\/10 > *, .flexbox.csscalc.js .desktop\:grid--6\/10 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .desktop\:grid--6\/10 > *, .no-flexbox .desktop\:grid--6\/10 > *, .no-csscalc .desktop\:grid--6\/10 > *, .no-js .desktop\:grid--6\/10 > * {
    width: 60%;
  }
  .modern .desktop\:grid__6\/10, .flexbox.csscalc.js .desktop\:grid__6\/10 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .desktop\:grid__6\/10, .no-flexbox .desktop\:grid__6\/10, .no-csscalc .desktop\:grid__6\/10, .no-js .desktop\:grid__6\/10 {
    width: 60%;
  }
  .modern .desktop\:grid--7\/10 > *, .flexbox.csscalc.js .desktop\:grid--7\/10 > * {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .desktop\:grid--7\/10 > *, .no-flexbox .desktop\:grid--7\/10 > *, .no-csscalc .desktop\:grid--7\/10 > *, .no-js .desktop\:grid--7\/10 > * {
    width: 70%;
  }
  .modern .desktop\:grid__7\/10, .flexbox.csscalc.js .desktop\:grid__7\/10 {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .desktop\:grid__7\/10, .no-flexbox .desktop\:grid__7\/10, .no-csscalc .desktop\:grid__7\/10, .no-js .desktop\:grid__7\/10 {
    width: 70%;
  }
  .modern .desktop\:grid--8\/10 > *, .flexbox.csscalc.js .desktop\:grid--8\/10 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .desktop\:grid--8\/10 > *, .no-flexbox .desktop\:grid--8\/10 > *, .no-csscalc .desktop\:grid--8\/10 > *, .no-js .desktop\:grid--8\/10 > * {
    width: 80%;
  }
  .modern .desktop\:grid__8\/10, .flexbox.csscalc.js .desktop\:grid__8\/10 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .desktop\:grid__8\/10, .no-flexbox .desktop\:grid__8\/10, .no-csscalc .desktop\:grid__8\/10, .no-js .desktop\:grid__8\/10 {
    width: 80%;
  }
  .modern .desktop\:grid--9\/10 > *, .flexbox.csscalc.js .desktop\:grid--9\/10 > * {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .desktop\:grid--9\/10 > *, .no-flexbox .desktop\:grid--9\/10 > *, .no-csscalc .desktop\:grid--9\/10 > *, .no-js .desktop\:grid--9\/10 > * {
    width: 90%;
  }
  .modern .desktop\:grid__9\/10, .flexbox.csscalc.js .desktop\:grid__9\/10 {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .desktop\:grid__9\/10, .no-flexbox .desktop\:grid__9\/10, .no-csscalc .desktop\:grid__9\/10, .no-js .desktop\:grid__9\/10 {
    width: 90%;
  }
  .modern .desktop\:grid--10\/10 > *, .flexbox.csscalc.js .desktop\:grid--10\/10 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--10\/10 > *, .no-flexbox .desktop\:grid--10\/10 > *, .no-csscalc .desktop\:grid--10\/10 > *, .no-js .desktop\:grid--10\/10 > * {
    width: 100%;
  }
  .modern .desktop\:grid__10\/10, .flexbox.csscalc.js .desktop\:grid__10\/10 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__10\/10, .no-flexbox .desktop\:grid__10\/10, .no-csscalc .desktop\:grid__10\/10, .no-js .desktop\:grid__10\/10 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/11 > *, .flexbox.csscalc.js .desktop\:grid--1\/11 > * {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .desktop\:grid--1\/11 > *, .no-flexbox .desktop\:grid--1\/11 > *, .no-csscalc .desktop\:grid--1\/11 > *, .no-js .desktop\:grid--1\/11 > * {
    width: 9.0909090909%;
  }
  .modern .desktop\:grid__1\/11, .flexbox.csscalc.js .desktop\:grid__1\/11 {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .desktop\:grid__1\/11, .no-flexbox .desktop\:grid__1\/11, .no-csscalc .desktop\:grid__1\/11, .no-js .desktop\:grid__1\/11 {
    width: 9.0909090909%;
  }
  .modern .desktop\:grid--2\/11 > *, .flexbox.csscalc.js .desktop\:grid--2\/11 > * {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .desktop\:grid--2\/11 > *, .no-flexbox .desktop\:grid--2\/11 > *, .no-csscalc .desktop\:grid--2\/11 > *, .no-js .desktop\:grid--2\/11 > * {
    width: 18.1818181818%;
  }
  .modern .desktop\:grid__2\/11, .flexbox.csscalc.js .desktop\:grid__2\/11 {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .desktop\:grid__2\/11, .no-flexbox .desktop\:grid__2\/11, .no-csscalc .desktop\:grid__2\/11, .no-js .desktop\:grid__2\/11 {
    width: 18.1818181818%;
  }
  .modern .desktop\:grid--3\/11 > *, .flexbox.csscalc.js .desktop\:grid--3\/11 > * {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .desktop\:grid--3\/11 > *, .no-flexbox .desktop\:grid--3\/11 > *, .no-csscalc .desktop\:grid--3\/11 > *, .no-js .desktop\:grid--3\/11 > * {
    width: 27.2727272727%;
  }
  .modern .desktop\:grid__3\/11, .flexbox.csscalc.js .desktop\:grid__3\/11 {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .desktop\:grid__3\/11, .no-flexbox .desktop\:grid__3\/11, .no-csscalc .desktop\:grid__3\/11, .no-js .desktop\:grid__3\/11 {
    width: 27.2727272727%;
  }
  .modern .desktop\:grid--4\/11 > *, .flexbox.csscalc.js .desktop\:grid--4\/11 > * {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .desktop\:grid--4\/11 > *, .no-flexbox .desktop\:grid--4\/11 > *, .no-csscalc .desktop\:grid--4\/11 > *, .no-js .desktop\:grid--4\/11 > * {
    width: 36.3636363636%;
  }
  .modern .desktop\:grid__4\/11, .flexbox.csscalc.js .desktop\:grid__4\/11 {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .desktop\:grid__4\/11, .no-flexbox .desktop\:grid__4\/11, .no-csscalc .desktop\:grid__4\/11, .no-js .desktop\:grid__4\/11 {
    width: 36.3636363636%;
  }
  .modern .desktop\:grid--5\/11 > *, .flexbox.csscalc.js .desktop\:grid--5\/11 > * {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .desktop\:grid--5\/11 > *, .no-flexbox .desktop\:grid--5\/11 > *, .no-csscalc .desktop\:grid--5\/11 > *, .no-js .desktop\:grid--5\/11 > * {
    width: 45.4545454545%;
  }
  .modern .desktop\:grid__5\/11, .flexbox.csscalc.js .desktop\:grid__5\/11 {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .desktop\:grid__5\/11, .no-flexbox .desktop\:grid__5\/11, .no-csscalc .desktop\:grid__5\/11, .no-js .desktop\:grid__5\/11 {
    width: 45.4545454545%;
  }
  .modern .desktop\:grid--6\/11 > *, .flexbox.csscalc.js .desktop\:grid--6\/11 > * {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .desktop\:grid--6\/11 > *, .no-flexbox .desktop\:grid--6\/11 > *, .no-csscalc .desktop\:grid--6\/11 > *, .no-js .desktop\:grid--6\/11 > * {
    width: 54.5454545455%;
  }
  .modern .desktop\:grid__6\/11, .flexbox.csscalc.js .desktop\:grid__6\/11 {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .desktop\:grid__6\/11, .no-flexbox .desktop\:grid__6\/11, .no-csscalc .desktop\:grid__6\/11, .no-js .desktop\:grid__6\/11 {
    width: 54.5454545455%;
  }
  .modern .desktop\:grid--7\/11 > *, .flexbox.csscalc.js .desktop\:grid--7\/11 > * {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .desktop\:grid--7\/11 > *, .no-flexbox .desktop\:grid--7\/11 > *, .no-csscalc .desktop\:grid--7\/11 > *, .no-js .desktop\:grid--7\/11 > * {
    width: 63.6363636364%;
  }
  .modern .desktop\:grid__7\/11, .flexbox.csscalc.js .desktop\:grid__7\/11 {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .desktop\:grid__7\/11, .no-flexbox .desktop\:grid__7\/11, .no-csscalc .desktop\:grid__7\/11, .no-js .desktop\:grid__7\/11 {
    width: 63.6363636364%;
  }
  .modern .desktop\:grid--8\/11 > *, .flexbox.csscalc.js .desktop\:grid--8\/11 > * {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .desktop\:grid--8\/11 > *, .no-flexbox .desktop\:grid--8\/11 > *, .no-csscalc .desktop\:grid--8\/11 > *, .no-js .desktop\:grid--8\/11 > * {
    width: 72.7272727273%;
  }
  .modern .desktop\:grid__8\/11, .flexbox.csscalc.js .desktop\:grid__8\/11 {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .desktop\:grid__8\/11, .no-flexbox .desktop\:grid__8\/11, .no-csscalc .desktop\:grid__8\/11, .no-js .desktop\:grid__8\/11 {
    width: 72.7272727273%;
  }
  .modern .desktop\:grid--9\/11 > *, .flexbox.csscalc.js .desktop\:grid--9\/11 > * {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .desktop\:grid--9\/11 > *, .no-flexbox .desktop\:grid--9\/11 > *, .no-csscalc .desktop\:grid--9\/11 > *, .no-js .desktop\:grid--9\/11 > * {
    width: 81.8181818182%;
  }
  .modern .desktop\:grid__9\/11, .flexbox.csscalc.js .desktop\:grid__9\/11 {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .desktop\:grid__9\/11, .no-flexbox .desktop\:grid__9\/11, .no-csscalc .desktop\:grid__9\/11, .no-js .desktop\:grid__9\/11 {
    width: 81.8181818182%;
  }
  .modern .desktop\:grid--10\/11 > *, .flexbox.csscalc.js .desktop\:grid--10\/11 > * {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .desktop\:grid--10\/11 > *, .no-flexbox .desktop\:grid--10\/11 > *, .no-csscalc .desktop\:grid--10\/11 > *, .no-js .desktop\:grid--10\/11 > * {
    width: 90.9090909091%;
  }
  .modern .desktop\:grid__10\/11, .flexbox.csscalc.js .desktop\:grid__10\/11 {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .desktop\:grid__10\/11, .no-flexbox .desktop\:grid__10\/11, .no-csscalc .desktop\:grid__10\/11, .no-js .desktop\:grid__10\/11 {
    width: 90.9090909091%;
  }
  .modern .desktop\:grid--11\/11 > *, .flexbox.csscalc.js .desktop\:grid--11\/11 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--11\/11 > *, .no-flexbox .desktop\:grid--11\/11 > *, .no-csscalc .desktop\:grid--11\/11 > *, .no-js .desktop\:grid--11\/11 > * {
    width: 100%;
  }
  .modern .desktop\:grid__11\/11, .flexbox.csscalc.js .desktop\:grid__11\/11 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__11\/11, .no-flexbox .desktop\:grid__11\/11, .no-csscalc .desktop\:grid__11\/11, .no-js .desktop\:grid__11\/11 {
    width: 100%;
  }
}
@media (max-width: 1500px) {
  .desktop\:grid--left {
    text-align: left;
  }
  .modern .desktop\:grid--left, .flexbox.csscalc.js .desktop\:grid--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .desktop\:grid--center {
    text-align: center;
  }
  .modern .desktop\:grid--center, .flexbox.csscalc.js .desktop\:grid--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .desktop\:grid--right {
    text-align: right;
  }
  .modern .desktop\:grid--right, .flexbox.csscalc.js .desktop\:grid--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 1023px) {
  /* BREAKPOINTS */
  .modern .tablet\:grid--1\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/12 > * {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .tablet\:grid--1\/12 > *, .no-flexbox .tablet\:grid--1\/12 > *, .no-csscalc .tablet\:grid--1\/12 > *, .no-js .tablet\:grid--1\/12 > * {
    width: 8.3333333333%;
  }
  .modern .tablet\:grid__1\/12, .flexbox.csscalc.js .tablet\:grid__1\/12 {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .tablet\:grid__1\/12, .no-flexbox .tablet\:grid__1\/12, .no-csscalc .tablet\:grid__1\/12, .no-js .tablet\:grid__1\/12 {
    width: 8.3333333333%;
  }
  .modern .tablet\:grid--2\/12 > *, .modern .tablet\:grid--1\/6 > *, .flexbox.csscalc.js .tablet\:grid--2\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/6 > * {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .tablet\:grid--2\/12 > *, .legacy .tablet\:grid--1\/6 > *, .no-flexbox .tablet\:grid--2\/12 > *, .no-flexbox .tablet\:grid--1\/6 > *, .no-csscalc .tablet\:grid--2\/12 > *, .no-csscalc .tablet\:grid--1\/6 > *, .no-js .tablet\:grid--2\/12 > *, .no-js .tablet\:grid--1\/6 > * {
    width: 16.6666666667%;
  }
  .modern .tablet\:grid__2\/12, .modern .tablet\:grid__1\/6, .flexbox.csscalc.js .tablet\:grid__2\/12, .flexbox.csscalc.js .tablet\:grid__1\/6 {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .tablet\:grid__2\/12, .legacy .tablet\:grid__1\/6, .no-flexbox .tablet\:grid__2\/12, .no-flexbox .tablet\:grid__1\/6, .no-csscalc .tablet\:grid__2\/12, .no-csscalc .tablet\:grid__1\/6, .no-js .tablet\:grid__2\/12, .no-js .tablet\:grid__1\/6 {
    width: 16.6666666667%;
  }
  .modern .tablet\:grid--3\/12 > *, .modern .tablet\:grid--1\/4 > *, .flexbox.csscalc.js .tablet\:grid--3\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/4 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .tablet\:grid--3\/12 > *, .legacy .tablet\:grid--1\/4 > *, .no-flexbox .tablet\:grid--3\/12 > *, .no-flexbox .tablet\:grid--1\/4 > *, .no-csscalc .tablet\:grid--3\/12 > *, .no-csscalc .tablet\:grid--1\/4 > *, .no-js .tablet\:grid--3\/12 > *, .no-js .tablet\:grid--1\/4 > * {
    width: 25%;
  }
  .modern .tablet\:grid__3\/12, .modern .tablet\:grid__1\/4, .flexbox.csscalc.js .tablet\:grid__3\/12, .flexbox.csscalc.js .tablet\:grid__1\/4 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .tablet\:grid__3\/12, .legacy .tablet\:grid__1\/4, .no-flexbox .tablet\:grid__3\/12, .no-flexbox .tablet\:grid__1\/4, .no-csscalc .tablet\:grid__3\/12, .no-csscalc .tablet\:grid__1\/4, .no-js .tablet\:grid__3\/12, .no-js .tablet\:grid__1\/4 {
    width: 25%;
  }
  .modern .tablet\:grid--4\/12 > *, .modern .tablet\:grid--1\/3 > *, .modern .tablet\:grid--2\/6 > *, .flexbox.csscalc.js .tablet\:grid--4\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/3 > *, .flexbox.csscalc.js .tablet\:grid--2\/6 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .tablet\:grid--4\/12 > *, .legacy .tablet\:grid--1\/3 > *, .legacy .tablet\:grid--2\/6 > *, .no-flexbox .tablet\:grid--4\/12 > *, .no-flexbox .tablet\:grid--1\/3 > *, .no-flexbox .tablet\:grid--2\/6 > *, .no-csscalc .tablet\:grid--4\/12 > *, .no-csscalc .tablet\:grid--1\/3 > *, .no-csscalc .tablet\:grid--2\/6 > *, .no-js .tablet\:grid--4\/12 > *, .no-js .tablet\:grid--1\/3 > *, .no-js .tablet\:grid--2\/6 > * {
    width: 33.3333333333%;
  }
  .modern .tablet\:grid__4\/12, .modern .tablet\:grid__1\/3, .modern .tablet\:grid__2\/6, .flexbox.csscalc.js .tablet\:grid__4\/12, .flexbox.csscalc.js .tablet\:grid__1\/3, .flexbox.csscalc.js .tablet\:grid__2\/6 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .tablet\:grid__4\/12, .legacy .tablet\:grid__1\/3, .legacy .tablet\:grid__2\/6, .no-flexbox .tablet\:grid__4\/12, .no-flexbox .tablet\:grid__1\/3, .no-flexbox .tablet\:grid__2\/6, .no-csscalc .tablet\:grid__4\/12, .no-csscalc .tablet\:grid__1\/3, .no-csscalc .tablet\:grid__2\/6, .no-js .tablet\:grid__4\/12, .no-js .tablet\:grid__1\/3, .no-js .tablet\:grid__2\/6 {
    width: 33.3333333333%;
  }
  .modern .tablet\:grid--5\/12 > *, .flexbox.csscalc.js .tablet\:grid--5\/12 > * {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .tablet\:grid--5\/12 > *, .no-flexbox .tablet\:grid--5\/12 > *, .no-csscalc .tablet\:grid--5\/12 > *, .no-js .tablet\:grid--5\/12 > * {
    width: 41.6666666667%;
  }
  .modern .tablet\:grid__5\/12, .flexbox.csscalc.js .tablet\:grid__5\/12 {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .tablet\:grid__5\/12, .no-flexbox .tablet\:grid__5\/12, .no-csscalc .tablet\:grid__5\/12, .no-js .tablet\:grid__5\/12 {
    width: 41.6666666667%;
  }
  .modern .tablet\:grid--6\/12 > *, .modern .tablet\:grid--1\/2 > *, .modern .tablet\:grid--2\/4 > *, .modern .tablet\:grid--3\/6 > *, .flexbox.csscalc.js .tablet\:grid--6\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/2 > *, .flexbox.csscalc.js .tablet\:grid--2\/4 > *, .flexbox.csscalc.js .tablet\:grid--3\/6 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid--6\/12 > *, .legacy .tablet\:grid--1\/2 > *, .legacy .tablet\:grid--2\/4 > *, .legacy .tablet\:grid--3\/6 > *, .no-flexbox .tablet\:grid--6\/12 > *, .no-flexbox .tablet\:grid--1\/2 > *, .no-flexbox .tablet\:grid--2\/4 > *, .no-flexbox .tablet\:grid--3\/6 > *, .no-csscalc .tablet\:grid--6\/12 > *, .no-csscalc .tablet\:grid--1\/2 > *, .no-csscalc .tablet\:grid--2\/4 > *, .no-csscalc .tablet\:grid--3\/6 > *, .no-js .tablet\:grid--6\/12 > *, .no-js .tablet\:grid--1\/2 > *, .no-js .tablet\:grid--2\/4 > *, .no-js .tablet\:grid--3\/6 > * {
    width: 50%;
  }
  .modern .tablet\:grid__6\/12, .modern .tablet\:grid__1\/2, .modern .tablet\:grid__2\/4, .modern .tablet\:grid__3\/6, .flexbox.csscalc.js .tablet\:grid__6\/12, .flexbox.csscalc.js .tablet\:grid__1\/2, .flexbox.csscalc.js .tablet\:grid__2\/4, .flexbox.csscalc.js .tablet\:grid__3\/6 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid__6\/12, .legacy .tablet\:grid__1\/2, .legacy .tablet\:grid__2\/4, .legacy .tablet\:grid__3\/6, .no-flexbox .tablet\:grid__6\/12, .no-flexbox .tablet\:grid__1\/2, .no-flexbox .tablet\:grid__2\/4, .no-flexbox .tablet\:grid__3\/6, .no-csscalc .tablet\:grid__6\/12, .no-csscalc .tablet\:grid__1\/2, .no-csscalc .tablet\:grid__2\/4, .no-csscalc .tablet\:grid__3\/6, .no-js .tablet\:grid__6\/12, .no-js .tablet\:grid__1\/2, .no-js .tablet\:grid__2\/4, .no-js .tablet\:grid__3\/6 {
    width: 50%;
  }
  .modern .tablet\:grid--7\/12 > *, .flexbox.csscalc.js .tablet\:grid--7\/12 > * {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .tablet\:grid--7\/12 > *, .no-flexbox .tablet\:grid--7\/12 > *, .no-csscalc .tablet\:grid--7\/12 > *, .no-js .tablet\:grid--7\/12 > * {
    width: 58.3333333333%;
  }
  .modern .tablet\:grid__7\/12, .flexbox.csscalc.js .tablet\:grid__7\/12 {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .tablet\:grid__7\/12, .no-flexbox .tablet\:grid__7\/12, .no-csscalc .tablet\:grid__7\/12, .no-js .tablet\:grid__7\/12 {
    width: 58.3333333333%;
  }
  .modern .tablet\:grid--8\/12 > *, .modern .tablet\:grid--2\/3 > *, .modern .tablet\:grid--4\/6 > *, .flexbox.csscalc.js .tablet\:grid--8\/12 > *, .flexbox.csscalc.js .tablet\:grid--2\/3 > *, .flexbox.csscalc.js .tablet\:grid--4\/6 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .tablet\:grid--8\/12 > *, .legacy .tablet\:grid--2\/3 > *, .legacy .tablet\:grid--4\/6 > *, .no-flexbox .tablet\:grid--8\/12 > *, .no-flexbox .tablet\:grid--2\/3 > *, .no-flexbox .tablet\:grid--4\/6 > *, .no-csscalc .tablet\:grid--8\/12 > *, .no-csscalc .tablet\:grid--2\/3 > *, .no-csscalc .tablet\:grid--4\/6 > *, .no-js .tablet\:grid--8\/12 > *, .no-js .tablet\:grid--2\/3 > *, .no-js .tablet\:grid--4\/6 > * {
    width: 66.6666666667%;
  }
  .modern .tablet\:grid__8\/12, .modern .tablet\:grid__2\/3, .modern .tablet\:grid__4\/6, .flexbox.csscalc.js .tablet\:grid__8\/12, .flexbox.csscalc.js .tablet\:grid__2\/3, .flexbox.csscalc.js .tablet\:grid__4\/6 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .tablet\:grid__8\/12, .legacy .tablet\:grid__2\/3, .legacy .tablet\:grid__4\/6, .no-flexbox .tablet\:grid__8\/12, .no-flexbox .tablet\:grid__2\/3, .no-flexbox .tablet\:grid__4\/6, .no-csscalc .tablet\:grid__8\/12, .no-csscalc .tablet\:grid__2\/3, .no-csscalc .tablet\:grid__4\/6, .no-js .tablet\:grid__8\/12, .no-js .tablet\:grid__2\/3, .no-js .tablet\:grid__4\/6 {
    width: 66.6666666667%;
  }
  .modern .tablet\:grid--9\/12 > *, .modern .tablet\:grid--3\/4 > *, .flexbox.csscalc.js .tablet\:grid--9\/12 > *, .flexbox.csscalc.js .tablet\:grid--3\/4 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .tablet\:grid--9\/12 > *, .legacy .tablet\:grid--3\/4 > *, .no-flexbox .tablet\:grid--9\/12 > *, .no-flexbox .tablet\:grid--3\/4 > *, .no-csscalc .tablet\:grid--9\/12 > *, .no-csscalc .tablet\:grid--3\/4 > *, .no-js .tablet\:grid--9\/12 > *, .no-js .tablet\:grid--3\/4 > * {
    width: 75%;
  }
  .modern .tablet\:grid__9\/12, .modern .tablet\:grid__3\/4, .flexbox.csscalc.js .tablet\:grid__9\/12, .flexbox.csscalc.js .tablet\:grid__3\/4 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .tablet\:grid__9\/12, .legacy .tablet\:grid__3\/4, .no-flexbox .tablet\:grid__9\/12, .no-flexbox .tablet\:grid__3\/4, .no-csscalc .tablet\:grid__9\/12, .no-csscalc .tablet\:grid__3\/4, .no-js .tablet\:grid__9\/12, .no-js .tablet\:grid__3\/4 {
    width: 75%;
  }
  .modern .tablet\:grid--10\/12 > *, .modern .tablet\:grid--5\/6 > *, .flexbox.csscalc.js .tablet\:grid--10\/12 > *, .flexbox.csscalc.js .tablet\:grid--5\/6 > * {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .tablet\:grid--10\/12 > *, .legacy .tablet\:grid--5\/6 > *, .no-flexbox .tablet\:grid--10\/12 > *, .no-flexbox .tablet\:grid--5\/6 > *, .no-csscalc .tablet\:grid--10\/12 > *, .no-csscalc .tablet\:grid--5\/6 > *, .no-js .tablet\:grid--10\/12 > *, .no-js .tablet\:grid--5\/6 > * {
    width: 83.3333333333%;
  }
  .modern .tablet\:grid__10\/12, .modern .tablet\:grid__5\/6, .flexbox.csscalc.js .tablet\:grid__10\/12, .flexbox.csscalc.js .tablet\:grid__5\/6 {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .tablet\:grid__10\/12, .legacy .tablet\:grid__5\/6, .no-flexbox .tablet\:grid__10\/12, .no-flexbox .tablet\:grid__5\/6, .no-csscalc .tablet\:grid__10\/12, .no-csscalc .tablet\:grid__5\/6, .no-js .tablet\:grid__10\/12, .no-js .tablet\:grid__5\/6 {
    width: 83.3333333333%;
  }
  .modern .tablet\:grid--11\/12 > *, .flexbox.csscalc.js .tablet\:grid--11\/12 > * {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .tablet\:grid--11\/12 > *, .no-flexbox .tablet\:grid--11\/12 > *, .no-csscalc .tablet\:grid--11\/12 > *, .no-js .tablet\:grid--11\/12 > * {
    width: 91.6666666667%;
  }
  .modern .tablet\:grid__11\/12, .flexbox.csscalc.js .tablet\:grid__11\/12 {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .tablet\:grid__11\/12, .no-flexbox .tablet\:grid__11\/12, .no-csscalc .tablet\:grid__11\/12, .no-js .tablet\:grid__11\/12 {
    width: 91.6666666667%;
  }
  .modern .tablet\:grid--12\/12 > *, .modern .tablet\:grid--1\/1 > *, .modern .tablet\:grid--2\/2 > *, .modern .tablet\:grid--3\/3 > *, .modern .tablet\:grid--4\/4 > *, .modern .tablet\:grid--6\/6 > *, .flexbox.csscalc.js .tablet\:grid--12\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/1 > *, .flexbox.csscalc.js .tablet\:grid--2\/2 > *, .flexbox.csscalc.js .tablet\:grid--3\/3 > *, .flexbox.csscalc.js .tablet\:grid--4\/4 > *, .flexbox.csscalc.js .tablet\:grid--6\/6 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--12\/12 > *, .legacy .tablet\:grid--1\/1 > *, .legacy .tablet\:grid--2\/2 > *, .legacy .tablet\:grid--3\/3 > *, .legacy .tablet\:grid--4\/4 > *, .legacy .tablet\:grid--6\/6 > *, .no-flexbox .tablet\:grid--12\/12 > *, .no-flexbox .tablet\:grid--1\/1 > *, .no-flexbox .tablet\:grid--2\/2 > *, .no-flexbox .tablet\:grid--3\/3 > *, .no-flexbox .tablet\:grid--4\/4 > *, .no-flexbox .tablet\:grid--6\/6 > *, .no-csscalc .tablet\:grid--12\/12 > *, .no-csscalc .tablet\:grid--1\/1 > *, .no-csscalc .tablet\:grid--2\/2 > *, .no-csscalc .tablet\:grid--3\/3 > *, .no-csscalc .tablet\:grid--4\/4 > *, .no-csscalc .tablet\:grid--6\/6 > *, .no-js .tablet\:grid--12\/12 > *, .no-js .tablet\:grid--1\/1 > *, .no-js .tablet\:grid--2\/2 > *, .no-js .tablet\:grid--3\/3 > *, .no-js .tablet\:grid--4\/4 > *, .no-js .tablet\:grid--6\/6 > * {
    width: 100%;
  }
  .modern .tablet\:grid__12\/12, .modern .tablet\:grid__1\/1, .modern .tablet\:grid__2\/2, .modern .tablet\:grid__3\/3, .modern .tablet\:grid__4\/4, .modern .tablet\:grid__6\/6, .flexbox.csscalc.js .tablet\:grid__12\/12, .flexbox.csscalc.js .tablet\:grid__1\/1, .flexbox.csscalc.js .tablet\:grid__2\/2, .flexbox.csscalc.js .tablet\:grid__3\/3, .flexbox.csscalc.js .tablet\:grid__4\/4, .flexbox.csscalc.js .tablet\:grid__6\/6 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__12\/12, .legacy .tablet\:grid__1\/1, .legacy .tablet\:grid__2\/2, .legacy .tablet\:grid__3\/3, .legacy .tablet\:grid__4\/4, .legacy .tablet\:grid__6\/6, .no-flexbox .tablet\:grid__12\/12, .no-flexbox .tablet\:grid__1\/1, .no-flexbox .tablet\:grid__2\/2, .no-flexbox .tablet\:grid__3\/3, .no-flexbox .tablet\:grid__4\/4, .no-flexbox .tablet\:grid__6\/6, .no-csscalc .tablet\:grid__12\/12, .no-csscalc .tablet\:grid__1\/1, .no-csscalc .tablet\:grid__2\/2, .no-csscalc .tablet\:grid__3\/3, .no-csscalc .tablet\:grid__4\/4, .no-csscalc .tablet\:grid__6\/6, .no-js .tablet\:grid__12\/12, .no-js .tablet\:grid__1\/1, .no-js .tablet\:grid__2\/2, .no-js .tablet\:grid__3\/3, .no-js .tablet\:grid__4\/4, .no-js .tablet\:grid__6\/6 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/5 > *, .flexbox.csscalc.js .tablet\:grid--1\/5 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .tablet\:grid--1\/5 > *, .no-flexbox .tablet\:grid--1\/5 > *, .no-csscalc .tablet\:grid--1\/5 > *, .no-js .tablet\:grid--1\/5 > * {
    width: 20%;
  }
  .modern .tablet\:grid__1\/5, .flexbox.csscalc.js .tablet\:grid__1\/5 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .tablet\:grid__1\/5, .no-flexbox .tablet\:grid__1\/5, .no-csscalc .tablet\:grid__1\/5, .no-js .tablet\:grid__1\/5 {
    width: 20%;
  }
  .modern .tablet\:grid--2\/5 > *, .flexbox.csscalc.js .tablet\:grid--2\/5 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .tablet\:grid--2\/5 > *, .no-flexbox .tablet\:grid--2\/5 > *, .no-csscalc .tablet\:grid--2\/5 > *, .no-js .tablet\:grid--2\/5 > * {
    width: 40%;
  }
  .modern .tablet\:grid__2\/5, .flexbox.csscalc.js .tablet\:grid__2\/5 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .tablet\:grid__2\/5, .no-flexbox .tablet\:grid__2\/5, .no-csscalc .tablet\:grid__2\/5, .no-js .tablet\:grid__2\/5 {
    width: 40%;
  }
  .modern .tablet\:grid--3\/5 > *, .flexbox.csscalc.js .tablet\:grid--3\/5 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .tablet\:grid--3\/5 > *, .no-flexbox .tablet\:grid--3\/5 > *, .no-csscalc .tablet\:grid--3\/5 > *, .no-js .tablet\:grid--3\/5 > * {
    width: 60%;
  }
  .modern .tablet\:grid__3\/5, .flexbox.csscalc.js .tablet\:grid__3\/5 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .tablet\:grid__3\/5, .no-flexbox .tablet\:grid__3\/5, .no-csscalc .tablet\:grid__3\/5, .no-js .tablet\:grid__3\/5 {
    width: 60%;
  }
  .modern .tablet\:grid--4\/5 > *, .flexbox.csscalc.js .tablet\:grid--4\/5 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .tablet\:grid--4\/5 > *, .no-flexbox .tablet\:grid--4\/5 > *, .no-csscalc .tablet\:grid--4\/5 > *, .no-js .tablet\:grid--4\/5 > * {
    width: 80%;
  }
  .modern .tablet\:grid__4\/5, .flexbox.csscalc.js .tablet\:grid__4\/5 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .tablet\:grid__4\/5, .no-flexbox .tablet\:grid__4\/5, .no-csscalc .tablet\:grid__4\/5, .no-js .tablet\:grid__4\/5 {
    width: 80%;
  }
  .modern .tablet\:grid--5\/5 > *, .flexbox.csscalc.js .tablet\:grid--5\/5 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--5\/5 > *, .no-flexbox .tablet\:grid--5\/5 > *, .no-csscalc .tablet\:grid--5\/5 > *, .no-js .tablet\:grid--5\/5 > * {
    width: 100%;
  }
  .modern .tablet\:grid__5\/5, .flexbox.csscalc.js .tablet\:grid__5\/5 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__5\/5, .no-flexbox .tablet\:grid__5\/5, .no-csscalc .tablet\:grid__5\/5, .no-js .tablet\:grid__5\/5 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/7 > *, .flexbox.csscalc.js .tablet\:grid--1\/7 > * {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .tablet\:grid--1\/7 > *, .no-flexbox .tablet\:grid--1\/7 > *, .no-csscalc .tablet\:grid--1\/7 > *, .no-js .tablet\:grid--1\/7 > * {
    width: 14.2857142857%;
  }
  .modern .tablet\:grid__1\/7, .flexbox.csscalc.js .tablet\:grid__1\/7 {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .tablet\:grid__1\/7, .no-flexbox .tablet\:grid__1\/7, .no-csscalc .tablet\:grid__1\/7, .no-js .tablet\:grid__1\/7 {
    width: 14.2857142857%;
  }
  .modern .tablet\:grid--2\/7 > *, .flexbox.csscalc.js .tablet\:grid--2\/7 > * {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .tablet\:grid--2\/7 > *, .no-flexbox .tablet\:grid--2\/7 > *, .no-csscalc .tablet\:grid--2\/7 > *, .no-js .tablet\:grid--2\/7 > * {
    width: 28.5714285714%;
  }
  .modern .tablet\:grid__2\/7, .flexbox.csscalc.js .tablet\:grid__2\/7 {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .tablet\:grid__2\/7, .no-flexbox .tablet\:grid__2\/7, .no-csscalc .tablet\:grid__2\/7, .no-js .tablet\:grid__2\/7 {
    width: 28.5714285714%;
  }
  .modern .tablet\:grid--3\/7 > *, .flexbox.csscalc.js .tablet\:grid--3\/7 > * {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .tablet\:grid--3\/7 > *, .no-flexbox .tablet\:grid--3\/7 > *, .no-csscalc .tablet\:grid--3\/7 > *, .no-js .tablet\:grid--3\/7 > * {
    width: 42.8571428571%;
  }
  .modern .tablet\:grid__3\/7, .flexbox.csscalc.js .tablet\:grid__3\/7 {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .tablet\:grid__3\/7, .no-flexbox .tablet\:grid__3\/7, .no-csscalc .tablet\:grid__3\/7, .no-js .tablet\:grid__3\/7 {
    width: 42.8571428571%;
  }
  .modern .tablet\:grid--4\/7 > *, .flexbox.csscalc.js .tablet\:grid--4\/7 > * {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .tablet\:grid--4\/7 > *, .no-flexbox .tablet\:grid--4\/7 > *, .no-csscalc .tablet\:grid--4\/7 > *, .no-js .tablet\:grid--4\/7 > * {
    width: 57.1428571429%;
  }
  .modern .tablet\:grid__4\/7, .flexbox.csscalc.js .tablet\:grid__4\/7 {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .tablet\:grid__4\/7, .no-flexbox .tablet\:grid__4\/7, .no-csscalc .tablet\:grid__4\/7, .no-js .tablet\:grid__4\/7 {
    width: 57.1428571429%;
  }
  .modern .tablet\:grid--5\/7 > *, .flexbox.csscalc.js .tablet\:grid--5\/7 > * {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .tablet\:grid--5\/7 > *, .no-flexbox .tablet\:grid--5\/7 > *, .no-csscalc .tablet\:grid--5\/7 > *, .no-js .tablet\:grid--5\/7 > * {
    width: 71.4285714286%;
  }
  .modern .tablet\:grid__5\/7, .flexbox.csscalc.js .tablet\:grid__5\/7 {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .tablet\:grid__5\/7, .no-flexbox .tablet\:grid__5\/7, .no-csscalc .tablet\:grid__5\/7, .no-js .tablet\:grid__5\/7 {
    width: 71.4285714286%;
  }
  .modern .tablet\:grid--6\/7 > *, .flexbox.csscalc.js .tablet\:grid--6\/7 > * {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .tablet\:grid--6\/7 > *, .no-flexbox .tablet\:grid--6\/7 > *, .no-csscalc .tablet\:grid--6\/7 > *, .no-js .tablet\:grid--6\/7 > * {
    width: 85.7142857143%;
  }
  .modern .tablet\:grid__6\/7, .flexbox.csscalc.js .tablet\:grid__6\/7 {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .tablet\:grid__6\/7, .no-flexbox .tablet\:grid__6\/7, .no-csscalc .tablet\:grid__6\/7, .no-js .tablet\:grid__6\/7 {
    width: 85.7142857143%;
  }
  .modern .tablet\:grid--7\/7 > *, .flexbox.csscalc.js .tablet\:grid--7\/7 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--7\/7 > *, .no-flexbox .tablet\:grid--7\/7 > *, .no-csscalc .tablet\:grid--7\/7 > *, .no-js .tablet\:grid--7\/7 > * {
    width: 100%;
  }
  .modern .tablet\:grid__7\/7, .flexbox.csscalc.js .tablet\:grid__7\/7 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__7\/7, .no-flexbox .tablet\:grid__7\/7, .no-csscalc .tablet\:grid__7\/7, .no-js .tablet\:grid__7\/7 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/8 > *, .flexbox.csscalc.js .tablet\:grid--1\/8 > * {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .tablet\:grid--1\/8 > *, .no-flexbox .tablet\:grid--1\/8 > *, .no-csscalc .tablet\:grid--1\/8 > *, .no-js .tablet\:grid--1\/8 > * {
    width: 12.5%;
  }
  .modern .tablet\:grid__1\/8, .flexbox.csscalc.js .tablet\:grid__1\/8 {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .tablet\:grid__1\/8, .no-flexbox .tablet\:grid__1\/8, .no-csscalc .tablet\:grid__1\/8, .no-js .tablet\:grid__1\/8 {
    width: 12.5%;
  }
  .modern .tablet\:grid--2\/8 > *, .flexbox.csscalc.js .tablet\:grid--2\/8 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .tablet\:grid--2\/8 > *, .no-flexbox .tablet\:grid--2\/8 > *, .no-csscalc .tablet\:grid--2\/8 > *, .no-js .tablet\:grid--2\/8 > * {
    width: 25%;
  }
  .modern .tablet\:grid__2\/8, .flexbox.csscalc.js .tablet\:grid__2\/8 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .tablet\:grid__2\/8, .no-flexbox .tablet\:grid__2\/8, .no-csscalc .tablet\:grid__2\/8, .no-js .tablet\:grid__2\/8 {
    width: 25%;
  }
  .modern .tablet\:grid--3\/8 > *, .flexbox.csscalc.js .tablet\:grid--3\/8 > * {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .tablet\:grid--3\/8 > *, .no-flexbox .tablet\:grid--3\/8 > *, .no-csscalc .tablet\:grid--3\/8 > *, .no-js .tablet\:grid--3\/8 > * {
    width: 37.5%;
  }
  .modern .tablet\:grid__3\/8, .flexbox.csscalc.js .tablet\:grid__3\/8 {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .tablet\:grid__3\/8, .no-flexbox .tablet\:grid__3\/8, .no-csscalc .tablet\:grid__3\/8, .no-js .tablet\:grid__3\/8 {
    width: 37.5%;
  }
  .modern .tablet\:grid--4\/8 > *, .flexbox.csscalc.js .tablet\:grid--4\/8 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid--4\/8 > *, .no-flexbox .tablet\:grid--4\/8 > *, .no-csscalc .tablet\:grid--4\/8 > *, .no-js .tablet\:grid--4\/8 > * {
    width: 50%;
  }
  .modern .tablet\:grid__4\/8, .flexbox.csscalc.js .tablet\:grid__4\/8 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid__4\/8, .no-flexbox .tablet\:grid__4\/8, .no-csscalc .tablet\:grid__4\/8, .no-js .tablet\:grid__4\/8 {
    width: 50%;
  }
  .modern .tablet\:grid--5\/8 > *, .flexbox.csscalc.js .tablet\:grid--5\/8 > * {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .tablet\:grid--5\/8 > *, .no-flexbox .tablet\:grid--5\/8 > *, .no-csscalc .tablet\:grid--5\/8 > *, .no-js .tablet\:grid--5\/8 > * {
    width: 62.5%;
  }
  .modern .tablet\:grid__5\/8, .flexbox.csscalc.js .tablet\:grid__5\/8 {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .tablet\:grid__5\/8, .no-flexbox .tablet\:grid__5\/8, .no-csscalc .tablet\:grid__5\/8, .no-js .tablet\:grid__5\/8 {
    width: 62.5%;
  }
  .modern .tablet\:grid--6\/8 > *, .flexbox.csscalc.js .tablet\:grid--6\/8 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .tablet\:grid--6\/8 > *, .no-flexbox .tablet\:grid--6\/8 > *, .no-csscalc .tablet\:grid--6\/8 > *, .no-js .tablet\:grid--6\/8 > * {
    width: 75%;
  }
  .modern .tablet\:grid__6\/8, .flexbox.csscalc.js .tablet\:grid__6\/8 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .tablet\:grid__6\/8, .no-flexbox .tablet\:grid__6\/8, .no-csscalc .tablet\:grid__6\/8, .no-js .tablet\:grid__6\/8 {
    width: 75%;
  }
  .modern .tablet\:grid--7\/8 > *, .flexbox.csscalc.js .tablet\:grid--7\/8 > * {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .tablet\:grid--7\/8 > *, .no-flexbox .tablet\:grid--7\/8 > *, .no-csscalc .tablet\:grid--7\/8 > *, .no-js .tablet\:grid--7\/8 > * {
    width: 87.5%;
  }
  .modern .tablet\:grid__7\/8, .flexbox.csscalc.js .tablet\:grid__7\/8 {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .tablet\:grid__7\/8, .no-flexbox .tablet\:grid__7\/8, .no-csscalc .tablet\:grid__7\/8, .no-js .tablet\:grid__7\/8 {
    width: 87.5%;
  }
  .modern .tablet\:grid--8\/8 > *, .flexbox.csscalc.js .tablet\:grid--8\/8 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--8\/8 > *, .no-flexbox .tablet\:grid--8\/8 > *, .no-csscalc .tablet\:grid--8\/8 > *, .no-js .tablet\:grid--8\/8 > * {
    width: 100%;
  }
  .modern .tablet\:grid__8\/8, .flexbox.csscalc.js .tablet\:grid__8\/8 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__8\/8, .no-flexbox .tablet\:grid__8\/8, .no-csscalc .tablet\:grid__8\/8, .no-js .tablet\:grid__8\/8 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/9 > *, .flexbox.csscalc.js .tablet\:grid--1\/9 > * {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .tablet\:grid--1\/9 > *, .no-flexbox .tablet\:grid--1\/9 > *, .no-csscalc .tablet\:grid--1\/9 > *, .no-js .tablet\:grid--1\/9 > * {
    width: 11.1111111111%;
  }
  .modern .tablet\:grid__1\/9, .flexbox.csscalc.js .tablet\:grid__1\/9 {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .tablet\:grid__1\/9, .no-flexbox .tablet\:grid__1\/9, .no-csscalc .tablet\:grid__1\/9, .no-js .tablet\:grid__1\/9 {
    width: 11.1111111111%;
  }
  .modern .tablet\:grid--2\/9 > *, .flexbox.csscalc.js .tablet\:grid--2\/9 > * {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .tablet\:grid--2\/9 > *, .no-flexbox .tablet\:grid--2\/9 > *, .no-csscalc .tablet\:grid--2\/9 > *, .no-js .tablet\:grid--2\/9 > * {
    width: 22.2222222222%;
  }
  .modern .tablet\:grid__2\/9, .flexbox.csscalc.js .tablet\:grid__2\/9 {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .tablet\:grid__2\/9, .no-flexbox .tablet\:grid__2\/9, .no-csscalc .tablet\:grid__2\/9, .no-js .tablet\:grid__2\/9 {
    width: 22.2222222222%;
  }
  .modern .tablet\:grid--3\/9 > *, .flexbox.csscalc.js .tablet\:grid--3\/9 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .tablet\:grid--3\/9 > *, .no-flexbox .tablet\:grid--3\/9 > *, .no-csscalc .tablet\:grid--3\/9 > *, .no-js .tablet\:grid--3\/9 > * {
    width: 33.3333333333%;
  }
  .modern .tablet\:grid__3\/9, .flexbox.csscalc.js .tablet\:grid__3\/9 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .tablet\:grid__3\/9, .no-flexbox .tablet\:grid__3\/9, .no-csscalc .tablet\:grid__3\/9, .no-js .tablet\:grid__3\/9 {
    width: 33.3333333333%;
  }
  .modern .tablet\:grid--4\/9 > *, .flexbox.csscalc.js .tablet\:grid--4\/9 > * {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .tablet\:grid--4\/9 > *, .no-flexbox .tablet\:grid--4\/9 > *, .no-csscalc .tablet\:grid--4\/9 > *, .no-js .tablet\:grid--4\/9 > * {
    width: 44.4444444444%;
  }
  .modern .tablet\:grid__4\/9, .flexbox.csscalc.js .tablet\:grid__4\/9 {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .tablet\:grid__4\/9, .no-flexbox .tablet\:grid__4\/9, .no-csscalc .tablet\:grid__4\/9, .no-js .tablet\:grid__4\/9 {
    width: 44.4444444444%;
  }
  .modern .tablet\:grid--5\/9 > *, .flexbox.csscalc.js .tablet\:grid--5\/9 > * {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .tablet\:grid--5\/9 > *, .no-flexbox .tablet\:grid--5\/9 > *, .no-csscalc .tablet\:grid--5\/9 > *, .no-js .tablet\:grid--5\/9 > * {
    width: 55.5555555556%;
  }
  .modern .tablet\:grid__5\/9, .flexbox.csscalc.js .tablet\:grid__5\/9 {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .tablet\:grid__5\/9, .no-flexbox .tablet\:grid__5\/9, .no-csscalc .tablet\:grid__5\/9, .no-js .tablet\:grid__5\/9 {
    width: 55.5555555556%;
  }
  .modern .tablet\:grid--6\/9 > *, .flexbox.csscalc.js .tablet\:grid--6\/9 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .tablet\:grid--6\/9 > *, .no-flexbox .tablet\:grid--6\/9 > *, .no-csscalc .tablet\:grid--6\/9 > *, .no-js .tablet\:grid--6\/9 > * {
    width: 66.6666666667%;
  }
  .modern .tablet\:grid__6\/9, .flexbox.csscalc.js .tablet\:grid__6\/9 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .tablet\:grid__6\/9, .no-flexbox .tablet\:grid__6\/9, .no-csscalc .tablet\:grid__6\/9, .no-js .tablet\:grid__6\/9 {
    width: 66.6666666667%;
  }
  .modern .tablet\:grid--7\/9 > *, .flexbox.csscalc.js .tablet\:grid--7\/9 > * {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .tablet\:grid--7\/9 > *, .no-flexbox .tablet\:grid--7\/9 > *, .no-csscalc .tablet\:grid--7\/9 > *, .no-js .tablet\:grid--7\/9 > * {
    width: 77.7777777778%;
  }
  .modern .tablet\:grid__7\/9, .flexbox.csscalc.js .tablet\:grid__7\/9 {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .tablet\:grid__7\/9, .no-flexbox .tablet\:grid__7\/9, .no-csscalc .tablet\:grid__7\/9, .no-js .tablet\:grid__7\/9 {
    width: 77.7777777778%;
  }
  .modern .tablet\:grid--8\/9 > *, .flexbox.csscalc.js .tablet\:grid--8\/9 > * {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .tablet\:grid--8\/9 > *, .no-flexbox .tablet\:grid--8\/9 > *, .no-csscalc .tablet\:grid--8\/9 > *, .no-js .tablet\:grid--8\/9 > * {
    width: 88.8888888889%;
  }
  .modern .tablet\:grid__8\/9, .flexbox.csscalc.js .tablet\:grid__8\/9 {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .tablet\:grid__8\/9, .no-flexbox .tablet\:grid__8\/9, .no-csscalc .tablet\:grid__8\/9, .no-js .tablet\:grid__8\/9 {
    width: 88.8888888889%;
  }
  .modern .tablet\:grid--9\/9 > *, .flexbox.csscalc.js .tablet\:grid--9\/9 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--9\/9 > *, .no-flexbox .tablet\:grid--9\/9 > *, .no-csscalc .tablet\:grid--9\/9 > *, .no-js .tablet\:grid--9\/9 > * {
    width: 100%;
  }
  .modern .tablet\:grid__9\/9, .flexbox.csscalc.js .tablet\:grid__9\/9 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__9\/9, .no-flexbox .tablet\:grid__9\/9, .no-csscalc .tablet\:grid__9\/9, .no-js .tablet\:grid__9\/9 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/10 > *, .flexbox.csscalc.js .tablet\:grid--1\/10 > * {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .tablet\:grid--1\/10 > *, .no-flexbox .tablet\:grid--1\/10 > *, .no-csscalc .tablet\:grid--1\/10 > *, .no-js .tablet\:grid--1\/10 > * {
    width: 10%;
  }
  .modern .tablet\:grid__1\/10, .flexbox.csscalc.js .tablet\:grid__1\/10 {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .tablet\:grid__1\/10, .no-flexbox .tablet\:grid__1\/10, .no-csscalc .tablet\:grid__1\/10, .no-js .tablet\:grid__1\/10 {
    width: 10%;
  }
  .modern .tablet\:grid--2\/10 > *, .flexbox.csscalc.js .tablet\:grid--2\/10 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .tablet\:grid--2\/10 > *, .no-flexbox .tablet\:grid--2\/10 > *, .no-csscalc .tablet\:grid--2\/10 > *, .no-js .tablet\:grid--2\/10 > * {
    width: 20%;
  }
  .modern .tablet\:grid__2\/10, .flexbox.csscalc.js .tablet\:grid__2\/10 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .tablet\:grid__2\/10, .no-flexbox .tablet\:grid__2\/10, .no-csscalc .tablet\:grid__2\/10, .no-js .tablet\:grid__2\/10 {
    width: 20%;
  }
  .modern .tablet\:grid--3\/10 > *, .flexbox.csscalc.js .tablet\:grid--3\/10 > * {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .tablet\:grid--3\/10 > *, .no-flexbox .tablet\:grid--3\/10 > *, .no-csscalc .tablet\:grid--3\/10 > *, .no-js .tablet\:grid--3\/10 > * {
    width: 30%;
  }
  .modern .tablet\:grid__3\/10, .flexbox.csscalc.js .tablet\:grid__3\/10 {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .tablet\:grid__3\/10, .no-flexbox .tablet\:grid__3\/10, .no-csscalc .tablet\:grid__3\/10, .no-js .tablet\:grid__3\/10 {
    width: 30%;
  }
  .modern .tablet\:grid--4\/10 > *, .flexbox.csscalc.js .tablet\:grid--4\/10 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .tablet\:grid--4\/10 > *, .no-flexbox .tablet\:grid--4\/10 > *, .no-csscalc .tablet\:grid--4\/10 > *, .no-js .tablet\:grid--4\/10 > * {
    width: 40%;
  }
  .modern .tablet\:grid__4\/10, .flexbox.csscalc.js .tablet\:grid__4\/10 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .tablet\:grid__4\/10, .no-flexbox .tablet\:grid__4\/10, .no-csscalc .tablet\:grid__4\/10, .no-js .tablet\:grid__4\/10 {
    width: 40%;
  }
  .modern .tablet\:grid--5\/10 > *, .flexbox.csscalc.js .tablet\:grid--5\/10 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid--5\/10 > *, .no-flexbox .tablet\:grid--5\/10 > *, .no-csscalc .tablet\:grid--5\/10 > *, .no-js .tablet\:grid--5\/10 > * {
    width: 50%;
  }
  .modern .tablet\:grid__5\/10, .flexbox.csscalc.js .tablet\:grid__5\/10 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid__5\/10, .no-flexbox .tablet\:grid__5\/10, .no-csscalc .tablet\:grid__5\/10, .no-js .tablet\:grid__5\/10 {
    width: 50%;
  }
  .modern .tablet\:grid--6\/10 > *, .flexbox.csscalc.js .tablet\:grid--6\/10 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .tablet\:grid--6\/10 > *, .no-flexbox .tablet\:grid--6\/10 > *, .no-csscalc .tablet\:grid--6\/10 > *, .no-js .tablet\:grid--6\/10 > * {
    width: 60%;
  }
  .modern .tablet\:grid__6\/10, .flexbox.csscalc.js .tablet\:grid__6\/10 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .tablet\:grid__6\/10, .no-flexbox .tablet\:grid__6\/10, .no-csscalc .tablet\:grid__6\/10, .no-js .tablet\:grid__6\/10 {
    width: 60%;
  }
  .modern .tablet\:grid--7\/10 > *, .flexbox.csscalc.js .tablet\:grid--7\/10 > * {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .tablet\:grid--7\/10 > *, .no-flexbox .tablet\:grid--7\/10 > *, .no-csscalc .tablet\:grid--7\/10 > *, .no-js .tablet\:grid--7\/10 > * {
    width: 70%;
  }
  .modern .tablet\:grid__7\/10, .flexbox.csscalc.js .tablet\:grid__7\/10 {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .tablet\:grid__7\/10, .no-flexbox .tablet\:grid__7\/10, .no-csscalc .tablet\:grid__7\/10, .no-js .tablet\:grid__7\/10 {
    width: 70%;
  }
  .modern .tablet\:grid--8\/10 > *, .flexbox.csscalc.js .tablet\:grid--8\/10 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .tablet\:grid--8\/10 > *, .no-flexbox .tablet\:grid--8\/10 > *, .no-csscalc .tablet\:grid--8\/10 > *, .no-js .tablet\:grid--8\/10 > * {
    width: 80%;
  }
  .modern .tablet\:grid__8\/10, .flexbox.csscalc.js .tablet\:grid__8\/10 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .tablet\:grid__8\/10, .no-flexbox .tablet\:grid__8\/10, .no-csscalc .tablet\:grid__8\/10, .no-js .tablet\:grid__8\/10 {
    width: 80%;
  }
  .modern .tablet\:grid--9\/10 > *, .flexbox.csscalc.js .tablet\:grid--9\/10 > * {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .tablet\:grid--9\/10 > *, .no-flexbox .tablet\:grid--9\/10 > *, .no-csscalc .tablet\:grid--9\/10 > *, .no-js .tablet\:grid--9\/10 > * {
    width: 90%;
  }
  .modern .tablet\:grid__9\/10, .flexbox.csscalc.js .tablet\:grid__9\/10 {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .tablet\:grid__9\/10, .no-flexbox .tablet\:grid__9\/10, .no-csscalc .tablet\:grid__9\/10, .no-js .tablet\:grid__9\/10 {
    width: 90%;
  }
  .modern .tablet\:grid--10\/10 > *, .flexbox.csscalc.js .tablet\:grid--10\/10 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--10\/10 > *, .no-flexbox .tablet\:grid--10\/10 > *, .no-csscalc .tablet\:grid--10\/10 > *, .no-js .tablet\:grid--10\/10 > * {
    width: 100%;
  }
  .modern .tablet\:grid__10\/10, .flexbox.csscalc.js .tablet\:grid__10\/10 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__10\/10, .no-flexbox .tablet\:grid__10\/10, .no-csscalc .tablet\:grid__10\/10, .no-js .tablet\:grid__10\/10 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/11 > *, .flexbox.csscalc.js .tablet\:grid--1\/11 > * {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .tablet\:grid--1\/11 > *, .no-flexbox .tablet\:grid--1\/11 > *, .no-csscalc .tablet\:grid--1\/11 > *, .no-js .tablet\:grid--1\/11 > * {
    width: 9.0909090909%;
  }
  .modern .tablet\:grid__1\/11, .flexbox.csscalc.js .tablet\:grid__1\/11 {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .tablet\:grid__1\/11, .no-flexbox .tablet\:grid__1\/11, .no-csscalc .tablet\:grid__1\/11, .no-js .tablet\:grid__1\/11 {
    width: 9.0909090909%;
  }
  .modern .tablet\:grid--2\/11 > *, .flexbox.csscalc.js .tablet\:grid--2\/11 > * {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .tablet\:grid--2\/11 > *, .no-flexbox .tablet\:grid--2\/11 > *, .no-csscalc .tablet\:grid--2\/11 > *, .no-js .tablet\:grid--2\/11 > * {
    width: 18.1818181818%;
  }
  .modern .tablet\:grid__2\/11, .flexbox.csscalc.js .tablet\:grid__2\/11 {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .tablet\:grid__2\/11, .no-flexbox .tablet\:grid__2\/11, .no-csscalc .tablet\:grid__2\/11, .no-js .tablet\:grid__2\/11 {
    width: 18.1818181818%;
  }
  .modern .tablet\:grid--3\/11 > *, .flexbox.csscalc.js .tablet\:grid--3\/11 > * {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .tablet\:grid--3\/11 > *, .no-flexbox .tablet\:grid--3\/11 > *, .no-csscalc .tablet\:grid--3\/11 > *, .no-js .tablet\:grid--3\/11 > * {
    width: 27.2727272727%;
  }
  .modern .tablet\:grid__3\/11, .flexbox.csscalc.js .tablet\:grid__3\/11 {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .tablet\:grid__3\/11, .no-flexbox .tablet\:grid__3\/11, .no-csscalc .tablet\:grid__3\/11, .no-js .tablet\:grid__3\/11 {
    width: 27.2727272727%;
  }
  .modern .tablet\:grid--4\/11 > *, .flexbox.csscalc.js .tablet\:grid--4\/11 > * {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .tablet\:grid--4\/11 > *, .no-flexbox .tablet\:grid--4\/11 > *, .no-csscalc .tablet\:grid--4\/11 > *, .no-js .tablet\:grid--4\/11 > * {
    width: 36.3636363636%;
  }
  .modern .tablet\:grid__4\/11, .flexbox.csscalc.js .tablet\:grid__4\/11 {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .tablet\:grid__4\/11, .no-flexbox .tablet\:grid__4\/11, .no-csscalc .tablet\:grid__4\/11, .no-js .tablet\:grid__4\/11 {
    width: 36.3636363636%;
  }
  .modern .tablet\:grid--5\/11 > *, .flexbox.csscalc.js .tablet\:grid--5\/11 > * {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .tablet\:grid--5\/11 > *, .no-flexbox .tablet\:grid--5\/11 > *, .no-csscalc .tablet\:grid--5\/11 > *, .no-js .tablet\:grid--5\/11 > * {
    width: 45.4545454545%;
  }
  .modern .tablet\:grid__5\/11, .flexbox.csscalc.js .tablet\:grid__5\/11 {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .tablet\:grid__5\/11, .no-flexbox .tablet\:grid__5\/11, .no-csscalc .tablet\:grid__5\/11, .no-js .tablet\:grid__5\/11 {
    width: 45.4545454545%;
  }
  .modern .tablet\:grid--6\/11 > *, .flexbox.csscalc.js .tablet\:grid--6\/11 > * {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .tablet\:grid--6\/11 > *, .no-flexbox .tablet\:grid--6\/11 > *, .no-csscalc .tablet\:grid--6\/11 > *, .no-js .tablet\:grid--6\/11 > * {
    width: 54.5454545455%;
  }
  .modern .tablet\:grid__6\/11, .flexbox.csscalc.js .tablet\:grid__6\/11 {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .tablet\:grid__6\/11, .no-flexbox .tablet\:grid__6\/11, .no-csscalc .tablet\:grid__6\/11, .no-js .tablet\:grid__6\/11 {
    width: 54.5454545455%;
  }
  .modern .tablet\:grid--7\/11 > *, .flexbox.csscalc.js .tablet\:grid--7\/11 > * {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .tablet\:grid--7\/11 > *, .no-flexbox .tablet\:grid--7\/11 > *, .no-csscalc .tablet\:grid--7\/11 > *, .no-js .tablet\:grid--7\/11 > * {
    width: 63.6363636364%;
  }
  .modern .tablet\:grid__7\/11, .flexbox.csscalc.js .tablet\:grid__7\/11 {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .tablet\:grid__7\/11, .no-flexbox .tablet\:grid__7\/11, .no-csscalc .tablet\:grid__7\/11, .no-js .tablet\:grid__7\/11 {
    width: 63.6363636364%;
  }
  .modern .tablet\:grid--8\/11 > *, .flexbox.csscalc.js .tablet\:grid--8\/11 > * {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .tablet\:grid--8\/11 > *, .no-flexbox .tablet\:grid--8\/11 > *, .no-csscalc .tablet\:grid--8\/11 > *, .no-js .tablet\:grid--8\/11 > * {
    width: 72.7272727273%;
  }
  .modern .tablet\:grid__8\/11, .flexbox.csscalc.js .tablet\:grid__8\/11 {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .tablet\:grid__8\/11, .no-flexbox .tablet\:grid__8\/11, .no-csscalc .tablet\:grid__8\/11, .no-js .tablet\:grid__8\/11 {
    width: 72.7272727273%;
  }
  .modern .tablet\:grid--9\/11 > *, .flexbox.csscalc.js .tablet\:grid--9\/11 > * {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .tablet\:grid--9\/11 > *, .no-flexbox .tablet\:grid--9\/11 > *, .no-csscalc .tablet\:grid--9\/11 > *, .no-js .tablet\:grid--9\/11 > * {
    width: 81.8181818182%;
  }
  .modern .tablet\:grid__9\/11, .flexbox.csscalc.js .tablet\:grid__9\/11 {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .tablet\:grid__9\/11, .no-flexbox .tablet\:grid__9\/11, .no-csscalc .tablet\:grid__9\/11, .no-js .tablet\:grid__9\/11 {
    width: 81.8181818182%;
  }
  .modern .tablet\:grid--10\/11 > *, .flexbox.csscalc.js .tablet\:grid--10\/11 > * {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .tablet\:grid--10\/11 > *, .no-flexbox .tablet\:grid--10\/11 > *, .no-csscalc .tablet\:grid--10\/11 > *, .no-js .tablet\:grid--10\/11 > * {
    width: 90.9090909091%;
  }
  .modern .tablet\:grid__10\/11, .flexbox.csscalc.js .tablet\:grid__10\/11 {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .tablet\:grid__10\/11, .no-flexbox .tablet\:grid__10\/11, .no-csscalc .tablet\:grid__10\/11, .no-js .tablet\:grid__10\/11 {
    width: 90.9090909091%;
  }
  .modern .tablet\:grid--11\/11 > *, .flexbox.csscalc.js .tablet\:grid--11\/11 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--11\/11 > *, .no-flexbox .tablet\:grid--11\/11 > *, .no-csscalc .tablet\:grid--11\/11 > *, .no-js .tablet\:grid--11\/11 > * {
    width: 100%;
  }
  .modern .tablet\:grid__11\/11, .flexbox.csscalc.js .tablet\:grid__11\/11 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__11\/11, .no-flexbox .tablet\:grid__11\/11, .no-csscalc .tablet\:grid__11\/11, .no-js .tablet\:grid__11\/11 {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .tablet\:grid--left {
    text-align: left;
  }
  .modern .tablet\:grid--left, .flexbox.csscalc.js .tablet\:grid--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .tablet\:grid--center {
    text-align: center;
  }
  .modern .tablet\:grid--center, .flexbox.csscalc.js .tablet\:grid--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tablet\:grid--right {
    text-align: right;
  }
  .modern .tablet\:grid--right, .flexbox.csscalc.js .tablet\:grid--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  /* BREAKPOINTS */
  .modern .mobile\:grid--1\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/12 > * {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .mobile\:grid--1\/12 > *, .no-flexbox .mobile\:grid--1\/12 > *, .no-csscalc .mobile\:grid--1\/12 > *, .no-js .mobile\:grid--1\/12 > * {
    width: 8.3333333333%;
  }
  .modern .mobile\:grid__1\/12, .flexbox.csscalc.js .mobile\:grid__1\/12 {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .mobile\:grid__1\/12, .no-flexbox .mobile\:grid__1\/12, .no-csscalc .mobile\:grid__1\/12, .no-js .mobile\:grid__1\/12 {
    width: 8.3333333333%;
  }
  .modern .mobile\:grid--2\/12 > *, .modern .mobile\:grid--1\/6 > *, .flexbox.csscalc.js .mobile\:grid--2\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/6 > * {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .mobile\:grid--2\/12 > *, .legacy .mobile\:grid--1\/6 > *, .no-flexbox .mobile\:grid--2\/12 > *, .no-flexbox .mobile\:grid--1\/6 > *, .no-csscalc .mobile\:grid--2\/12 > *, .no-csscalc .mobile\:grid--1\/6 > *, .no-js .mobile\:grid--2\/12 > *, .no-js .mobile\:grid--1\/6 > * {
    width: 16.6666666667%;
  }
  .modern .mobile\:grid__2\/12, .modern .mobile\:grid__1\/6, .flexbox.csscalc.js .mobile\:grid__2\/12, .flexbox.csscalc.js .mobile\:grid__1\/6 {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .mobile\:grid__2\/12, .legacy .mobile\:grid__1\/6, .no-flexbox .mobile\:grid__2\/12, .no-flexbox .mobile\:grid__1\/6, .no-csscalc .mobile\:grid__2\/12, .no-csscalc .mobile\:grid__1\/6, .no-js .mobile\:grid__2\/12, .no-js .mobile\:grid__1\/6 {
    width: 16.6666666667%;
  }
  .modern .mobile\:grid--3\/12 > *, .modern .mobile\:grid--1\/4 > *, .flexbox.csscalc.js .mobile\:grid--3\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/4 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .mobile\:grid--3\/12 > *, .legacy .mobile\:grid--1\/4 > *, .no-flexbox .mobile\:grid--3\/12 > *, .no-flexbox .mobile\:grid--1\/4 > *, .no-csscalc .mobile\:grid--3\/12 > *, .no-csscalc .mobile\:grid--1\/4 > *, .no-js .mobile\:grid--3\/12 > *, .no-js .mobile\:grid--1\/4 > * {
    width: 25%;
  }
  .modern .mobile\:grid__3\/12, .modern .mobile\:grid__1\/4, .flexbox.csscalc.js .mobile\:grid__3\/12, .flexbox.csscalc.js .mobile\:grid__1\/4 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .mobile\:grid__3\/12, .legacy .mobile\:grid__1\/4, .no-flexbox .mobile\:grid__3\/12, .no-flexbox .mobile\:grid__1\/4, .no-csscalc .mobile\:grid__3\/12, .no-csscalc .mobile\:grid__1\/4, .no-js .mobile\:grid__3\/12, .no-js .mobile\:grid__1\/4 {
    width: 25%;
  }
  .modern .mobile\:grid--4\/12 > *, .modern .mobile\:grid--1\/3 > *, .modern .mobile\:grid--2\/6 > *, .flexbox.csscalc.js .mobile\:grid--4\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/3 > *, .flexbox.csscalc.js .mobile\:grid--2\/6 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .mobile\:grid--4\/12 > *, .legacy .mobile\:grid--1\/3 > *, .legacy .mobile\:grid--2\/6 > *, .no-flexbox .mobile\:grid--4\/12 > *, .no-flexbox .mobile\:grid--1\/3 > *, .no-flexbox .mobile\:grid--2\/6 > *, .no-csscalc .mobile\:grid--4\/12 > *, .no-csscalc .mobile\:grid--1\/3 > *, .no-csscalc .mobile\:grid--2\/6 > *, .no-js .mobile\:grid--4\/12 > *, .no-js .mobile\:grid--1\/3 > *, .no-js .mobile\:grid--2\/6 > * {
    width: 33.3333333333%;
  }
  .modern .mobile\:grid__4\/12, .modern .mobile\:grid__1\/3, .modern .mobile\:grid__2\/6, .flexbox.csscalc.js .mobile\:grid__4\/12, .flexbox.csscalc.js .mobile\:grid__1\/3, .flexbox.csscalc.js .mobile\:grid__2\/6 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .mobile\:grid__4\/12, .legacy .mobile\:grid__1\/3, .legacy .mobile\:grid__2\/6, .no-flexbox .mobile\:grid__4\/12, .no-flexbox .mobile\:grid__1\/3, .no-flexbox .mobile\:grid__2\/6, .no-csscalc .mobile\:grid__4\/12, .no-csscalc .mobile\:grid__1\/3, .no-csscalc .mobile\:grid__2\/6, .no-js .mobile\:grid__4\/12, .no-js .mobile\:grid__1\/3, .no-js .mobile\:grid__2\/6 {
    width: 33.3333333333%;
  }
  .modern .mobile\:grid--5\/12 > *, .flexbox.csscalc.js .mobile\:grid--5\/12 > * {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .mobile\:grid--5\/12 > *, .no-flexbox .mobile\:grid--5\/12 > *, .no-csscalc .mobile\:grid--5\/12 > *, .no-js .mobile\:grid--5\/12 > * {
    width: 41.6666666667%;
  }
  .modern .mobile\:grid__5\/12, .flexbox.csscalc.js .mobile\:grid__5\/12 {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .mobile\:grid__5\/12, .no-flexbox .mobile\:grid__5\/12, .no-csscalc .mobile\:grid__5\/12, .no-js .mobile\:grid__5\/12 {
    width: 41.6666666667%;
  }
  .modern .mobile\:grid--6\/12 > *, .modern .mobile\:grid--1\/2 > *, .modern .mobile\:grid--2\/4 > *, .modern .mobile\:grid--3\/6 > *, .flexbox.csscalc.js .mobile\:grid--6\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/2 > *, .flexbox.csscalc.js .mobile\:grid--2\/4 > *, .flexbox.csscalc.js .mobile\:grid--3\/6 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid--6\/12 > *, .legacy .mobile\:grid--1\/2 > *, .legacy .mobile\:grid--2\/4 > *, .legacy .mobile\:grid--3\/6 > *, .no-flexbox .mobile\:grid--6\/12 > *, .no-flexbox .mobile\:grid--1\/2 > *, .no-flexbox .mobile\:grid--2\/4 > *, .no-flexbox .mobile\:grid--3\/6 > *, .no-csscalc .mobile\:grid--6\/12 > *, .no-csscalc .mobile\:grid--1\/2 > *, .no-csscalc .mobile\:grid--2\/4 > *, .no-csscalc .mobile\:grid--3\/6 > *, .no-js .mobile\:grid--6\/12 > *, .no-js .mobile\:grid--1\/2 > *, .no-js .mobile\:grid--2\/4 > *, .no-js .mobile\:grid--3\/6 > * {
    width: 50%;
  }
  .modern .mobile\:grid__6\/12, .modern .mobile\:grid__1\/2, .modern .mobile\:grid__2\/4, .modern .mobile\:grid__3\/6, .flexbox.csscalc.js .mobile\:grid__6\/12, .flexbox.csscalc.js .mobile\:grid__1\/2, .flexbox.csscalc.js .mobile\:grid__2\/4, .flexbox.csscalc.js .mobile\:grid__3\/6 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid__6\/12, .legacy .mobile\:grid__1\/2, .legacy .mobile\:grid__2\/4, .legacy .mobile\:grid__3\/6, .no-flexbox .mobile\:grid__6\/12, .no-flexbox .mobile\:grid__1\/2, .no-flexbox .mobile\:grid__2\/4, .no-flexbox .mobile\:grid__3\/6, .no-csscalc .mobile\:grid__6\/12, .no-csscalc .mobile\:grid__1\/2, .no-csscalc .mobile\:grid__2\/4, .no-csscalc .mobile\:grid__3\/6, .no-js .mobile\:grid__6\/12, .no-js .mobile\:grid__1\/2, .no-js .mobile\:grid__2\/4, .no-js .mobile\:grid__3\/6 {
    width: 50%;
  }
  .modern .mobile\:grid--7\/12 > *, .flexbox.csscalc.js .mobile\:grid--7\/12 > * {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .mobile\:grid--7\/12 > *, .no-flexbox .mobile\:grid--7\/12 > *, .no-csscalc .mobile\:grid--7\/12 > *, .no-js .mobile\:grid--7\/12 > * {
    width: 58.3333333333%;
  }
  .modern .mobile\:grid__7\/12, .flexbox.csscalc.js .mobile\:grid__7\/12 {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .mobile\:grid__7\/12, .no-flexbox .mobile\:grid__7\/12, .no-csscalc .mobile\:grid__7\/12, .no-js .mobile\:grid__7\/12 {
    width: 58.3333333333%;
  }
  .modern .mobile\:grid--8\/12 > *, .modern .mobile\:grid--2\/3 > *, .modern .mobile\:grid--4\/6 > *, .flexbox.csscalc.js .mobile\:grid--8\/12 > *, .flexbox.csscalc.js .mobile\:grid--2\/3 > *, .flexbox.csscalc.js .mobile\:grid--4\/6 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .mobile\:grid--8\/12 > *, .legacy .mobile\:grid--2\/3 > *, .legacy .mobile\:grid--4\/6 > *, .no-flexbox .mobile\:grid--8\/12 > *, .no-flexbox .mobile\:grid--2\/3 > *, .no-flexbox .mobile\:grid--4\/6 > *, .no-csscalc .mobile\:grid--8\/12 > *, .no-csscalc .mobile\:grid--2\/3 > *, .no-csscalc .mobile\:grid--4\/6 > *, .no-js .mobile\:grid--8\/12 > *, .no-js .mobile\:grid--2\/3 > *, .no-js .mobile\:grid--4\/6 > * {
    width: 66.6666666667%;
  }
  .modern .mobile\:grid__8\/12, .modern .mobile\:grid__2\/3, .modern .mobile\:grid__4\/6, .flexbox.csscalc.js .mobile\:grid__8\/12, .flexbox.csscalc.js .mobile\:grid__2\/3, .flexbox.csscalc.js .mobile\:grid__4\/6 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .mobile\:grid__8\/12, .legacy .mobile\:grid__2\/3, .legacy .mobile\:grid__4\/6, .no-flexbox .mobile\:grid__8\/12, .no-flexbox .mobile\:grid__2\/3, .no-flexbox .mobile\:grid__4\/6, .no-csscalc .mobile\:grid__8\/12, .no-csscalc .mobile\:grid__2\/3, .no-csscalc .mobile\:grid__4\/6, .no-js .mobile\:grid__8\/12, .no-js .mobile\:grid__2\/3, .no-js .mobile\:grid__4\/6 {
    width: 66.6666666667%;
  }
  .modern .mobile\:grid--9\/12 > *, .modern .mobile\:grid--3\/4 > *, .flexbox.csscalc.js .mobile\:grid--9\/12 > *, .flexbox.csscalc.js .mobile\:grid--3\/4 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .mobile\:grid--9\/12 > *, .legacy .mobile\:grid--3\/4 > *, .no-flexbox .mobile\:grid--9\/12 > *, .no-flexbox .mobile\:grid--3\/4 > *, .no-csscalc .mobile\:grid--9\/12 > *, .no-csscalc .mobile\:grid--3\/4 > *, .no-js .mobile\:grid--9\/12 > *, .no-js .mobile\:grid--3\/4 > * {
    width: 75%;
  }
  .modern .mobile\:grid__9\/12, .modern .mobile\:grid__3\/4, .flexbox.csscalc.js .mobile\:grid__9\/12, .flexbox.csscalc.js .mobile\:grid__3\/4 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .mobile\:grid__9\/12, .legacy .mobile\:grid__3\/4, .no-flexbox .mobile\:grid__9\/12, .no-flexbox .mobile\:grid__3\/4, .no-csscalc .mobile\:grid__9\/12, .no-csscalc .mobile\:grid__3\/4, .no-js .mobile\:grid__9\/12, .no-js .mobile\:grid__3\/4 {
    width: 75%;
  }
  .modern .mobile\:grid--10\/12 > *, .modern .mobile\:grid--5\/6 > *, .flexbox.csscalc.js .mobile\:grid--10\/12 > *, .flexbox.csscalc.js .mobile\:grid--5\/6 > * {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .mobile\:grid--10\/12 > *, .legacy .mobile\:grid--5\/6 > *, .no-flexbox .mobile\:grid--10\/12 > *, .no-flexbox .mobile\:grid--5\/6 > *, .no-csscalc .mobile\:grid--10\/12 > *, .no-csscalc .mobile\:grid--5\/6 > *, .no-js .mobile\:grid--10\/12 > *, .no-js .mobile\:grid--5\/6 > * {
    width: 83.3333333333%;
  }
  .modern .mobile\:grid__10\/12, .modern .mobile\:grid__5\/6, .flexbox.csscalc.js .mobile\:grid__10\/12, .flexbox.csscalc.js .mobile\:grid__5\/6 {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .mobile\:grid__10\/12, .legacy .mobile\:grid__5\/6, .no-flexbox .mobile\:grid__10\/12, .no-flexbox .mobile\:grid__5\/6, .no-csscalc .mobile\:grid__10\/12, .no-csscalc .mobile\:grid__5\/6, .no-js .mobile\:grid__10\/12, .no-js .mobile\:grid__5\/6 {
    width: 83.3333333333%;
  }
  .modern .mobile\:grid--11\/12 > *, .flexbox.csscalc.js .mobile\:grid--11\/12 > * {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .mobile\:grid--11\/12 > *, .no-flexbox .mobile\:grid--11\/12 > *, .no-csscalc .mobile\:grid--11\/12 > *, .no-js .mobile\:grid--11\/12 > * {
    width: 91.6666666667%;
  }
  .modern .mobile\:grid__11\/12, .flexbox.csscalc.js .mobile\:grid__11\/12 {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .mobile\:grid__11\/12, .no-flexbox .mobile\:grid__11\/12, .no-csscalc .mobile\:grid__11\/12, .no-js .mobile\:grid__11\/12 {
    width: 91.6666666667%;
  }
  .modern .mobile\:grid--12\/12 > *, .modern .mobile\:grid--1\/1 > *, .modern .mobile\:grid--2\/2 > *, .modern .mobile\:grid--3\/3 > *, .modern .mobile\:grid--4\/4 > *, .modern .mobile\:grid--6\/6 > *, .flexbox.csscalc.js .mobile\:grid--12\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/1 > *, .flexbox.csscalc.js .mobile\:grid--2\/2 > *, .flexbox.csscalc.js .mobile\:grid--3\/3 > *, .flexbox.csscalc.js .mobile\:grid--4\/4 > *, .flexbox.csscalc.js .mobile\:grid--6\/6 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--12\/12 > *, .legacy .mobile\:grid--1\/1 > *, .legacy .mobile\:grid--2\/2 > *, .legacy .mobile\:grid--3\/3 > *, .legacy .mobile\:grid--4\/4 > *, .legacy .mobile\:grid--6\/6 > *, .no-flexbox .mobile\:grid--12\/12 > *, .no-flexbox .mobile\:grid--1\/1 > *, .no-flexbox .mobile\:grid--2\/2 > *, .no-flexbox .mobile\:grid--3\/3 > *, .no-flexbox .mobile\:grid--4\/4 > *, .no-flexbox .mobile\:grid--6\/6 > *, .no-csscalc .mobile\:grid--12\/12 > *, .no-csscalc .mobile\:grid--1\/1 > *, .no-csscalc .mobile\:grid--2\/2 > *, .no-csscalc .mobile\:grid--3\/3 > *, .no-csscalc .mobile\:grid--4\/4 > *, .no-csscalc .mobile\:grid--6\/6 > *, .no-js .mobile\:grid--12\/12 > *, .no-js .mobile\:grid--1\/1 > *, .no-js .mobile\:grid--2\/2 > *, .no-js .mobile\:grid--3\/3 > *, .no-js .mobile\:grid--4\/4 > *, .no-js .mobile\:grid--6\/6 > * {
    width: 100%;
  }
  .modern .mobile\:grid__12\/12, .modern .mobile\:grid__1\/1, .modern .mobile\:grid__2\/2, .modern .mobile\:grid__3\/3, .modern .mobile\:grid__4\/4, .modern .mobile\:grid__6\/6, .flexbox.csscalc.js .mobile\:grid__12\/12, .flexbox.csscalc.js .mobile\:grid__1\/1, .flexbox.csscalc.js .mobile\:grid__2\/2, .flexbox.csscalc.js .mobile\:grid__3\/3, .flexbox.csscalc.js .mobile\:grid__4\/4, .flexbox.csscalc.js .mobile\:grid__6\/6 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__12\/12, .legacy .mobile\:grid__1\/1, .legacy .mobile\:grid__2\/2, .legacy .mobile\:grid__3\/3, .legacy .mobile\:grid__4\/4, .legacy .mobile\:grid__6\/6, .no-flexbox .mobile\:grid__12\/12, .no-flexbox .mobile\:grid__1\/1, .no-flexbox .mobile\:grid__2\/2, .no-flexbox .mobile\:grid__3\/3, .no-flexbox .mobile\:grid__4\/4, .no-flexbox .mobile\:grid__6\/6, .no-csscalc .mobile\:grid__12\/12, .no-csscalc .mobile\:grid__1\/1, .no-csscalc .mobile\:grid__2\/2, .no-csscalc .mobile\:grid__3\/3, .no-csscalc .mobile\:grid__4\/4, .no-csscalc .mobile\:grid__6\/6, .no-js .mobile\:grid__12\/12, .no-js .mobile\:grid__1\/1, .no-js .mobile\:grid__2\/2, .no-js .mobile\:grid__3\/3, .no-js .mobile\:grid__4\/4, .no-js .mobile\:grid__6\/6 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/5 > *, .flexbox.csscalc.js .mobile\:grid--1\/5 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .mobile\:grid--1\/5 > *, .no-flexbox .mobile\:grid--1\/5 > *, .no-csscalc .mobile\:grid--1\/5 > *, .no-js .mobile\:grid--1\/5 > * {
    width: 20%;
  }
  .modern .mobile\:grid__1\/5, .flexbox.csscalc.js .mobile\:grid__1\/5 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .mobile\:grid__1\/5, .no-flexbox .mobile\:grid__1\/5, .no-csscalc .mobile\:grid__1\/5, .no-js .mobile\:grid__1\/5 {
    width: 20%;
  }
  .modern .mobile\:grid--2\/5 > *, .flexbox.csscalc.js .mobile\:grid--2\/5 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .mobile\:grid--2\/5 > *, .no-flexbox .mobile\:grid--2\/5 > *, .no-csscalc .mobile\:grid--2\/5 > *, .no-js .mobile\:grid--2\/5 > * {
    width: 40%;
  }
  .modern .mobile\:grid__2\/5, .flexbox.csscalc.js .mobile\:grid__2\/5 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .mobile\:grid__2\/5, .no-flexbox .mobile\:grid__2\/5, .no-csscalc .mobile\:grid__2\/5, .no-js .mobile\:grid__2\/5 {
    width: 40%;
  }
  .modern .mobile\:grid--3\/5 > *, .flexbox.csscalc.js .mobile\:grid--3\/5 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .mobile\:grid--3\/5 > *, .no-flexbox .mobile\:grid--3\/5 > *, .no-csscalc .mobile\:grid--3\/5 > *, .no-js .mobile\:grid--3\/5 > * {
    width: 60%;
  }
  .modern .mobile\:grid__3\/5, .flexbox.csscalc.js .mobile\:grid__3\/5 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .mobile\:grid__3\/5, .no-flexbox .mobile\:grid__3\/5, .no-csscalc .mobile\:grid__3\/5, .no-js .mobile\:grid__3\/5 {
    width: 60%;
  }
  .modern .mobile\:grid--4\/5 > *, .flexbox.csscalc.js .mobile\:grid--4\/5 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .mobile\:grid--4\/5 > *, .no-flexbox .mobile\:grid--4\/5 > *, .no-csscalc .mobile\:grid--4\/5 > *, .no-js .mobile\:grid--4\/5 > * {
    width: 80%;
  }
  .modern .mobile\:grid__4\/5, .flexbox.csscalc.js .mobile\:grid__4\/5 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .mobile\:grid__4\/5, .no-flexbox .mobile\:grid__4\/5, .no-csscalc .mobile\:grid__4\/5, .no-js .mobile\:grid__4\/5 {
    width: 80%;
  }
  .modern .mobile\:grid--5\/5 > *, .flexbox.csscalc.js .mobile\:grid--5\/5 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--5\/5 > *, .no-flexbox .mobile\:grid--5\/5 > *, .no-csscalc .mobile\:grid--5\/5 > *, .no-js .mobile\:grid--5\/5 > * {
    width: 100%;
  }
  .modern .mobile\:grid__5\/5, .flexbox.csscalc.js .mobile\:grid__5\/5 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__5\/5, .no-flexbox .mobile\:grid__5\/5, .no-csscalc .mobile\:grid__5\/5, .no-js .mobile\:grid__5\/5 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/7 > *, .flexbox.csscalc.js .mobile\:grid--1\/7 > * {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .mobile\:grid--1\/7 > *, .no-flexbox .mobile\:grid--1\/7 > *, .no-csscalc .mobile\:grid--1\/7 > *, .no-js .mobile\:grid--1\/7 > * {
    width: 14.2857142857%;
  }
  .modern .mobile\:grid__1\/7, .flexbox.csscalc.js .mobile\:grid__1\/7 {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .mobile\:grid__1\/7, .no-flexbox .mobile\:grid__1\/7, .no-csscalc .mobile\:grid__1\/7, .no-js .mobile\:grid__1\/7 {
    width: 14.2857142857%;
  }
  .modern .mobile\:grid--2\/7 > *, .flexbox.csscalc.js .mobile\:grid--2\/7 > * {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .mobile\:grid--2\/7 > *, .no-flexbox .mobile\:grid--2\/7 > *, .no-csscalc .mobile\:grid--2\/7 > *, .no-js .mobile\:grid--2\/7 > * {
    width: 28.5714285714%;
  }
  .modern .mobile\:grid__2\/7, .flexbox.csscalc.js .mobile\:grid__2\/7 {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .mobile\:grid__2\/7, .no-flexbox .mobile\:grid__2\/7, .no-csscalc .mobile\:grid__2\/7, .no-js .mobile\:grid__2\/7 {
    width: 28.5714285714%;
  }
  .modern .mobile\:grid--3\/7 > *, .flexbox.csscalc.js .mobile\:grid--3\/7 > * {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .mobile\:grid--3\/7 > *, .no-flexbox .mobile\:grid--3\/7 > *, .no-csscalc .mobile\:grid--3\/7 > *, .no-js .mobile\:grid--3\/7 > * {
    width: 42.8571428571%;
  }
  .modern .mobile\:grid__3\/7, .flexbox.csscalc.js .mobile\:grid__3\/7 {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .mobile\:grid__3\/7, .no-flexbox .mobile\:grid__3\/7, .no-csscalc .mobile\:grid__3\/7, .no-js .mobile\:grid__3\/7 {
    width: 42.8571428571%;
  }
  .modern .mobile\:grid--4\/7 > *, .flexbox.csscalc.js .mobile\:grid--4\/7 > * {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .mobile\:grid--4\/7 > *, .no-flexbox .mobile\:grid--4\/7 > *, .no-csscalc .mobile\:grid--4\/7 > *, .no-js .mobile\:grid--4\/7 > * {
    width: 57.1428571429%;
  }
  .modern .mobile\:grid__4\/7, .flexbox.csscalc.js .mobile\:grid__4\/7 {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .mobile\:grid__4\/7, .no-flexbox .mobile\:grid__4\/7, .no-csscalc .mobile\:grid__4\/7, .no-js .mobile\:grid__4\/7 {
    width: 57.1428571429%;
  }
  .modern .mobile\:grid--5\/7 > *, .flexbox.csscalc.js .mobile\:grid--5\/7 > * {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .mobile\:grid--5\/7 > *, .no-flexbox .mobile\:grid--5\/7 > *, .no-csscalc .mobile\:grid--5\/7 > *, .no-js .mobile\:grid--5\/7 > * {
    width: 71.4285714286%;
  }
  .modern .mobile\:grid__5\/7, .flexbox.csscalc.js .mobile\:grid__5\/7 {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .mobile\:grid__5\/7, .no-flexbox .mobile\:grid__5\/7, .no-csscalc .mobile\:grid__5\/7, .no-js .mobile\:grid__5\/7 {
    width: 71.4285714286%;
  }
  .modern .mobile\:grid--6\/7 > *, .flexbox.csscalc.js .mobile\:grid--6\/7 > * {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .mobile\:grid--6\/7 > *, .no-flexbox .mobile\:grid--6\/7 > *, .no-csscalc .mobile\:grid--6\/7 > *, .no-js .mobile\:grid--6\/7 > * {
    width: 85.7142857143%;
  }
  .modern .mobile\:grid__6\/7, .flexbox.csscalc.js .mobile\:grid__6\/7 {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .mobile\:grid__6\/7, .no-flexbox .mobile\:grid__6\/7, .no-csscalc .mobile\:grid__6\/7, .no-js .mobile\:grid__6\/7 {
    width: 85.7142857143%;
  }
  .modern .mobile\:grid--7\/7 > *, .flexbox.csscalc.js .mobile\:grid--7\/7 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--7\/7 > *, .no-flexbox .mobile\:grid--7\/7 > *, .no-csscalc .mobile\:grid--7\/7 > *, .no-js .mobile\:grid--7\/7 > * {
    width: 100%;
  }
  .modern .mobile\:grid__7\/7, .flexbox.csscalc.js .mobile\:grid__7\/7 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__7\/7, .no-flexbox .mobile\:grid__7\/7, .no-csscalc .mobile\:grid__7\/7, .no-js .mobile\:grid__7\/7 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/8 > *, .flexbox.csscalc.js .mobile\:grid--1\/8 > * {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .mobile\:grid--1\/8 > *, .no-flexbox .mobile\:grid--1\/8 > *, .no-csscalc .mobile\:grid--1\/8 > *, .no-js .mobile\:grid--1\/8 > * {
    width: 12.5%;
  }
  .modern .mobile\:grid__1\/8, .flexbox.csscalc.js .mobile\:grid__1\/8 {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .mobile\:grid__1\/8, .no-flexbox .mobile\:grid__1\/8, .no-csscalc .mobile\:grid__1\/8, .no-js .mobile\:grid__1\/8 {
    width: 12.5%;
  }
  .modern .mobile\:grid--2\/8 > *, .flexbox.csscalc.js .mobile\:grid--2\/8 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .mobile\:grid--2\/8 > *, .no-flexbox .mobile\:grid--2\/8 > *, .no-csscalc .mobile\:grid--2\/8 > *, .no-js .mobile\:grid--2\/8 > * {
    width: 25%;
  }
  .modern .mobile\:grid__2\/8, .flexbox.csscalc.js .mobile\:grid__2\/8 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .mobile\:grid__2\/8, .no-flexbox .mobile\:grid__2\/8, .no-csscalc .mobile\:grid__2\/8, .no-js .mobile\:grid__2\/8 {
    width: 25%;
  }
  .modern .mobile\:grid--3\/8 > *, .flexbox.csscalc.js .mobile\:grid--3\/8 > * {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .mobile\:grid--3\/8 > *, .no-flexbox .mobile\:grid--3\/8 > *, .no-csscalc .mobile\:grid--3\/8 > *, .no-js .mobile\:grid--3\/8 > * {
    width: 37.5%;
  }
  .modern .mobile\:grid__3\/8, .flexbox.csscalc.js .mobile\:grid__3\/8 {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .mobile\:grid__3\/8, .no-flexbox .mobile\:grid__3\/8, .no-csscalc .mobile\:grid__3\/8, .no-js .mobile\:grid__3\/8 {
    width: 37.5%;
  }
  .modern .mobile\:grid--4\/8 > *, .flexbox.csscalc.js .mobile\:grid--4\/8 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid--4\/8 > *, .no-flexbox .mobile\:grid--4\/8 > *, .no-csscalc .mobile\:grid--4\/8 > *, .no-js .mobile\:grid--4\/8 > * {
    width: 50%;
  }
  .modern .mobile\:grid__4\/8, .flexbox.csscalc.js .mobile\:grid__4\/8 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid__4\/8, .no-flexbox .mobile\:grid__4\/8, .no-csscalc .mobile\:grid__4\/8, .no-js .mobile\:grid__4\/8 {
    width: 50%;
  }
  .modern .mobile\:grid--5\/8 > *, .flexbox.csscalc.js .mobile\:grid--5\/8 > * {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .mobile\:grid--5\/8 > *, .no-flexbox .mobile\:grid--5\/8 > *, .no-csscalc .mobile\:grid--5\/8 > *, .no-js .mobile\:grid--5\/8 > * {
    width: 62.5%;
  }
  .modern .mobile\:grid__5\/8, .flexbox.csscalc.js .mobile\:grid__5\/8 {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .mobile\:grid__5\/8, .no-flexbox .mobile\:grid__5\/8, .no-csscalc .mobile\:grid__5\/8, .no-js .mobile\:grid__5\/8 {
    width: 62.5%;
  }
  .modern .mobile\:grid--6\/8 > *, .flexbox.csscalc.js .mobile\:grid--6\/8 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .mobile\:grid--6\/8 > *, .no-flexbox .mobile\:grid--6\/8 > *, .no-csscalc .mobile\:grid--6\/8 > *, .no-js .mobile\:grid--6\/8 > * {
    width: 75%;
  }
  .modern .mobile\:grid__6\/8, .flexbox.csscalc.js .mobile\:grid__6\/8 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .mobile\:grid__6\/8, .no-flexbox .mobile\:grid__6\/8, .no-csscalc .mobile\:grid__6\/8, .no-js .mobile\:grid__6\/8 {
    width: 75%;
  }
  .modern .mobile\:grid--7\/8 > *, .flexbox.csscalc.js .mobile\:grid--7\/8 > * {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .mobile\:grid--7\/8 > *, .no-flexbox .mobile\:grid--7\/8 > *, .no-csscalc .mobile\:grid--7\/8 > *, .no-js .mobile\:grid--7\/8 > * {
    width: 87.5%;
  }
  .modern .mobile\:grid__7\/8, .flexbox.csscalc.js .mobile\:grid__7\/8 {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .mobile\:grid__7\/8, .no-flexbox .mobile\:grid__7\/8, .no-csscalc .mobile\:grid__7\/8, .no-js .mobile\:grid__7\/8 {
    width: 87.5%;
  }
  .modern .mobile\:grid--8\/8 > *, .flexbox.csscalc.js .mobile\:grid--8\/8 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--8\/8 > *, .no-flexbox .mobile\:grid--8\/8 > *, .no-csscalc .mobile\:grid--8\/8 > *, .no-js .mobile\:grid--8\/8 > * {
    width: 100%;
  }
  .modern .mobile\:grid__8\/8, .flexbox.csscalc.js .mobile\:grid__8\/8 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__8\/8, .no-flexbox .mobile\:grid__8\/8, .no-csscalc .mobile\:grid__8\/8, .no-js .mobile\:grid__8\/8 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/9 > *, .flexbox.csscalc.js .mobile\:grid--1\/9 > * {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .mobile\:grid--1\/9 > *, .no-flexbox .mobile\:grid--1\/9 > *, .no-csscalc .mobile\:grid--1\/9 > *, .no-js .mobile\:grid--1\/9 > * {
    width: 11.1111111111%;
  }
  .modern .mobile\:grid__1\/9, .flexbox.csscalc.js .mobile\:grid__1\/9 {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .mobile\:grid__1\/9, .no-flexbox .mobile\:grid__1\/9, .no-csscalc .mobile\:grid__1\/9, .no-js .mobile\:grid__1\/9 {
    width: 11.1111111111%;
  }
  .modern .mobile\:grid--2\/9 > *, .flexbox.csscalc.js .mobile\:grid--2\/9 > * {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .mobile\:grid--2\/9 > *, .no-flexbox .mobile\:grid--2\/9 > *, .no-csscalc .mobile\:grid--2\/9 > *, .no-js .mobile\:grid--2\/9 > * {
    width: 22.2222222222%;
  }
  .modern .mobile\:grid__2\/9, .flexbox.csscalc.js .mobile\:grid__2\/9 {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .mobile\:grid__2\/9, .no-flexbox .mobile\:grid__2\/9, .no-csscalc .mobile\:grid__2\/9, .no-js .mobile\:grid__2\/9 {
    width: 22.2222222222%;
  }
  .modern .mobile\:grid--3\/9 > *, .flexbox.csscalc.js .mobile\:grid--3\/9 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .mobile\:grid--3\/9 > *, .no-flexbox .mobile\:grid--3\/9 > *, .no-csscalc .mobile\:grid--3\/9 > *, .no-js .mobile\:grid--3\/9 > * {
    width: 33.3333333333%;
  }
  .modern .mobile\:grid__3\/9, .flexbox.csscalc.js .mobile\:grid__3\/9 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .mobile\:grid__3\/9, .no-flexbox .mobile\:grid__3\/9, .no-csscalc .mobile\:grid__3\/9, .no-js .mobile\:grid__3\/9 {
    width: 33.3333333333%;
  }
  .modern .mobile\:grid--4\/9 > *, .flexbox.csscalc.js .mobile\:grid--4\/9 > * {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .mobile\:grid--4\/9 > *, .no-flexbox .mobile\:grid--4\/9 > *, .no-csscalc .mobile\:grid--4\/9 > *, .no-js .mobile\:grid--4\/9 > * {
    width: 44.4444444444%;
  }
  .modern .mobile\:grid__4\/9, .flexbox.csscalc.js .mobile\:grid__4\/9 {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .mobile\:grid__4\/9, .no-flexbox .mobile\:grid__4\/9, .no-csscalc .mobile\:grid__4\/9, .no-js .mobile\:grid__4\/9 {
    width: 44.4444444444%;
  }
  .modern .mobile\:grid--5\/9 > *, .flexbox.csscalc.js .mobile\:grid--5\/9 > * {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .mobile\:grid--5\/9 > *, .no-flexbox .mobile\:grid--5\/9 > *, .no-csscalc .mobile\:grid--5\/9 > *, .no-js .mobile\:grid--5\/9 > * {
    width: 55.5555555556%;
  }
  .modern .mobile\:grid__5\/9, .flexbox.csscalc.js .mobile\:grid__5\/9 {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .mobile\:grid__5\/9, .no-flexbox .mobile\:grid__5\/9, .no-csscalc .mobile\:grid__5\/9, .no-js .mobile\:grid__5\/9 {
    width: 55.5555555556%;
  }
  .modern .mobile\:grid--6\/9 > *, .flexbox.csscalc.js .mobile\:grid--6\/9 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .mobile\:grid--6\/9 > *, .no-flexbox .mobile\:grid--6\/9 > *, .no-csscalc .mobile\:grid--6\/9 > *, .no-js .mobile\:grid--6\/9 > * {
    width: 66.6666666667%;
  }
  .modern .mobile\:grid__6\/9, .flexbox.csscalc.js .mobile\:grid__6\/9 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .mobile\:grid__6\/9, .no-flexbox .mobile\:grid__6\/9, .no-csscalc .mobile\:grid__6\/9, .no-js .mobile\:grid__6\/9 {
    width: 66.6666666667%;
  }
  .modern .mobile\:grid--7\/9 > *, .flexbox.csscalc.js .mobile\:grid--7\/9 > * {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .mobile\:grid--7\/9 > *, .no-flexbox .mobile\:grid--7\/9 > *, .no-csscalc .mobile\:grid--7\/9 > *, .no-js .mobile\:grid--7\/9 > * {
    width: 77.7777777778%;
  }
  .modern .mobile\:grid__7\/9, .flexbox.csscalc.js .mobile\:grid__7\/9 {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .mobile\:grid__7\/9, .no-flexbox .mobile\:grid__7\/9, .no-csscalc .mobile\:grid__7\/9, .no-js .mobile\:grid__7\/9 {
    width: 77.7777777778%;
  }
  .modern .mobile\:grid--8\/9 > *, .flexbox.csscalc.js .mobile\:grid--8\/9 > * {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .mobile\:grid--8\/9 > *, .no-flexbox .mobile\:grid--8\/9 > *, .no-csscalc .mobile\:grid--8\/9 > *, .no-js .mobile\:grid--8\/9 > * {
    width: 88.8888888889%;
  }
  .modern .mobile\:grid__8\/9, .flexbox.csscalc.js .mobile\:grid__8\/9 {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .mobile\:grid__8\/9, .no-flexbox .mobile\:grid__8\/9, .no-csscalc .mobile\:grid__8\/9, .no-js .mobile\:grid__8\/9 {
    width: 88.8888888889%;
  }
  .modern .mobile\:grid--9\/9 > *, .flexbox.csscalc.js .mobile\:grid--9\/9 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--9\/9 > *, .no-flexbox .mobile\:grid--9\/9 > *, .no-csscalc .mobile\:grid--9\/9 > *, .no-js .mobile\:grid--9\/9 > * {
    width: 100%;
  }
  .modern .mobile\:grid__9\/9, .flexbox.csscalc.js .mobile\:grid__9\/9 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__9\/9, .no-flexbox .mobile\:grid__9\/9, .no-csscalc .mobile\:grid__9\/9, .no-js .mobile\:grid__9\/9 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/10 > *, .flexbox.csscalc.js .mobile\:grid--1\/10 > * {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .mobile\:grid--1\/10 > *, .no-flexbox .mobile\:grid--1\/10 > *, .no-csscalc .mobile\:grid--1\/10 > *, .no-js .mobile\:grid--1\/10 > * {
    width: 10%;
  }
  .modern .mobile\:grid__1\/10, .flexbox.csscalc.js .mobile\:grid__1\/10 {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .mobile\:grid__1\/10, .no-flexbox .mobile\:grid__1\/10, .no-csscalc .mobile\:grid__1\/10, .no-js .mobile\:grid__1\/10 {
    width: 10%;
  }
  .modern .mobile\:grid--2\/10 > *, .flexbox.csscalc.js .mobile\:grid--2\/10 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .mobile\:grid--2\/10 > *, .no-flexbox .mobile\:grid--2\/10 > *, .no-csscalc .mobile\:grid--2\/10 > *, .no-js .mobile\:grid--2\/10 > * {
    width: 20%;
  }
  .modern .mobile\:grid__2\/10, .flexbox.csscalc.js .mobile\:grid__2\/10 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .mobile\:grid__2\/10, .no-flexbox .mobile\:grid__2\/10, .no-csscalc .mobile\:grid__2\/10, .no-js .mobile\:grid__2\/10 {
    width: 20%;
  }
  .modern .mobile\:grid--3\/10 > *, .flexbox.csscalc.js .mobile\:grid--3\/10 > * {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .mobile\:grid--3\/10 > *, .no-flexbox .mobile\:grid--3\/10 > *, .no-csscalc .mobile\:grid--3\/10 > *, .no-js .mobile\:grid--3\/10 > * {
    width: 30%;
  }
  .modern .mobile\:grid__3\/10, .flexbox.csscalc.js .mobile\:grid__3\/10 {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .mobile\:grid__3\/10, .no-flexbox .mobile\:grid__3\/10, .no-csscalc .mobile\:grid__3\/10, .no-js .mobile\:grid__3\/10 {
    width: 30%;
  }
  .modern .mobile\:grid--4\/10 > *, .flexbox.csscalc.js .mobile\:grid--4\/10 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .mobile\:grid--4\/10 > *, .no-flexbox .mobile\:grid--4\/10 > *, .no-csscalc .mobile\:grid--4\/10 > *, .no-js .mobile\:grid--4\/10 > * {
    width: 40%;
  }
  .modern .mobile\:grid__4\/10, .flexbox.csscalc.js .mobile\:grid__4\/10 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .mobile\:grid__4\/10, .no-flexbox .mobile\:grid__4\/10, .no-csscalc .mobile\:grid__4\/10, .no-js .mobile\:grid__4\/10 {
    width: 40%;
  }
  .modern .mobile\:grid--5\/10 > *, .flexbox.csscalc.js .mobile\:grid--5\/10 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid--5\/10 > *, .no-flexbox .mobile\:grid--5\/10 > *, .no-csscalc .mobile\:grid--5\/10 > *, .no-js .mobile\:grid--5\/10 > * {
    width: 50%;
  }
  .modern .mobile\:grid__5\/10, .flexbox.csscalc.js .mobile\:grid__5\/10 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid__5\/10, .no-flexbox .mobile\:grid__5\/10, .no-csscalc .mobile\:grid__5\/10, .no-js .mobile\:grid__5\/10 {
    width: 50%;
  }
  .modern .mobile\:grid--6\/10 > *, .flexbox.csscalc.js .mobile\:grid--6\/10 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .mobile\:grid--6\/10 > *, .no-flexbox .mobile\:grid--6\/10 > *, .no-csscalc .mobile\:grid--6\/10 > *, .no-js .mobile\:grid--6\/10 > * {
    width: 60%;
  }
  .modern .mobile\:grid__6\/10, .flexbox.csscalc.js .mobile\:grid__6\/10 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .mobile\:grid__6\/10, .no-flexbox .mobile\:grid__6\/10, .no-csscalc .mobile\:grid__6\/10, .no-js .mobile\:grid__6\/10 {
    width: 60%;
  }
  .modern .mobile\:grid--7\/10 > *, .flexbox.csscalc.js .mobile\:grid--7\/10 > * {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .mobile\:grid--7\/10 > *, .no-flexbox .mobile\:grid--7\/10 > *, .no-csscalc .mobile\:grid--7\/10 > *, .no-js .mobile\:grid--7\/10 > * {
    width: 70%;
  }
  .modern .mobile\:grid__7\/10, .flexbox.csscalc.js .mobile\:grid__7\/10 {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .mobile\:grid__7\/10, .no-flexbox .mobile\:grid__7\/10, .no-csscalc .mobile\:grid__7\/10, .no-js .mobile\:grid__7\/10 {
    width: 70%;
  }
  .modern .mobile\:grid--8\/10 > *, .flexbox.csscalc.js .mobile\:grid--8\/10 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .mobile\:grid--8\/10 > *, .no-flexbox .mobile\:grid--8\/10 > *, .no-csscalc .mobile\:grid--8\/10 > *, .no-js .mobile\:grid--8\/10 > * {
    width: 80%;
  }
  .modern .mobile\:grid__8\/10, .flexbox.csscalc.js .mobile\:grid__8\/10 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .mobile\:grid__8\/10, .no-flexbox .mobile\:grid__8\/10, .no-csscalc .mobile\:grid__8\/10, .no-js .mobile\:grid__8\/10 {
    width: 80%;
  }
  .modern .mobile\:grid--9\/10 > *, .flexbox.csscalc.js .mobile\:grid--9\/10 > * {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .mobile\:grid--9\/10 > *, .no-flexbox .mobile\:grid--9\/10 > *, .no-csscalc .mobile\:grid--9\/10 > *, .no-js .mobile\:grid--9\/10 > * {
    width: 90%;
  }
  .modern .mobile\:grid__9\/10, .flexbox.csscalc.js .mobile\:grid__9\/10 {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .mobile\:grid__9\/10, .no-flexbox .mobile\:grid__9\/10, .no-csscalc .mobile\:grid__9\/10, .no-js .mobile\:grid__9\/10 {
    width: 90%;
  }
  .modern .mobile\:grid--10\/10 > *, .flexbox.csscalc.js .mobile\:grid--10\/10 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--10\/10 > *, .no-flexbox .mobile\:grid--10\/10 > *, .no-csscalc .mobile\:grid--10\/10 > *, .no-js .mobile\:grid--10\/10 > * {
    width: 100%;
  }
  .modern .mobile\:grid__10\/10, .flexbox.csscalc.js .mobile\:grid__10\/10 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__10\/10, .no-flexbox .mobile\:grid__10\/10, .no-csscalc .mobile\:grid__10\/10, .no-js .mobile\:grid__10\/10 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/11 > *, .flexbox.csscalc.js .mobile\:grid--1\/11 > * {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .mobile\:grid--1\/11 > *, .no-flexbox .mobile\:grid--1\/11 > *, .no-csscalc .mobile\:grid--1\/11 > *, .no-js .mobile\:grid--1\/11 > * {
    width: 9.0909090909%;
  }
  .modern .mobile\:grid__1\/11, .flexbox.csscalc.js .mobile\:grid__1\/11 {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .mobile\:grid__1\/11, .no-flexbox .mobile\:grid__1\/11, .no-csscalc .mobile\:grid__1\/11, .no-js .mobile\:grid__1\/11 {
    width: 9.0909090909%;
  }
  .modern .mobile\:grid--2\/11 > *, .flexbox.csscalc.js .mobile\:grid--2\/11 > * {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .mobile\:grid--2\/11 > *, .no-flexbox .mobile\:grid--2\/11 > *, .no-csscalc .mobile\:grid--2\/11 > *, .no-js .mobile\:grid--2\/11 > * {
    width: 18.1818181818%;
  }
  .modern .mobile\:grid__2\/11, .flexbox.csscalc.js .mobile\:grid__2\/11 {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .mobile\:grid__2\/11, .no-flexbox .mobile\:grid__2\/11, .no-csscalc .mobile\:grid__2\/11, .no-js .mobile\:grid__2\/11 {
    width: 18.1818181818%;
  }
  .modern .mobile\:grid--3\/11 > *, .flexbox.csscalc.js .mobile\:grid--3\/11 > * {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .mobile\:grid--3\/11 > *, .no-flexbox .mobile\:grid--3\/11 > *, .no-csscalc .mobile\:grid--3\/11 > *, .no-js .mobile\:grid--3\/11 > * {
    width: 27.2727272727%;
  }
  .modern .mobile\:grid__3\/11, .flexbox.csscalc.js .mobile\:grid__3\/11 {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .mobile\:grid__3\/11, .no-flexbox .mobile\:grid__3\/11, .no-csscalc .mobile\:grid__3\/11, .no-js .mobile\:grid__3\/11 {
    width: 27.2727272727%;
  }
  .modern .mobile\:grid--4\/11 > *, .flexbox.csscalc.js .mobile\:grid--4\/11 > * {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .mobile\:grid--4\/11 > *, .no-flexbox .mobile\:grid--4\/11 > *, .no-csscalc .mobile\:grid--4\/11 > *, .no-js .mobile\:grid--4\/11 > * {
    width: 36.3636363636%;
  }
  .modern .mobile\:grid__4\/11, .flexbox.csscalc.js .mobile\:grid__4\/11 {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .mobile\:grid__4\/11, .no-flexbox .mobile\:grid__4\/11, .no-csscalc .mobile\:grid__4\/11, .no-js .mobile\:grid__4\/11 {
    width: 36.3636363636%;
  }
  .modern .mobile\:grid--5\/11 > *, .flexbox.csscalc.js .mobile\:grid--5\/11 > * {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .mobile\:grid--5\/11 > *, .no-flexbox .mobile\:grid--5\/11 > *, .no-csscalc .mobile\:grid--5\/11 > *, .no-js .mobile\:grid--5\/11 > * {
    width: 45.4545454545%;
  }
  .modern .mobile\:grid__5\/11, .flexbox.csscalc.js .mobile\:grid__5\/11 {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .mobile\:grid__5\/11, .no-flexbox .mobile\:grid__5\/11, .no-csscalc .mobile\:grid__5\/11, .no-js .mobile\:grid__5\/11 {
    width: 45.4545454545%;
  }
  .modern .mobile\:grid--6\/11 > *, .flexbox.csscalc.js .mobile\:grid--6\/11 > * {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .mobile\:grid--6\/11 > *, .no-flexbox .mobile\:grid--6\/11 > *, .no-csscalc .mobile\:grid--6\/11 > *, .no-js .mobile\:grid--6\/11 > * {
    width: 54.5454545455%;
  }
  .modern .mobile\:grid__6\/11, .flexbox.csscalc.js .mobile\:grid__6\/11 {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .mobile\:grid__6\/11, .no-flexbox .mobile\:grid__6\/11, .no-csscalc .mobile\:grid__6\/11, .no-js .mobile\:grid__6\/11 {
    width: 54.5454545455%;
  }
  .modern .mobile\:grid--7\/11 > *, .flexbox.csscalc.js .mobile\:grid--7\/11 > * {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .mobile\:grid--7\/11 > *, .no-flexbox .mobile\:grid--7\/11 > *, .no-csscalc .mobile\:grid--7\/11 > *, .no-js .mobile\:grid--7\/11 > * {
    width: 63.6363636364%;
  }
  .modern .mobile\:grid__7\/11, .flexbox.csscalc.js .mobile\:grid__7\/11 {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .mobile\:grid__7\/11, .no-flexbox .mobile\:grid__7\/11, .no-csscalc .mobile\:grid__7\/11, .no-js .mobile\:grid__7\/11 {
    width: 63.6363636364%;
  }
  .modern .mobile\:grid--8\/11 > *, .flexbox.csscalc.js .mobile\:grid--8\/11 > * {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .mobile\:grid--8\/11 > *, .no-flexbox .mobile\:grid--8\/11 > *, .no-csscalc .mobile\:grid--8\/11 > *, .no-js .mobile\:grid--8\/11 > * {
    width: 72.7272727273%;
  }
  .modern .mobile\:grid__8\/11, .flexbox.csscalc.js .mobile\:grid__8\/11 {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .mobile\:grid__8\/11, .no-flexbox .mobile\:grid__8\/11, .no-csscalc .mobile\:grid__8\/11, .no-js .mobile\:grid__8\/11 {
    width: 72.7272727273%;
  }
  .modern .mobile\:grid--9\/11 > *, .flexbox.csscalc.js .mobile\:grid--9\/11 > * {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .mobile\:grid--9\/11 > *, .no-flexbox .mobile\:grid--9\/11 > *, .no-csscalc .mobile\:grid--9\/11 > *, .no-js .mobile\:grid--9\/11 > * {
    width: 81.8181818182%;
  }
  .modern .mobile\:grid__9\/11, .flexbox.csscalc.js .mobile\:grid__9\/11 {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .mobile\:grid__9\/11, .no-flexbox .mobile\:grid__9\/11, .no-csscalc .mobile\:grid__9\/11, .no-js .mobile\:grid__9\/11 {
    width: 81.8181818182%;
  }
  .modern .mobile\:grid--10\/11 > *, .flexbox.csscalc.js .mobile\:grid--10\/11 > * {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .mobile\:grid--10\/11 > *, .no-flexbox .mobile\:grid--10\/11 > *, .no-csscalc .mobile\:grid--10\/11 > *, .no-js .mobile\:grid--10\/11 > * {
    width: 90.9090909091%;
  }
  .modern .mobile\:grid__10\/11, .flexbox.csscalc.js .mobile\:grid__10\/11 {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .mobile\:grid__10\/11, .no-flexbox .mobile\:grid__10\/11, .no-csscalc .mobile\:grid__10\/11, .no-js .mobile\:grid__10\/11 {
    width: 90.9090909091%;
  }
  .modern .mobile\:grid--11\/11 > *, .flexbox.csscalc.js .mobile\:grid--11\/11 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--11\/11 > *, .no-flexbox .mobile\:grid--11\/11 > *, .no-csscalc .mobile\:grid--11\/11 > *, .no-js .mobile\:grid--11\/11 > * {
    width: 100%;
  }
  .modern .mobile\:grid__11\/11, .flexbox.csscalc.js .mobile\:grid__11\/11 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__11\/11, .no-flexbox .mobile\:grid__11\/11, .no-csscalc .mobile\:grid__11\/11, .no-js .mobile\:grid__11\/11 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mobile\:grid--left {
    text-align: left;
  }
  .modern .mobile\:grid--left, .flexbox.csscalc.js .mobile\:grid--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mobile\:grid--center {
    text-align: center;
  }
  .modern .mobile\:grid--center, .flexbox.csscalc.js .mobile\:grid--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mobile\:grid--right {
    text-align: right;
  }
  .modern .mobile\:grid--right, .flexbox.csscalc.js .mobile\:grid--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
/*! purgecss end ignore */
.capture *, .capture *:after, .capture *:before {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation-duration: 0s !important;
          animation-duration: 0s !important;
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important;
}

/* Sass-Utilizer */
.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-dive > * {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.block {
  display: block !important;
}

.block-dive > * {
  display: block !important;
}

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

.inline-block-dive > * {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.inline-dive > * {
  display: inline !important;
}

.hidden {
  display: none !important;
}

.hidden-dive > * {
  display: none !important;
}

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

.text-left-dive > * {
  text-align: left !important;
}

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

.text-center-dive > * {
  text-align: center !important;
}

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

.text-right-dive > * {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-justify-dive > * {
  text-align: justify !important;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-baseline-dive > * {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-top-dive > * {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-middle-dive > * {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-bottom-dive > * {
  vertical-align: bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.align-text-top-dive > * {
  vertical-align: text-top !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-bottom-dive > * {
  vertical-align: text-bottom !important;
}

.flex-none {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}

.inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-auto {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-initial {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
}

.flex-grow {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-2 {
  -webkit-box-flex: 2 !important;
      -ms-flex-positive: 2 !important;
          flex-grow: 2 !important;
}

.flex-grow-2-dive > * {
  -webkit-box-flex: 2 !important;
      -ms-flex-positive: 2 !important;
          flex-grow: 2 !important;
}

.flex-grow-3 {
  -webkit-box-flex: 3 !important;
      -ms-flex-positive: 3 !important;
          flex-grow: 3 !important;
}

.flex-grow-3-dive > * {
  -webkit-box-flex: 3 !important;
      -ms-flex-positive: 3 !important;
          flex-grow: 3 !important;
}

.flex-grow-4 {
  -webkit-box-flex: 4 !important;
      -ms-flex-positive: 4 !important;
          flex-grow: 4 !important;
}

.flex-grow-4-dive > * {
  -webkit-box-flex: 4 !important;
      -ms-flex-positive: 4 !important;
          flex-grow: 4 !important;
}

.flex-grow-5 {
  -webkit-box-flex: 5 !important;
      -ms-flex-positive: 5 !important;
          flex-grow: 5 !important;
}

.flex-grow-5-dive > * {
  -webkit-box-flex: 5 !important;
      -ms-flex-positive: 5 !important;
          flex-grow: 5 !important;
}

.flex-grow-6 {
  -webkit-box-flex: 6 !important;
      -ms-flex-positive: 6 !important;
          flex-grow: 6 !important;
}

.flex-grow-6-dive > * {
  -webkit-box-flex: 6 !important;
      -ms-flex-positive: 6 !important;
          flex-grow: 6 !important;
}

.flex-grow-7 {
  -webkit-box-flex: 7 !important;
      -ms-flex-positive: 7 !important;
          flex-grow: 7 !important;
}

.flex-grow-7-dive > * {
  -webkit-box-flex: 7 !important;
      -ms-flex-positive: 7 !important;
          flex-grow: 7 !important;
}

.flex-grow-8 {
  -webkit-box-flex: 8 !important;
      -ms-flex-positive: 8 !important;
          flex-grow: 8 !important;
}

.flex-grow-8-dive > * {
  -webkit-box-flex: 8 !important;
      -ms-flex-positive: 8 !important;
          flex-grow: 8 !important;
}

.flex-grow-9 {
  -webkit-box-flex: 9 !important;
      -ms-flex-positive: 9 !important;
          flex-grow: 9 !important;
}

.flex-grow-9-dive > * {
  -webkit-box-flex: 9 !important;
      -ms-flex-positive: 9 !important;
          flex-grow: 9 !important;
}

.flex-grow-10 {
  -webkit-box-flex: 10 !important;
      -ms-flex-positive: 10 !important;
          flex-grow: 10 !important;
}

.flex-grow-10-dive > * {
  -webkit-box-flex: 10 !important;
      -ms-flex-positive: 10 !important;
          flex-grow: 10 !important;
}

.flex-grow-11 {
  -webkit-box-flex: 11 !important;
      -ms-flex-positive: 11 !important;
          flex-grow: 11 !important;
}

.flex-grow-11-dive > * {
  -webkit-box-flex: 11 !important;
      -ms-flex-positive: 11 !important;
          flex-grow: 11 !important;
}

.flex-grow-12 {
  -webkit-box-flex: 12 !important;
      -ms-flex-positive: 12 !important;
          flex-grow: 12 !important;
}

.flex-grow-12-dive > * {
  -webkit-box-flex: 12 !important;
      -ms-flex-positive: 12 !important;
          flex-grow: 12 !important;
}

.flex-grow-dive > * {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-2 {
  -ms-flex-negative: 2 !important;
      flex-shrink: 2 !important;
}

.flex-shrink-2-dive > * {
  -ms-flex-negative: 2 !important;
      flex-shrink: 2 !important;
}

.flex-shrink-3 {
  -ms-flex-negative: 3 !important;
      flex-shrink: 3 !important;
}

.flex-shrink-3-dive > * {
  -ms-flex-negative: 3 !important;
      flex-shrink: 3 !important;
}

.flex-shrink-4 {
  -ms-flex-negative: 4 !important;
      flex-shrink: 4 !important;
}

.flex-shrink-4-dive > * {
  -ms-flex-negative: 4 !important;
      flex-shrink: 4 !important;
}

.flex-shrink-5 {
  -ms-flex-negative: 5 !important;
      flex-shrink: 5 !important;
}

.flex-shrink-5-dive > * {
  -ms-flex-negative: 5 !important;
      flex-shrink: 5 !important;
}

.flex-shrink-6 {
  -ms-flex-negative: 6 !important;
      flex-shrink: 6 !important;
}

.flex-shrink-6-dive > * {
  -ms-flex-negative: 6 !important;
      flex-shrink: 6 !important;
}

.flex-shrink-7 {
  -ms-flex-negative: 7 !important;
      flex-shrink: 7 !important;
}

.flex-shrink-7-dive > * {
  -ms-flex-negative: 7 !important;
      flex-shrink: 7 !important;
}

.flex-shrink-8 {
  -ms-flex-negative: 8 !important;
      flex-shrink: 8 !important;
}

.flex-shrink-8-dive > * {
  -ms-flex-negative: 8 !important;
      flex-shrink: 8 !important;
}

.flex-shrink-9 {
  -ms-flex-negative: 9 !important;
      flex-shrink: 9 !important;
}

.flex-shrink-9-dive > * {
  -ms-flex-negative: 9 !important;
      flex-shrink: 9 !important;
}

.flex-shrink-10 {
  -ms-flex-negative: 10 !important;
      flex-shrink: 10 !important;
}

.flex-shrink-10-dive > * {
  -ms-flex-negative: 10 !important;
      flex-shrink: 10 !important;
}

.flex-shrink-11 {
  -ms-flex-negative: 11 !important;
      flex-shrink: 11 !important;
}

.flex-shrink-11-dive > * {
  -ms-flex-negative: 11 !important;
      flex-shrink: 11 !important;
}

.flex-shrink-12 {
  -ms-flex-negative: 12 !important;
      flex-shrink: 12 !important;
}

.flex-shrink-12-dive > * {
  -ms-flex-negative: 12 !important;
      flex-shrink: 12 !important;
}

.flex-shrink-dive > * {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.order {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-2-dive > * {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-3-dive > * {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-4-dive > * {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-5-dive > * {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-6 {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.order-6-dive > * {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.order-7 {
  -webkit-box-ordinal-group: 8 !important;
      -ms-flex-order: 7 !important;
          order: 7 !important;
}

.order-7-dive > * {
  -webkit-box-ordinal-group: 8 !important;
      -ms-flex-order: 7 !important;
          order: 7 !important;
}

.order-8 {
  -webkit-box-ordinal-group: 9 !important;
      -ms-flex-order: 8 !important;
          order: 8 !important;
}

.order-8-dive > * {
  -webkit-box-ordinal-group: 9 !important;
      -ms-flex-order: 8 !important;
          order: 8 !important;
}

.order-9 {
  -webkit-box-ordinal-group: 10 !important;
      -ms-flex-order: 9 !important;
          order: 9 !important;
}

.order-9-dive > * {
  -webkit-box-ordinal-group: 10 !important;
      -ms-flex-order: 9 !important;
          order: 9 !important;
}

.order-10 {
  -webkit-box-ordinal-group: 11 !important;
      -ms-flex-order: 10 !important;
          order: 10 !important;
}

.order-10-dive > * {
  -webkit-box-ordinal-group: 11 !important;
      -ms-flex-order: 10 !important;
          order: 10 !important;
}

.order-11 {
  -webkit-box-ordinal-group: 12 !important;
      -ms-flex-order: 11 !important;
          order: 11 !important;
}

.order-11-dive > * {
  -webkit-box-ordinal-group: 12 !important;
      -ms-flex-order: 11 !important;
          order: 11 !important;
}

.order-12 {
  -webkit-box-ordinal-group: 13 !important;
      -ms-flex-order: 12 !important;
          order: 12 !important;
}

.order-12-dive > * {
  -webkit-box-ordinal-group: 13 !important;
      -ms-flex-order: 12 !important;
          order: 12 !important;
}

.order-dive > * {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-row-dive > * {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-row-reverse-dive > * {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-column-dive > * {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-column-reverse-dive > * {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.flex-no-wrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.justify-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-start-dive > * {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-end-dive > * {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-center-dive > * {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-around-dive > * {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-between-dive > * {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.justify-evenly-dive > * {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.justify-items-auto {
  justify-items: auto !important;
}

.justify-items-start {
  justify-items: start !important;
}

.justify-items-end {
  justify-items: end !important;
}

.justify-items-center {
  justify-items: center !important;
}

.justify-items-stretch {
  justify-items: stretch !important;
}

.justify-self-auto {
  justify-self: auto !important;
}

.justify-self-start {
  justify-self: start !important;
}

.justify-self-end {
  justify-self: end !important;
}

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

.justify-self-stretch {
  justify-self: stretch !important;
}

.content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.content-evenly {
  -ms-flex-line-pack: space-evenly !important;
      align-content: space-evenly !important;
}

.items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.items-start-dive > * {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.items-end-dive > * {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.items-center-dive > * {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.items-baseline-dive > * {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.items-stretch-dive > * {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.table {
  display: table !important;
}

.table-dive > * {
  display: table !important;
}

.table-header-group {
  display: table-header-group !important;
}

.table-row-group {
  display: table-row-group !important;
}

.table-column-group {
  display: table-column-group !important;
}

.table-footer-group {
  display: table-footer-group !important;
}

.table-row {
  display: table-row !important;
}

.table-row-dive > * {
  display: table-row !important;
}

.table-column {
  display: table-column !important;
}

.table-cell {
  display: table-cell !important;
}

.table-cell-dive > * {
  display: table-cell !important;
}

.table-caption {
  display: table-caption !important;
}

.table-auto {
  table-layout: auto !important;
}

.table-fixed {
  table-layout: fixed !important;
}

.border-collapse {
  border-collapse: collapse !important;
}

.border-separate {
  border-collapse: separate !important;
}

.static {
  position: static !important;
}

.static-dive > * {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.fixed-dive > * {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.absolute-dive > * {
  position: absolute !important;
}

.pin {
  position: absolute !important;
}

.pin-dive > * {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.relative-dive > * {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

.sticky-dive > * {
  position: sticky !important;
}

.inset {
  top: 20px !important;
}

.inset-0 {
  top: 0 !important;
}

.-inset {
  top: -20px !important;
}

.-inset-2 {
  top: -40px !important;
}

.-inset-1\.5 {
  top: -30px !important;
}

.-inset-0\.5 {
  top: -10px !important;
}

.inset-0\.5 {
  top: 10px !important;
}

.inset-1\.5 {
  top: 30px !important;
}

.inset-2 {
  top: 40px !important;
}

.inset-2\.5 {
  top: 50px !important;
}

.inset-3 {
  top: 60px !important;
}

.inset-3\.5 {
  top: 70px !important;
}

.inset-4 {
  top: 80px !important;
}

.inset-4\.5 {
  top: 90px !important;
}

.inset-5 {
  top: 100px !important;
}

.inset-5\.5 {
  top: 110px !important;
}

.inset-6 {
  top: 120px !important;
}

.inset {
  bottom: 20px !important;
}

.inset-0 {
  bottom: 0 !important;
}

.-inset {
  bottom: -20px !important;
}

.-inset-2 {
  bottom: -40px !important;
}

.-inset-1\.5 {
  bottom: -30px !important;
}

.-inset-0\.5 {
  bottom: -10px !important;
}

.inset-0\.5 {
  bottom: 10px !important;
}

.inset-1\.5 {
  bottom: 30px !important;
}

.inset-2 {
  bottom: 40px !important;
}

.inset-2\.5 {
  bottom: 50px !important;
}

.inset-3 {
  bottom: 60px !important;
}

.inset-3\.5 {
  bottom: 70px !important;
}

.inset-4 {
  bottom: 80px !important;
}

.inset-4\.5 {
  bottom: 90px !important;
}

.inset-5 {
  bottom: 100px !important;
}

.inset-5\.5 {
  bottom: 110px !important;
}

.inset-6 {
  bottom: 120px !important;
}

.inset {
  left: 20px !important;
}

.inset-0 {
  left: 0 !important;
}

.-inset {
  left: -20px !important;
}

.-inset-2 {
  left: -40px !important;
}

.-inset-1\.5 {
  left: -30px !important;
}

.-inset-0\.5 {
  left: -10px !important;
}

.inset-0\.5 {
  left: 10px !important;
}

.inset-1\.5 {
  left: 30px !important;
}

.inset-2 {
  left: 40px !important;
}

.inset-2\.5 {
  left: 50px !important;
}

.inset-3 {
  left: 60px !important;
}

.inset-3\.5 {
  left: 70px !important;
}

.inset-4 {
  left: 80px !important;
}

.inset-4\.5 {
  left: 90px !important;
}

.inset-5 {
  left: 100px !important;
}

.inset-5\.5 {
  left: 110px !important;
}

.inset-6 {
  left: 120px !important;
}

.inset {
  right: 20px !important;
}

.inset-0 {
  right: 0 !important;
}

.-inset {
  right: -20px !important;
}

.-inset-2 {
  right: -40px !important;
}

.-inset-1\.5 {
  right: -30px !important;
}

.-inset-0\.5 {
  right: -10px !important;
}

.inset-0\.5 {
  right: 10px !important;
}

.inset-1\.5 {
  right: 30px !important;
}

.inset-2 {
  right: 40px !important;
}

.inset-2\.5 {
  right: 50px !important;
}

.inset-3 {
  right: 60px !important;
}

.inset-3\.5 {
  right: 70px !important;
}

.inset-4 {
  right: 80px !important;
}

.inset-4\.5 {
  right: 90px !important;
}

.inset-5 {
  right: 100px !important;
}

.inset-5\.5 {
  right: 110px !important;
}

.inset-6 {
  right: 120px !important;
}

.inset-y {
  top: 20px !important;
}

.inset-y-0 {
  top: 0 !important;
}

.-inset-y {
  top: -20px !important;
}

.-inset-y-2 {
  top: -40px !important;
}

.-inset-y-1\.5 {
  top: -30px !important;
}

.-inset-y-0\.5 {
  top: -10px !important;
}

.inset-y-0\.5 {
  top: 10px !important;
}

.inset-y-1\.5 {
  top: 30px !important;
}

.inset-y-2 {
  top: 40px !important;
}

.inset-y-2\.5 {
  top: 50px !important;
}

.inset-y-3 {
  top: 60px !important;
}

.inset-y-3\.5 {
  top: 70px !important;
}

.inset-y-4 {
  top: 80px !important;
}

.inset-y-4\.5 {
  top: 90px !important;
}

.inset-y-5 {
  top: 100px !important;
}

.inset-y-5\.5 {
  top: 110px !important;
}

.inset-y-6 {
  top: 120px !important;
}

.inset-y {
  bottom: 20px !important;
}

.inset-y-0 {
  bottom: 0 !important;
}

.-inset-y {
  bottom: -20px !important;
}

.-inset-y-2 {
  bottom: -40px !important;
}

.-inset-y-1\.5 {
  bottom: -30px !important;
}

.-inset-y-0\.5 {
  bottom: -10px !important;
}

.inset-y-0\.5 {
  bottom: 10px !important;
}

.inset-y-1\.5 {
  bottom: 30px !important;
}

.inset-y-2 {
  bottom: 40px !important;
}

.inset-y-2\.5 {
  bottom: 50px !important;
}

.inset-y-3 {
  bottom: 60px !important;
}

.inset-y-3\.5 {
  bottom: 70px !important;
}

.inset-y-4 {
  bottom: 80px !important;
}

.inset-y-4\.5 {
  bottom: 90px !important;
}

.inset-y-5 {
  bottom: 100px !important;
}

.inset-y-5\.5 {
  bottom: 110px !important;
}

.inset-y-6 {
  bottom: 120px !important;
}

.inset-x {
  left: 20px !important;
}

.inset-x-0 {
  left: 0 !important;
}

.-inset-x {
  left: -20px !important;
}

.-inset-x-2 {
  left: -40px !important;
}

.-inset-x-1\.5 {
  left: -30px !important;
}

.-inset-x-0\.5 {
  left: -10px !important;
}

.inset-x-0\.5 {
  left: 10px !important;
}

.inset-x-1\.5 {
  left: 30px !important;
}

.inset-x-2 {
  left: 40px !important;
}

.inset-x-2\.5 {
  left: 50px !important;
}

.inset-x-3 {
  left: 60px !important;
}

.inset-x-3\.5 {
  left: 70px !important;
}

.inset-x-4 {
  left: 80px !important;
}

.inset-x-4\.5 {
  left: 90px !important;
}

.inset-x-5 {
  left: 100px !important;
}

.inset-x-5\.5 {
  left: 110px !important;
}

.inset-x-6 {
  left: 120px !important;
}

.inset-x {
  right: 20px !important;
}

.inset-x-0 {
  right: 0 !important;
}

.-inset-x {
  right: -20px !important;
}

.-inset-x-2 {
  right: -40px !important;
}

.-inset-x-1\.5 {
  right: -30px !important;
}

.-inset-x-0\.5 {
  right: -10px !important;
}

.inset-x-0\.5 {
  right: 10px !important;
}

.inset-x-1\.5 {
  right: 30px !important;
}

.inset-x-2 {
  right: 40px !important;
}

.inset-x-2\.5 {
  right: 50px !important;
}

.inset-x-3 {
  right: 60px !important;
}

.inset-x-3\.5 {
  right: 70px !important;
}

.inset-x-4 {
  right: 80px !important;
}

.inset-x-4\.5 {
  right: 90px !important;
}

.inset-x-5 {
  right: 100px !important;
}

.inset-x-5\.5 {
  right: 110px !important;
}

.inset-x-6 {
  right: 120px !important;
}

.top {
  top: 20px !important;
}

.top-0 {
  top: 0 !important;
}

.-top {
  top: -20px !important;
}

.-top-2 {
  top: -40px !important;
}

.-top-1\.5 {
  top: -30px !important;
}

.-top-0\.5 {
  top: -10px !important;
}

.top-0\.5 {
  top: 10px !important;
}

.top-1\.5 {
  top: 30px !important;
}

.top-2 {
  top: 40px !important;
}

.top-2\.5 {
  top: 50px !important;
}

.top-3 {
  top: 60px !important;
}

.top-3\.5 {
  top: 70px !important;
}

.top-4 {
  top: 80px !important;
}

.top-4\.5 {
  top: 90px !important;
}

.top-5 {
  top: 100px !important;
}

.top-5\.5 {
  top: 110px !important;
}

.top-6 {
  top: 120px !important;
}

.bottom {
  bottom: 20px !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.-bottom {
  bottom: -20px !important;
}

.-bottom-2 {
  bottom: -40px !important;
}

.-bottom-1\.5 {
  bottom: -30px !important;
}

.-bottom-0\.5 {
  bottom: -10px !important;
}

.bottom-0\.5 {
  bottom: 10px !important;
}

.bottom-1\.5 {
  bottom: 30px !important;
}

.bottom-2 {
  bottom: 40px !important;
}

.bottom-2\.5 {
  bottom: 50px !important;
}

.bottom-3 {
  bottom: 60px !important;
}

.bottom-3\.5 {
  bottom: 70px !important;
}

.bottom-4 {
  bottom: 80px !important;
}

.bottom-4\.5 {
  bottom: 90px !important;
}

.bottom-5 {
  bottom: 100px !important;
}

.bottom-5\.5 {
  bottom: 110px !important;
}

.bottom-6 {
  bottom: 120px !important;
}

.left {
  left: 20px !important;
}

.left-0 {
  left: 0 !important;
}

.-left {
  left: -20px !important;
}

.-left-2 {
  left: -40px !important;
}

.-left-1\.5 {
  left: -30px !important;
}

.-left-0\.5 {
  left: -10px !important;
}

.left-0\.5 {
  left: 10px !important;
}

.left-1\.5 {
  left: 30px !important;
}

.left-2 {
  left: 40px !important;
}

.left-2\.5 {
  left: 50px !important;
}

.left-3 {
  left: 60px !important;
}

.left-3\.5 {
  left: 70px !important;
}

.left-4 {
  left: 80px !important;
}

.left-4\.5 {
  left: 90px !important;
}

.left-5 {
  left: 100px !important;
}

.left-5\.5 {
  left: 110px !important;
}

.left-6 {
  left: 120px !important;
}

.right {
  right: 20px !important;
}

.right-0 {
  right: 0 !important;
}

.-right {
  right: -20px !important;
}

.-right-2 {
  right: -40px !important;
}

.-right-1\.5 {
  right: -30px !important;
}

.-right-0\.5 {
  right: -10px !important;
}

.right-0\.5 {
  right: 10px !important;
}

.right-1\.5 {
  right: 30px !important;
}

.right-2 {
  right: 40px !important;
}

.right-2\.5 {
  right: 50px !important;
}

.right-3 {
  right: 60px !important;
}

.right-3\.5 {
  right: 70px !important;
}

.right-4 {
  right: 80px !important;
}

.right-4\.5 {
  right: 90px !important;
}

.right-5 {
  right: 100px !important;
}

.right-5\.5 {
  right: 110px !important;
}

.right-6 {
  right: 120px !important;
}

.transform-center {
  top: 50% !important;
}

.transform-center {
  left: 50% !important;
}

.transform-center {
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

.transform-center-x {
  left: 50% !important;
}

.transform-center-x {
  -webkit-transform: translateX(-50%) !important;
      -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}

.transform-center-y {
  top: 50% !important;
}

.transform-center-y {
  -webkit-transform: translateY(-50%) !important;
      -ms-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

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

.z-0 {
  z-index: 0 !important;
}

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

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.z-4 {
  z-index: 4 !important;
}

.z-5 {
  z-index: 5 !important;
}

.z-6 {
  z-index: 6 !important;
}

.z-7 {
  z-index: 7 !important;
}

.z-8 {
  z-index: 8 !important;
}

.z-9 {
  z-index: 9 !important;
}

.z-10 {
  z-index: 10 !important;
}

.w-100 {
  width: 100% !important;
}

.w-100-dive > * {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.h-100-dive > * {
  height: 100% !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.box-border {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.box-border-dive > * {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.box-content {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

.box-content-dive > * {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

.m {
  margin: 20px !important;
}

.m-0 {
  margin: 0 !important;
}

.-m {
  margin: -20px !important;
}

.-m-2 {
  margin: -40px !important;
}

.-m-2-dive > * {
  margin: -40px !important;
}

.-m-1\.5 {
  margin: -30px !important;
}

.-m-1\.5-dive > * {
  margin: -30px !important;
}

.-m-0\.5 {
  margin: -10px !important;
}

.-m-0\.5-dive > * {
  margin: -10px !important;
}

.m-0\.5 {
  margin: 10px !important;
}

.m-0\.5-dive > * {
  margin: 10px !important;
}

.m-1\.5 {
  margin: 30px !important;
}

.m-1\.5-dive > * {
  margin: 30px !important;
}

.m-2 {
  margin: 40px !important;
}

.m-2-dive > * {
  margin: 40px !important;
}

.m-2\.5 {
  margin: 50px !important;
}

.m-2\.5-dive > * {
  margin: 50px !important;
}

.m-3 {
  margin: 60px !important;
}

.m-3-dive > * {
  margin: 60px !important;
}

.m-3\.5 {
  margin: 70px !important;
}

.m-3\.5-dive > * {
  margin: 70px !important;
}

.m-4 {
  margin: 80px !important;
}

.m-4-dive > * {
  margin: 80px !important;
}

.m-4\.5 {
  margin: 90px !important;
}

.m-4\.5-dive > * {
  margin: 90px !important;
}

.m-5 {
  margin: 100px !important;
}

.m-5-dive > * {
  margin: 100px !important;
}

.m-5\.5 {
  margin: 110px !important;
}

.m-5\.5-dive > * {
  margin: 110px !important;
}

.m-6 {
  margin: 120px !important;
}

.m-6-dive > * {
  margin: 120px !important;
}

.mt {
  margin-top: 20px !important;
}

.-mt {
  margin-top: -20px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.-mt-2 {
  margin-top: -40px !important;
}

.-mt-2-dive > * {
  margin-top: -40px !important;
}

.-mt-1\.5 {
  margin-top: -30px !important;
}

.-mt-1\.5-dive > * {
  margin-top: -30px !important;
}

.-mt-0\.5 {
  margin-top: -10px !important;
}

.-mt-0\.5-dive > * {
  margin-top: -10px !important;
}

.mt-0\.5 {
  margin-top: 10px !important;
}

.mt-0\.5-dive > * {
  margin-top: 10px !important;
}

.mt-1\.5 {
  margin-top: 30px !important;
}

.mt-1\.5-dive > * {
  margin-top: 30px !important;
}

.mt-2 {
  margin-top: 40px !important;
}

.mt-2-dive > * {
  margin-top: 40px !important;
}

.mt-2\.5 {
  margin-top: 50px !important;
}

.mt-2\.5-dive > * {
  margin-top: 50px !important;
}

.mt-3 {
  margin-top: 60px !important;
}

.mt-3-dive > * {
  margin-top: 60px !important;
}

.mt-3\.5 {
  margin-top: 70px !important;
}

.mt-3\.5-dive > * {
  margin-top: 70px !important;
}

.mt-4 {
  margin-top: 80px !important;
}

.mt-4-dive > * {
  margin-top: 80px !important;
}

.mt-4\.5 {
  margin-top: 90px !important;
}

.mt-4\.5-dive > * {
  margin-top: 90px !important;
}

.mt-5 {
  margin-top: 100px !important;
}

.mt-5-dive > * {
  margin-top: 100px !important;
}

.mt-5\.5 {
  margin-top: 110px !important;
}

.mt-5\.5-dive > * {
  margin-top: 110px !important;
}

.mt-6 {
  margin-top: 120px !important;
}

.mt-6-dive > * {
  margin-top: 120px !important;
}

.mt-dive > * {
  margin-top: 20px !important;
}

.mr {
  margin-right: 20px !important;
}

.-mr {
  margin-right: -20px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.-mr-2 {
  margin-right: -40px !important;
}

.-mr-2-dive > * {
  margin-right: -40px !important;
}

.-mr-1\.5 {
  margin-right: -30px !important;
}

.-mr-1\.5-dive > * {
  margin-right: -30px !important;
}

.-mr-0\.5 {
  margin-right: -10px !important;
}

.-mr-0\.5-dive > * {
  margin-right: -10px !important;
}

.mr-0\.5 {
  margin-right: 10px !important;
}

.mr-0\.5-dive > * {
  margin-right: 10px !important;
}

.mr-1\.5 {
  margin-right: 30px !important;
}

.mr-1\.5-dive > * {
  margin-right: 30px !important;
}

.mr-2 {
  margin-right: 40px !important;
}

.mr-2-dive > * {
  margin-right: 40px !important;
}

.mr-2\.5 {
  margin-right: 50px !important;
}

.mr-2\.5-dive > * {
  margin-right: 50px !important;
}

.mr-3 {
  margin-right: 60px !important;
}

.mr-3-dive > * {
  margin-right: 60px !important;
}

.mr-3\.5 {
  margin-right: 70px !important;
}

.mr-3\.5-dive > * {
  margin-right: 70px !important;
}

.mr-4 {
  margin-right: 80px !important;
}

.mr-4-dive > * {
  margin-right: 80px !important;
}

.mr-4\.5 {
  margin-right: 90px !important;
}

.mr-4\.5-dive > * {
  margin-right: 90px !important;
}

.mr-5 {
  margin-right: 100px !important;
}

.mr-5-dive > * {
  margin-right: 100px !important;
}

.mr-5\.5 {
  margin-right: 110px !important;
}

.mr-5\.5-dive > * {
  margin-right: 110px !important;
}

.mr-6 {
  margin-right: 120px !important;
}

.mr-6-dive > * {
  margin-right: 120px !important;
}

.mr-dive > * {
  margin-right: 20px !important;
}

.mb {
  margin-bottom: 20px !important;
}

.-mb {
  margin-bottom: -20px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.-mb-2 {
  margin-bottom: -40px !important;
}

.-mb-2-dive > * {
  margin-bottom: -40px !important;
}

.-mb-1\.5 {
  margin-bottom: -30px !important;
}

.-mb-1\.5-dive > * {
  margin-bottom: -30px !important;
}

.-mb-0\.5 {
  margin-bottom: -10px !important;
}

.-mb-0\.5-dive > * {
  margin-bottom: -10px !important;
}

.mb-0\.5 {
  margin-bottom: 10px !important;
}

.mb-0\.5-dive > * {
  margin-bottom: 10px !important;
}

.mb-1\.5 {
  margin-bottom: 30px !important;
}

.mb-1\.5-dive > * {
  margin-bottom: 30px !important;
}

.mb-2 {
  margin-bottom: 40px !important;
}

.mb-2-dive > * {
  margin-bottom: 40px !important;
}

.mb-2\.5 {
  margin-bottom: 50px !important;
}

.mb-2\.5-dive > * {
  margin-bottom: 50px !important;
}

.mb-3 {
  margin-bottom: 60px !important;
}

.mb-3-dive > * {
  margin-bottom: 60px !important;
}

.mb-3\.5 {
  margin-bottom: 70px !important;
}

.mb-3\.5-dive > * {
  margin-bottom: 70px !important;
}

.mb-4 {
  margin-bottom: 80px !important;
}

.mb-4-dive > * {
  margin-bottom: 80px !important;
}

.mb-4\.5 {
  margin-bottom: 90px !important;
}

.mb-4\.5-dive > * {
  margin-bottom: 90px !important;
}

.mb-5 {
  margin-bottom: 100px !important;
}

.mb-5-dive > * {
  margin-bottom: 100px !important;
}

.mb-5\.5 {
  margin-bottom: 110px !important;
}

.mb-5\.5-dive > * {
  margin-bottom: 110px !important;
}

.mb-6 {
  margin-bottom: 120px !important;
}

.mb-6-dive > * {
  margin-bottom: 120px !important;
}

.mb-dive > * {
  margin-bottom: 20px !important;
}

.ml {
  margin-left: 20px !important;
}

.-ml {
  margin-left: -20px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.-ml-2 {
  margin-left: -40px !important;
}

.-ml-2-dive > * {
  margin-left: -40px !important;
}

.-ml-1\.5 {
  margin-left: -30px !important;
}

.-ml-1\.5-dive > * {
  margin-left: -30px !important;
}

.-ml-0\.5 {
  margin-left: -10px !important;
}

.-ml-0\.5-dive > * {
  margin-left: -10px !important;
}

.ml-0\.5 {
  margin-left: 10px !important;
}

.ml-0\.5-dive > * {
  margin-left: 10px !important;
}

.ml-1\.5 {
  margin-left: 30px !important;
}

.ml-1\.5-dive > * {
  margin-left: 30px !important;
}

.ml-2 {
  margin-left: 40px !important;
}

.ml-2-dive > * {
  margin-left: 40px !important;
}

.ml-2\.5 {
  margin-left: 50px !important;
}

.ml-2\.5-dive > * {
  margin-left: 50px !important;
}

.ml-3 {
  margin-left: 60px !important;
}

.ml-3-dive > * {
  margin-left: 60px !important;
}

.ml-3\.5 {
  margin-left: 70px !important;
}

.ml-3\.5-dive > * {
  margin-left: 70px !important;
}

.ml-4 {
  margin-left: 80px !important;
}

.ml-4-dive > * {
  margin-left: 80px !important;
}

.ml-4\.5 {
  margin-left: 90px !important;
}

.ml-4\.5-dive > * {
  margin-left: 90px !important;
}

.ml-5 {
  margin-left: 100px !important;
}

.ml-5-dive > * {
  margin-left: 100px !important;
}

.ml-5\.5 {
  margin-left: 110px !important;
}

.ml-5\.5-dive > * {
  margin-left: 110px !important;
}

.ml-6 {
  margin-left: 120px !important;
}

.ml-6-dive > * {
  margin-left: 120px !important;
}

.ml-dive > * {
  margin-left: 20px !important;
}

.m-dive > * {
  margin: 20px !important;
}

.my {
  margin-top: 20px !important;
}

.my-0 {
  margin-top: 0 !important;
}

.-my {
  margin-top: -20px !important;
}

.-my-2 {
  margin-top: -40px !important;
}

.-my-2-dive > * {
  margin-top: -40px !important;
}

.-my-1\.5 {
  margin-top: -30px !important;
}

.-my-1\.5-dive > * {
  margin-top: -30px !important;
}

.-my-0\.5 {
  margin-top: -10px !important;
}

.-my-0\.5-dive > * {
  margin-top: -10px !important;
}

.my-0\.5 {
  margin-top: 10px !important;
}

.my-0\.5-dive > * {
  margin-top: 10px !important;
}

.my-1\.5 {
  margin-top: 30px !important;
}

.my-1\.5-dive > * {
  margin-top: 30px !important;
}

.my-2 {
  margin-top: 40px !important;
}

.my-2-dive > * {
  margin-top: 40px !important;
}

.my-2\.5 {
  margin-top: 50px !important;
}

.my-2\.5-dive > * {
  margin-top: 50px !important;
}

.my-3 {
  margin-top: 60px !important;
}

.my-3-dive > * {
  margin-top: 60px !important;
}

.my-3\.5 {
  margin-top: 70px !important;
}

.my-3\.5-dive > * {
  margin-top: 70px !important;
}

.my-4 {
  margin-top: 80px !important;
}

.my-4-dive > * {
  margin-top: 80px !important;
}

.my-4\.5 {
  margin-top: 90px !important;
}

.my-4\.5-dive > * {
  margin-top: 90px !important;
}

.my-5 {
  margin-top: 100px !important;
}

.my-5-dive > * {
  margin-top: 100px !important;
}

.my-5\.5 {
  margin-top: 110px !important;
}

.my-5\.5-dive > * {
  margin-top: 110px !important;
}

.my-6 {
  margin-top: 120px !important;
}

.my-6-dive > * {
  margin-top: 120px !important;
}

.my-dive > * {
  margin-top: 20px !important;
}

.my {
  margin-bottom: 20px !important;
}

.my-0 {
  margin-bottom: 0 !important;
}

.-my {
  margin-bottom: -20px !important;
}

.-my-2 {
  margin-bottom: -40px !important;
}

.-my-2-dive > * {
  margin-bottom: -40px !important;
}

.-my-1\.5 {
  margin-bottom: -30px !important;
}

.-my-1\.5-dive > * {
  margin-bottom: -30px !important;
}

.-my-0\.5 {
  margin-bottom: -10px !important;
}

.-my-0\.5-dive > * {
  margin-bottom: -10px !important;
}

.my-0\.5 {
  margin-bottom: 10px !important;
}

.my-0\.5-dive > * {
  margin-bottom: 10px !important;
}

.my-1\.5 {
  margin-bottom: 30px !important;
}

.my-1\.5-dive > * {
  margin-bottom: 30px !important;
}

.my-2 {
  margin-bottom: 40px !important;
}

.my-2-dive > * {
  margin-bottom: 40px !important;
}

.my-2\.5 {
  margin-bottom: 50px !important;
}

.my-2\.5-dive > * {
  margin-bottom: 50px !important;
}

.my-3 {
  margin-bottom: 60px !important;
}

.my-3-dive > * {
  margin-bottom: 60px !important;
}

.my-3\.5 {
  margin-bottom: 70px !important;
}

.my-3\.5-dive > * {
  margin-bottom: 70px !important;
}

.my-4 {
  margin-bottom: 80px !important;
}

.my-4-dive > * {
  margin-bottom: 80px !important;
}

.my-4\.5 {
  margin-bottom: 90px !important;
}

.my-4\.5-dive > * {
  margin-bottom: 90px !important;
}

.my-5 {
  margin-bottom: 100px !important;
}

.my-5-dive > * {
  margin-bottom: 100px !important;
}

.my-5\.5 {
  margin-bottom: 110px !important;
}

.my-5\.5-dive > * {
  margin-bottom: 110px !important;
}

.my-6 {
  margin-bottom: 120px !important;
}

.my-6-dive > * {
  margin-bottom: 120px !important;
}

.my-dive > * {
  margin-bottom: 20px !important;
}

.mx {
  margin-left: 20px !important;
}

.mx-0 {
  margin-left: 0 !important;
}

.-mx {
  margin-left: -20px !important;
}

.-mx-2 {
  margin-left: -40px !important;
}

.-mx-2-dive > * {
  margin-left: -40px !important;
}

.-mx-1\.5 {
  margin-left: -30px !important;
}

.-mx-1\.5-dive > * {
  margin-left: -30px !important;
}

.-mx-0\.5 {
  margin-left: -10px !important;
}

.-mx-0\.5-dive > * {
  margin-left: -10px !important;
}

.mx-0\.5 {
  margin-left: 10px !important;
}

.mx-0\.5-dive > * {
  margin-left: 10px !important;
}

.mx-1\.5 {
  margin-left: 30px !important;
}

.mx-1\.5-dive > * {
  margin-left: 30px !important;
}

.mx-2 {
  margin-left: 40px !important;
}

.mx-2-dive > * {
  margin-left: 40px !important;
}

.mx-2\.5 {
  margin-left: 50px !important;
}

.mx-2\.5-dive > * {
  margin-left: 50px !important;
}

.mx-3 {
  margin-left: 60px !important;
}

.mx-3-dive > * {
  margin-left: 60px !important;
}

.mx-3\.5 {
  margin-left: 70px !important;
}

.mx-3\.5-dive > * {
  margin-left: 70px !important;
}

.mx-4 {
  margin-left: 80px !important;
}

.mx-4-dive > * {
  margin-left: 80px !important;
}

.mx-4\.5 {
  margin-left: 90px !important;
}

.mx-4\.5-dive > * {
  margin-left: 90px !important;
}

.mx-5 {
  margin-left: 100px !important;
}

.mx-5-dive > * {
  margin-left: 100px !important;
}

.mx-5\.5 {
  margin-left: 110px !important;
}

.mx-5\.5-dive > * {
  margin-left: 110px !important;
}

.mx-6 {
  margin-left: 120px !important;
}

.mx-6-dive > * {
  margin-left: 120px !important;
}

.mx-dive > * {
  margin-left: 20px !important;
}

.mx {
  margin-right: 20px !important;
}

.mx-0 {
  margin-right: 0 !important;
}

.-mx {
  margin-right: -20px !important;
}

.-mx-2 {
  margin-right: -40px !important;
}

.-mx-2-dive > * {
  margin-right: -40px !important;
}

.-mx-1\.5 {
  margin-right: -30px !important;
}

.-mx-1\.5-dive > * {
  margin-right: -30px !important;
}

.-mx-0\.5 {
  margin-right: -10px !important;
}

.-mx-0\.5-dive > * {
  margin-right: -10px !important;
}

.mx-0\.5 {
  margin-right: 10px !important;
}

.mx-0\.5-dive > * {
  margin-right: 10px !important;
}

.mx-1\.5 {
  margin-right: 30px !important;
}

.mx-1\.5-dive > * {
  margin-right: 30px !important;
}

.mx-2 {
  margin-right: 40px !important;
}

.mx-2-dive > * {
  margin-right: 40px !important;
}

.mx-2\.5 {
  margin-right: 50px !important;
}

.mx-2\.5-dive > * {
  margin-right: 50px !important;
}

.mx-3 {
  margin-right: 60px !important;
}

.mx-3-dive > * {
  margin-right: 60px !important;
}

.mx-3\.5 {
  margin-right: 70px !important;
}

.mx-3\.5-dive > * {
  margin-right: 70px !important;
}

.mx-4 {
  margin-right: 80px !important;
}

.mx-4-dive > * {
  margin-right: 80px !important;
}

.mx-4\.5 {
  margin-right: 90px !important;
}

.mx-4\.5-dive > * {
  margin-right: 90px !important;
}

.mx-5 {
  margin-right: 100px !important;
}

.mx-5-dive > * {
  margin-right: 100px !important;
}

.mx-5\.5 {
  margin-right: 110px !important;
}

.mx-5\.5-dive > * {
  margin-right: 110px !important;
}

.mx-6 {
  margin-right: 120px !important;
}

.mx-6-dive > * {
  margin-right: 120px !important;
}

.mx-dive > * {
  margin-right: 20px !important;
}

.p {
  padding: 20px !important;
}

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

.-p-2 {
  padding: -40px !important;
}

.-p-2-dive > * {
  padding: -40px !important;
}

.-p-1\.5 {
  padding: -30px !important;
}

.-p-1\.5-dive > * {
  padding: -30px !important;
}

.-p-0\.5 {
  padding: -10px !important;
}

.-p-0\.5-dive > * {
  padding: -10px !important;
}

.p-0\.5 {
  padding: 10px !important;
}

.p-0\.5-dive > * {
  padding: 10px !important;
}

.p-1\.5 {
  padding: 30px !important;
}

.p-1\.5-dive > * {
  padding: 30px !important;
}

.p-2 {
  padding: 40px !important;
}

.p-2-dive > * {
  padding: 40px !important;
}

.p-2\.5 {
  padding: 50px !important;
}

.p-2\.5-dive > * {
  padding: 50px !important;
}

.p-3 {
  padding: 60px !important;
}

.p-3-dive > * {
  padding: 60px !important;
}

.p-3\.5 {
  padding: 70px !important;
}

.p-3\.5-dive > * {
  padding: 70px !important;
}

.p-4 {
  padding: 80px !important;
}

.p-4-dive > * {
  padding: 80px !important;
}

.p-4\.5 {
  padding: 90px !important;
}

.p-4\.5-dive > * {
  padding: 90px !important;
}

.p-5 {
  padding: 100px !important;
}

.p-5-dive > * {
  padding: 100px !important;
}

.p-5\.5 {
  padding: 110px !important;
}

.p-5\.5-dive > * {
  padding: 110px !important;
}

.p-6 {
  padding: 120px !important;
}

.p-6-dive > * {
  padding: 120px !important;
}

.pt {
  padding-top: 20px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.-pt-2 {
  padding-top: -40px !important;
}

.-pt-2-dive > * {
  padding-top: -40px !important;
}

.-pt-1\.5 {
  padding-top: -30px !important;
}

.-pt-1\.5-dive > * {
  padding-top: -30px !important;
}

.-pt-0\.5 {
  padding-top: -10px !important;
}

.-pt-0\.5-dive > * {
  padding-top: -10px !important;
}

.pt-0\.5 {
  padding-top: 10px !important;
}

.pt-0\.5-dive > * {
  padding-top: 10px !important;
}

.pt-1\.5 {
  padding-top: 30px !important;
}

.pt-1\.5-dive > * {
  padding-top: 30px !important;
}

.pt-2 {
  padding-top: 40px !important;
}

.pt-2-dive > * {
  padding-top: 40px !important;
}

.pt-2\.5 {
  padding-top: 50px !important;
}

.pt-2\.5-dive > * {
  padding-top: 50px !important;
}

.pt-3 {
  padding-top: 60px !important;
}

.pt-3-dive > * {
  padding-top: 60px !important;
}

.pt-3\.5 {
  padding-top: 70px !important;
}

.pt-3\.5-dive > * {
  padding-top: 70px !important;
}

.pt-4 {
  padding-top: 80px !important;
}

.pt-4-dive > * {
  padding-top: 80px !important;
}

.pt-4\.5 {
  padding-top: 90px !important;
}

.pt-4\.5-dive > * {
  padding-top: 90px !important;
}

.pt-5 {
  padding-top: 100px !important;
}

.pt-5-dive > * {
  padding-top: 100px !important;
}

.pt-5\.5 {
  padding-top: 110px !important;
}

.pt-5\.5-dive > * {
  padding-top: 110px !important;
}

.pt-6 {
  padding-top: 120px !important;
}

.pt-6-dive > * {
  padding-top: 120px !important;
}

.pt-dive > * {
  padding-top: 20px !important;
}

.pr {
  padding-right: 20px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.-pr-2 {
  padding-right: -40px !important;
}

.-pr-2-dive > * {
  padding-right: -40px !important;
}

.-pr-1\.5 {
  padding-right: -30px !important;
}

.-pr-1\.5-dive > * {
  padding-right: -30px !important;
}

.-pr-0\.5 {
  padding-right: -10px !important;
}

.-pr-0\.5-dive > * {
  padding-right: -10px !important;
}

.pr-0\.5 {
  padding-right: 10px !important;
}

.pr-0\.5-dive > * {
  padding-right: 10px !important;
}

.pr-1\.5 {
  padding-right: 30px !important;
}

.pr-1\.5-dive > * {
  padding-right: 30px !important;
}

.pr-2 {
  padding-right: 40px !important;
}

.pr-2-dive > * {
  padding-right: 40px !important;
}

.pr-2\.5 {
  padding-right: 50px !important;
}

.pr-2\.5-dive > * {
  padding-right: 50px !important;
}

.pr-3 {
  padding-right: 60px !important;
}

.pr-3-dive > * {
  padding-right: 60px !important;
}

.pr-3\.5 {
  padding-right: 70px !important;
}

.pr-3\.5-dive > * {
  padding-right: 70px !important;
}

.pr-4 {
  padding-right: 80px !important;
}

.pr-4-dive > * {
  padding-right: 80px !important;
}

.pr-4\.5 {
  padding-right: 90px !important;
}

.pr-4\.5-dive > * {
  padding-right: 90px !important;
}

.pr-5 {
  padding-right: 100px !important;
}

.pr-5-dive > * {
  padding-right: 100px !important;
}

.pr-5\.5 {
  padding-right: 110px !important;
}

.pr-5\.5-dive > * {
  padding-right: 110px !important;
}

.pr-6 {
  padding-right: 120px !important;
}

.pr-6-dive > * {
  padding-right: 120px !important;
}

.pr-dive > * {
  padding-right: 20px !important;
}

.pb {
  padding-bottom: 20px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.-pb-2 {
  padding-bottom: -40px !important;
}

.-pb-2-dive > * {
  padding-bottom: -40px !important;
}

.-pb-1\.5 {
  padding-bottom: -30px !important;
}

.-pb-1\.5-dive > * {
  padding-bottom: -30px !important;
}

.-pb-0\.5 {
  padding-bottom: -10px !important;
}

.-pb-0\.5-dive > * {
  padding-bottom: -10px !important;
}

.pb-0\.5 {
  padding-bottom: 10px !important;
}

.pb-0\.5-dive > * {
  padding-bottom: 10px !important;
}

.pb-1\.5 {
  padding-bottom: 30px !important;
}

.pb-1\.5-dive > * {
  padding-bottom: 30px !important;
}

.pb-2 {
  padding-bottom: 40px !important;
}

.pb-2-dive > * {
  padding-bottom: 40px !important;
}

.pb-2\.5 {
  padding-bottom: 50px !important;
}

.pb-2\.5-dive > * {
  padding-bottom: 50px !important;
}

.pb-3 {
  padding-bottom: 60px !important;
}

.pb-3-dive > * {
  padding-bottom: 60px !important;
}

.pb-3\.5 {
  padding-bottom: 70px !important;
}

.pb-3\.5-dive > * {
  padding-bottom: 70px !important;
}

.pb-4 {
  padding-bottom: 80px !important;
}

.pb-4-dive > * {
  padding-bottom: 80px !important;
}

.pb-4\.5 {
  padding-bottom: 90px !important;
}

.pb-4\.5-dive > * {
  padding-bottom: 90px !important;
}

.pb-5 {
  padding-bottom: 100px !important;
}

.pb-5-dive > * {
  padding-bottom: 100px !important;
}

.pb-5\.5 {
  padding-bottom: 110px !important;
}

.pb-5\.5-dive > * {
  padding-bottom: 110px !important;
}

.pb-6 {
  padding-bottom: 120px !important;
}

.pb-6-dive > * {
  padding-bottom: 120px !important;
}

.pb-dive > * {
  padding-bottom: 20px !important;
}

.pl {
  padding-left: 20px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.-pl-2 {
  padding-left: -40px !important;
}

.-pl-2-dive > * {
  padding-left: -40px !important;
}

.-pl-1\.5 {
  padding-left: -30px !important;
}

.-pl-1\.5-dive > * {
  padding-left: -30px !important;
}

.-pl-0\.5 {
  padding-left: -10px !important;
}

.-pl-0\.5-dive > * {
  padding-left: -10px !important;
}

.pl-0\.5 {
  padding-left: 10px !important;
}

.pl-0\.5-dive > * {
  padding-left: 10px !important;
}

.pl-1\.5 {
  padding-left: 30px !important;
}

.pl-1\.5-dive > * {
  padding-left: 30px !important;
}

.pl-2 {
  padding-left: 40px !important;
}

.pl-2-dive > * {
  padding-left: 40px !important;
}

.pl-2\.5 {
  padding-left: 50px !important;
}

.pl-2\.5-dive > * {
  padding-left: 50px !important;
}

.pl-3 {
  padding-left: 60px !important;
}

.pl-3-dive > * {
  padding-left: 60px !important;
}

.pl-3\.5 {
  padding-left: 70px !important;
}

.pl-3\.5-dive > * {
  padding-left: 70px !important;
}

.pl-4 {
  padding-left: 80px !important;
}

.pl-4-dive > * {
  padding-left: 80px !important;
}

.pl-4\.5 {
  padding-left: 90px !important;
}

.pl-4\.5-dive > * {
  padding-left: 90px !important;
}

.pl-5 {
  padding-left: 100px !important;
}

.pl-5-dive > * {
  padding-left: 100px !important;
}

.pl-5\.5 {
  padding-left: 110px !important;
}

.pl-5\.5-dive > * {
  padding-left: 110px !important;
}

.pl-6 {
  padding-left: 120px !important;
}

.pl-6-dive > * {
  padding-left: 120px !important;
}

.pl-dive > * {
  padding-left: 20px !important;
}

.p-dive > * {
  padding: 20px !important;
}

.py {
  padding-top: 20px !important;
}

.py-0 {
  padding-top: 0 !important;
}

.-py-2 {
  padding-top: -40px !important;
}

.-py-2-dive > * {
  padding-top: -40px !important;
}

.-py-1\.5 {
  padding-top: -30px !important;
}

.-py-1\.5-dive > * {
  padding-top: -30px !important;
}

.-py-0\.5 {
  padding-top: -10px !important;
}

.-py-0\.5-dive > * {
  padding-top: -10px !important;
}

.py-0\.5 {
  padding-top: 10px !important;
}

.py-0\.5-dive > * {
  padding-top: 10px !important;
}

.py-1\.5 {
  padding-top: 30px !important;
}

.py-1\.5-dive > * {
  padding-top: 30px !important;
}

.py-2 {
  padding-top: 40px !important;
}

.py-2-dive > * {
  padding-top: 40px !important;
}

.py-2\.5 {
  padding-top: 50px !important;
}

.py-2\.5-dive > * {
  padding-top: 50px !important;
}

.py-3 {
  padding-top: 60px !important;
}

.py-3-dive > * {
  padding-top: 60px !important;
}

.py-3\.5 {
  padding-top: 70px !important;
}

.py-3\.5-dive > * {
  padding-top: 70px !important;
}

.py-4 {
  padding-top: 80px !important;
}

.py-4-dive > * {
  padding-top: 80px !important;
}

.py-4\.5 {
  padding-top: 90px !important;
}

.py-4\.5-dive > * {
  padding-top: 90px !important;
}

.py-5 {
  padding-top: 100px !important;
}

.py-5-dive > * {
  padding-top: 100px !important;
}

.py-5\.5 {
  padding-top: 110px !important;
}

.py-5\.5-dive > * {
  padding-top: 110px !important;
}

.py-6 {
  padding-top: 120px !important;
}

.py-6-dive > * {
  padding-top: 120px !important;
}

.py-dive > * {
  padding-top: 20px !important;
}

.py {
  padding-bottom: 20px !important;
}

.py-0 {
  padding-bottom: 0 !important;
}

.-py-2 {
  padding-bottom: -40px !important;
}

.-py-2-dive > * {
  padding-bottom: -40px !important;
}

.-py-1\.5 {
  padding-bottom: -30px !important;
}

.-py-1\.5-dive > * {
  padding-bottom: -30px !important;
}

.-py-0\.5 {
  padding-bottom: -10px !important;
}

.-py-0\.5-dive > * {
  padding-bottom: -10px !important;
}

.py-0\.5 {
  padding-bottom: 10px !important;
}

.py-0\.5-dive > * {
  padding-bottom: 10px !important;
}

.py-1\.5 {
  padding-bottom: 30px !important;
}

.py-1\.5-dive > * {
  padding-bottom: 30px !important;
}

.py-2 {
  padding-bottom: 40px !important;
}

.py-2-dive > * {
  padding-bottom: 40px !important;
}

.py-2\.5 {
  padding-bottom: 50px !important;
}

.py-2\.5-dive > * {
  padding-bottom: 50px !important;
}

.py-3 {
  padding-bottom: 60px !important;
}

.py-3-dive > * {
  padding-bottom: 60px !important;
}

.py-3\.5 {
  padding-bottom: 70px !important;
}

.py-3\.5-dive > * {
  padding-bottom: 70px !important;
}

.py-4 {
  padding-bottom: 80px !important;
}

.py-4-dive > * {
  padding-bottom: 80px !important;
}

.py-4\.5 {
  padding-bottom: 90px !important;
}

.py-4\.5-dive > * {
  padding-bottom: 90px !important;
}

.py-5 {
  padding-bottom: 100px !important;
}

.py-5-dive > * {
  padding-bottom: 100px !important;
}

.py-5\.5 {
  padding-bottom: 110px !important;
}

.py-5\.5-dive > * {
  padding-bottom: 110px !important;
}

.py-6 {
  padding-bottom: 120px !important;
}

.py-6-dive > * {
  padding-bottom: 120px !important;
}

.py-dive > * {
  padding-bottom: 20px !important;
}

.px {
  padding-left: 20px !important;
}

.px-0 {
  padding-left: 0 !important;
}

.-px-2 {
  padding-left: -40px !important;
}

.-px-2-dive > * {
  padding-left: -40px !important;
}

.-px-1\.5 {
  padding-left: -30px !important;
}

.-px-1\.5-dive > * {
  padding-left: -30px !important;
}

.-px-0\.5 {
  padding-left: -10px !important;
}

.-px-0\.5-dive > * {
  padding-left: -10px !important;
}

.px-0\.5 {
  padding-left: 10px !important;
}

.px-0\.5-dive > * {
  padding-left: 10px !important;
}

.px-1\.5 {
  padding-left: 30px !important;
}

.px-1\.5-dive > * {
  padding-left: 30px !important;
}

.px-2 {
  padding-left: 40px !important;
}

.px-2-dive > * {
  padding-left: 40px !important;
}

.px-2\.5 {
  padding-left: 50px !important;
}

.px-2\.5-dive > * {
  padding-left: 50px !important;
}

.px-3 {
  padding-left: 60px !important;
}

.px-3-dive > * {
  padding-left: 60px !important;
}

.px-3\.5 {
  padding-left: 70px !important;
}

.px-3\.5-dive > * {
  padding-left: 70px !important;
}

.px-4 {
  padding-left: 80px !important;
}

.px-4-dive > * {
  padding-left: 80px !important;
}

.px-4\.5 {
  padding-left: 90px !important;
}

.px-4\.5-dive > * {
  padding-left: 90px !important;
}

.px-5 {
  padding-left: 100px !important;
}

.px-5-dive > * {
  padding-left: 100px !important;
}

.px-5\.5 {
  padding-left: 110px !important;
}

.px-5\.5-dive > * {
  padding-left: 110px !important;
}

.px-6 {
  padding-left: 120px !important;
}

.px-6-dive > * {
  padding-left: 120px !important;
}

.px-dive > * {
  padding-left: 20px !important;
}

.px {
  padding-right: 20px !important;
}

.px-0 {
  padding-right: 0 !important;
}

.-px-2 {
  padding-right: -40px !important;
}

.-px-2-dive > * {
  padding-right: -40px !important;
}

.-px-1\.5 {
  padding-right: -30px !important;
}

.-px-1\.5-dive > * {
  padding-right: -30px !important;
}

.-px-0\.5 {
  padding-right: -10px !important;
}

.-px-0\.5-dive > * {
  padding-right: -10px !important;
}

.px-0\.5 {
  padding-right: 10px !important;
}

.px-0\.5-dive > * {
  padding-right: 10px !important;
}

.px-1\.5 {
  padding-right: 30px !important;
}

.px-1\.5-dive > * {
  padding-right: 30px !important;
}

.px-2 {
  padding-right: 40px !important;
}

.px-2-dive > * {
  padding-right: 40px !important;
}

.px-2\.5 {
  padding-right: 50px !important;
}

.px-2\.5-dive > * {
  padding-right: 50px !important;
}

.px-3 {
  padding-right: 60px !important;
}

.px-3-dive > * {
  padding-right: 60px !important;
}

.px-3\.5 {
  padding-right: 70px !important;
}

.px-3\.5-dive > * {
  padding-right: 70px !important;
}

.px-4 {
  padding-right: 80px !important;
}

.px-4-dive > * {
  padding-right: 80px !important;
}

.px-4\.5 {
  padding-right: 90px !important;
}

.px-4\.5-dive > * {
  padding-right: 90px !important;
}

.px-5 {
  padding-right: 100px !important;
}

.px-5-dive > * {
  padding-right: 100px !important;
}

.px-5\.5 {
  padding-right: 110px !important;
}

.px-5\.5-dive > * {
  padding-right: 110px !important;
}

.px-6 {
  padding-right: 120px !important;
}

.px-6-dive > * {
  padding-right: 120px !important;
}

.px-dive > * {
  padding-right: 20px !important;
}

.border-radius {
  border-radius: 4px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.border-radius-2 {
  border-radius: 8px !important;
}

.border-radius-3 {
  border-radius: 12px !important;
}

.border-radius-4 {
  border-radius: 16px !important;
}

.border-radius-5 {
  border-radius: 20px !important;
}

.border-round {
  border-radius: 50% !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border {
  border-width: 1px !important;
}

.border-0 {
  border-width: 0 !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-none {
  border: none !important;
}

.border-t-solid {
  border-top-style: solid !important;
}

.border-b-solid {
  border-bottom-style: solid !important;
}

.border-l-solid {
  border-left-style: solid !important;
}

.border-r-solid {
  border-right-style: solid !important;
}

.border-t-dashed {
  border-top-style: dashed !important;
}

.border-b-dashed {
  border-bottom-style: dashed !important;
}

.border-l-dashed {
  border-left-style: dashed !important;
}

.border-r-dashed {
  border-right-style: dashed !important;
}

.border-t {
  border-top-width: 0.1rem !important;
}

.border-t-0 {
  border-top-width: 0 !important;
}

.border-t-2 {
  border-top-width: 0.2rem !important;
}

.border-t-3 {
  border-top-width: 0.3rem !important;
}

.border-t-4 {
  border-top-width: 0.4rem !important;
}

.border-t-5 {
  border-top-width: 0.5rem !important;
}

.border-b {
  border-bottom-width: 0.1rem !important;
}

.border-b-0 {
  border-bottom-width: 0 !important;
}

.border-b-2 {
  border-bottom-width: 0.2rem !important;
}

.border-b-3 {
  border-bottom-width: 0.3rem !important;
}

.border-b-4 {
  border-bottom-width: 0.4rem !important;
}

.border-b-5 {
  border-bottom-width: 0.5rem !important;
}

.border-l {
  border-left-width: 0.1rem !important;
}

.border-l-0 {
  border-left-width: 0 !important;
}

.border-l-2 {
  border-left-width: 0.2rem !important;
}

.border-l-3 {
  border-left-width: 0.3rem !important;
}

.border-l-4 {
  border-left-width: 0.4rem !important;
}

.border-l-5 {
  border-left-width: 0.5rem !important;
}

.border-r {
  border-right-width: 0.1rem !important;
}

.border-r-0 {
  border-right-width: 0 !important;
}

.border-r-2 {
  border-right-width: 0.2rem !important;
}

.border-r-3 {
  border-right-width: 0.3rem !important;
}

.border-r-4 {
  border-right-width: 0.4rem !important;
}

.border-r-5 {
  border-right-width: 0.5rem !important;
}

.text {
  font-size: 1rem !important;
}

.italic {
  font-style: italic !important;
}

.not-italic {
  font-style: normal !important;
}

.underline {
  text-decoration: underline !important;
}

.line-through {
  text-decoration: line-through !important;
}

.no-underline {
  text-decoration: none !important;
}

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

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.normal-case {
  text-transform: none !important;
}

.leading {
  line-height: 1 !important;
}

.leading-0 {
  line-height: 0 !important;
}

.leading-1\.25 {
  line-height: 1.25 !important;
}

.leading-1\.5 {
  line-height: 1.5 !important;
}

.leading-1\.75 {
  line-height: 1.75 !important;
}

.leading-2 {
  line-height: 2 !important;
}

.tracking-0\.1 {
  letter-spacing: 0.1em !important;
}

.whitespace-normal {
  white-space: normal !important;
}

.whitespace-no-wrap {
  white-space: nowrap !important;
}

.whitespace-pre {
  white-space: pre !important;
}

.whitespace-pre-line {
  white-space: pre-line !important;
}

.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.break-normal {
  overflow-wrap: normal !important;
}

.break-normal {
  word-break: normal !important;
}

.break-words {
  overflow-wrap: break-word !important;
}

.break-all {
  word-break: break-all !important;
}

.truncate {
  overflow: hidden !important;
}

.truncate {
  text-overflow: ellipsis !important;
}

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

.list-none {
  list-style-type: none !important;
}

.list-disc {
  list-style-type: disc !important;
}

.list-decimal {
  list-style-type: decimal !important;
}

.list-inside {
  list-style-position: inside !important;
}

.list-outside {
  list-style-position: outside !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.opacity {
  opacity: 1 !important;
}

.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.outline-none {
  outline: none !important;
}

.outline-white {
  outline: 0.1rem dotted white !important;
}

.outline-white {
  outline-offset: 0.1rem !important;
}

.outline-black {
  outline: 0.1rem dotted black !important;
}

.outline-black {
  outline-offset: 0.1rem !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.pointer-events-all {
  pointer-events: all !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
}

.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.color-0 {
  color: white !important;
}

.hover\:color-0:hover {
  color: white !important;
}

.visited\:color-0:visited {
  color: white !important;
}

.focus\:color-0:focus {
  color: white !important;
}

.active\:color-0:active {
  color: white !important;
}

.fill-0 {
  fill: white !important;
}

.hover\:fill-0:hover {
  fill: white !important;
}

.focus\:fill-0:focus {
  fill: white !important;
}

.active\:fill-0:active {
  fill: white !important;
}

.bg-0 {
  background-color: white !important;
}

.hover\:bg-0:hover {
  background-color: white !important;
}

.focus\:bg-0:focus {
  background-color: white !important;
}

.active\:bg-0:active {
  background-color: white !important;
}

.border-color-0 {
  border-color: white !important;
}

.border-t-color-0 {
  border-top-color: white !important;
}

.border-b-color-0 {
  border-bottom-color: white !important;
}

.border-l-color-0 {
  border-left-color: white !important;
}

.border-r-color-0 {
  border-right-color: white !important;
}

.color-1 {
  color: #333333 !important;
}

.hover\:color-1:hover {
  color: #333333 !important;
}

.visited\:color-1:visited {
  color: #333333 !important;
}

.focus\:color-1:focus {
  color: #333333 !important;
}

.active\:color-1:active {
  color: #333333 !important;
}

.fill-1 {
  fill: #333333 !important;
}

.hover\:fill-1:hover {
  fill: #333333 !important;
}

.focus\:fill-1:focus {
  fill: #333333 !important;
}

.active\:fill-1:active {
  fill: #333333 !important;
}

.bg-1 {
  background-color: #333333 !important;
}

.hover\:bg-1:hover {
  background-color: #333333 !important;
}

.focus\:bg-1:focus {
  background-color: #333333 !important;
}

.active\:bg-1:active {
  background-color: #333333 !important;
}

.border-color-1 {
  border-color: #333333 !important;
}

.border-t-color-1 {
  border-top-color: #333333 !important;
}

.border-b-color-1 {
  border-bottom-color: #333333 !important;
}

.border-l-color-1 {
  border-left-color: #333333 !important;
}

.border-r-color-1 {
  border-right-color: #333333 !important;
}

.color-2 {
  color: #297f7f !important;
}

.hover\:color-2:hover {
  color: #297f7f !important;
}

.visited\:color-2:visited {
  color: #297f7f !important;
}

.focus\:color-2:focus {
  color: #297f7f !important;
}

.active\:color-2:active {
  color: #297f7f !important;
}

.fill-2 {
  fill: #297f7f !important;
}

.hover\:fill-2:hover {
  fill: #297f7f !important;
}

.focus\:fill-2:focus {
  fill: #297f7f !important;
}

.active\:fill-2:active {
  fill: #297f7f !important;
}

.bg-2 {
  background-color: #297f7f !important;
}

.hover\:bg-2:hover {
  background-color: #297f7f !important;
}

.focus\:bg-2:focus {
  background-color: #297f7f !important;
}

.active\:bg-2:active {
  background-color: #297f7f !important;
}

.border-color-2 {
  border-color: #297f7f !important;
}

.border-t-color-2 {
  border-top-color: #297f7f !important;
}

.border-b-color-2 {
  border-bottom-color: #297f7f !important;
}

.border-l-color-2 {
  border-left-color: #297f7f !important;
}

.border-r-color-2 {
  border-right-color: #297f7f !important;
}

.color-3 {
  color: #563091 !important;
}

.hover\:color-3:hover {
  color: #563091 !important;
}

.visited\:color-3:visited {
  color: #563091 !important;
}

.focus\:color-3:focus {
  color: #563091 !important;
}

.active\:color-3:active {
  color: #563091 !important;
}

.fill-3 {
  fill: #563091 !important;
}

.hover\:fill-3:hover {
  fill: #563091 !important;
}

.focus\:fill-3:focus {
  fill: #563091 !important;
}

.active\:fill-3:active {
  fill: #563091 !important;
}

.bg-3 {
  background-color: #563091 !important;
}

.hover\:bg-3:hover {
  background-color: #563091 !important;
}

.focus\:bg-3:focus {
  background-color: #563091 !important;
}

.active\:bg-3:active {
  background-color: #563091 !important;
}

.border-color-3 {
  border-color: #563091 !important;
}

.border-t-color-3 {
  border-top-color: #563091 !important;
}

.border-b-color-3 {
  border-bottom-color: #563091 !important;
}

.border-l-color-3 {
  border-left-color: #563091 !important;
}

.border-r-color-3 {
  border-right-color: #563091 !important;
}

.color-4 {
  color: #38abab !important;
}

.hover\:color-4:hover {
  color: #38abab !important;
}

.visited\:color-4:visited {
  color: #38abab !important;
}

.focus\:color-4:focus {
  color: #38abab !important;
}

.active\:color-4:active {
  color: #38abab !important;
}

.fill-4 {
  fill: #38abab !important;
}

.hover\:fill-4:hover {
  fill: #38abab !important;
}

.focus\:fill-4:focus {
  fill: #38abab !important;
}

.active\:fill-4:active {
  fill: #38abab !important;
}

.bg-4 {
  background-color: #38abab !important;
}

.hover\:bg-4:hover {
  background-color: #38abab !important;
}

.focus\:bg-4:focus {
  background-color: #38abab !important;
}

.active\:bg-4:active {
  background-color: #38abab !important;
}

.border-color-4 {
  border-color: #38abab !important;
}

.border-t-color-4 {
  border-top-color: #38abab !important;
}

.border-b-color-4 {
  border-bottom-color: #38abab !important;
}

.border-l-color-4 {
  border-left-color: #38abab !important;
}

.border-r-color-4 {
  border-right-color: #38abab !important;
}

.color-5 {
  color: #774bbc !important;
}

.hover\:color-5:hover {
  color: #774bbc !important;
}

.visited\:color-5:visited {
  color: #774bbc !important;
}

.focus\:color-5:focus {
  color: #774bbc !important;
}

.active\:color-5:active {
  color: #774bbc !important;
}

.fill-5 {
  fill: #774bbc !important;
}

.hover\:fill-5:hover {
  fill: #774bbc !important;
}

.focus\:fill-5:focus {
  fill: #774bbc !important;
}

.active\:fill-5:active {
  fill: #774bbc !important;
}

.bg-5 {
  background-color: #774bbc !important;
}

.hover\:bg-5:hover {
  background-color: #774bbc !important;
}

.focus\:bg-5:focus {
  background-color: #774bbc !important;
}

.active\:bg-5:active {
  background-color: #774bbc !important;
}

.border-color-5 {
  border-color: #774bbc !important;
}

.border-t-color-5 {
  border-top-color: #774bbc !important;
}

.border-b-color-5 {
  border-bottom-color: #774bbc !important;
}

.border-l-color-5 {
  border-left-color: #774bbc !important;
}

.border-r-color-5 {
  border-right-color: #774bbc !important;
}

.color-6 {
  color: #c8b3e8 !important;
}

.hover\:color-6:hover {
  color: #c8b3e8 !important;
}

.visited\:color-6:visited {
  color: #c8b3e8 !important;
}

.focus\:color-6:focus {
  color: #c8b3e8 !important;
}

.active\:color-6:active {
  color: #c8b3e8 !important;
}

.fill-6 {
  fill: #c8b3e8 !important;
}

.hover\:fill-6:hover {
  fill: #c8b3e8 !important;
}

.focus\:fill-6:focus {
  fill: #c8b3e8 !important;
}

.active\:fill-6:active {
  fill: #c8b3e8 !important;
}

.bg-6 {
  background-color: #c8b3e8 !important;
}

.hover\:bg-6:hover {
  background-color: #c8b3e8 !important;
}

.focus\:bg-6:focus {
  background-color: #c8b3e8 !important;
}

.active\:bg-6:active {
  background-color: #c8b3e8 !important;
}

.border-color-6 {
  border-color: #c8b3e8 !important;
}

.border-t-color-6 {
  border-top-color: #c8b3e8 !important;
}

.border-b-color-6 {
  border-bottom-color: #c8b3e8 !important;
}

.border-l-color-6 {
  border-left-color: #c8b3e8 !important;
}

.border-r-color-6 {
  border-right-color: #c8b3e8 !important;
}

.color-7 {
  color: #b0e4e7 !important;
}

.hover\:color-7:hover {
  color: #b0e4e7 !important;
}

.visited\:color-7:visited {
  color: #b0e4e7 !important;
}

.focus\:color-7:focus {
  color: #b0e4e7 !important;
}

.active\:color-7:active {
  color: #b0e4e7 !important;
}

.fill-7 {
  fill: #b0e4e7 !important;
}

.hover\:fill-7:hover {
  fill: #b0e4e7 !important;
}

.focus\:fill-7:focus {
  fill: #b0e4e7 !important;
}

.active\:fill-7:active {
  fill: #b0e4e7 !important;
}

.bg-7 {
  background-color: #b0e4e7 !important;
}

.hover\:bg-7:hover {
  background-color: #b0e4e7 !important;
}

.focus\:bg-7:focus {
  background-color: #b0e4e7 !important;
}

.active\:bg-7:active {
  background-color: #b0e4e7 !important;
}

.border-color-7 {
  border-color: #b0e4e7 !important;
}

.border-t-color-7 {
  border-top-color: #b0e4e7 !important;
}

.border-b-color-7 {
  border-bottom-color: #b0e4e7 !important;
}

.border-l-color-7 {
  border-left-color: #b0e4e7 !important;
}

.border-r-color-7 {
  border-right-color: #b0e4e7 !important;
}

.color-8 {
  color: #ffffff !important;
}

.hover\:color-8:hover {
  color: #ffffff !important;
}

.visited\:color-8:visited {
  color: #ffffff !important;
}

.focus\:color-8:focus {
  color: #ffffff !important;
}

.active\:color-8:active {
  color: #ffffff !important;
}

.fill-8 {
  fill: #ffffff !important;
}

.hover\:fill-8:hover {
  fill: #ffffff !important;
}

.focus\:fill-8:focus {
  fill: #ffffff !important;
}

.active\:fill-8:active {
  fill: #ffffff !important;
}

.bg-8 {
  background-color: #ffffff !important;
}

.hover\:bg-8:hover {
  background-color: #ffffff !important;
}

.focus\:bg-8:focus {
  background-color: #ffffff !important;
}

.active\:bg-8:active {
  background-color: #ffffff !important;
}

.border-color-8 {
  border-color: #ffffff !important;
}

.border-t-color-8 {
  border-top-color: #ffffff !important;
}

.border-b-color-8 {
  border-bottom-color: #ffffff !important;
}

.border-l-color-8 {
  border-left-color: #ffffff !important;
}

.border-r-color-8 {
  border-right-color: #ffffff !important;
}

.color-9 {
  color: #f3f3f3 !important;
}

.hover\:color-9:hover {
  color: #f3f3f3 !important;
}

.visited\:color-9:visited {
  color: #f3f3f3 !important;
}

.focus\:color-9:focus {
  color: #f3f3f3 !important;
}

.active\:color-9:active {
  color: #f3f3f3 !important;
}

.fill-9 {
  fill: #f3f3f3 !important;
}

.hover\:fill-9:hover {
  fill: #f3f3f3 !important;
}

.focus\:fill-9:focus {
  fill: #f3f3f3 !important;
}

.active\:fill-9:active {
  fill: #f3f3f3 !important;
}

.bg-9 {
  background-color: #f3f3f3 !important;
}

.hover\:bg-9:hover {
  background-color: #f3f3f3 !important;
}

.focus\:bg-9:focus {
  background-color: #f3f3f3 !important;
}

.active\:bg-9:active {
  background-color: #f3f3f3 !important;
}

.border-color-9 {
  border-color: #f3f3f3 !important;
}

.border-t-color-9 {
  border-top-color: #f3f3f3 !important;
}

.border-b-color-9 {
  border-bottom-color: #f3f3f3 !important;
}

.border-l-color-9 {
  border-left-color: #f3f3f3 !important;
}

.border-r-color-9 {
  border-right-color: #f3f3f3 !important;
}

.color-10 {
  color: #e6e0ef !important;
}

.hover\:color-10:hover {
  color: #e6e0ef !important;
}

.visited\:color-10:visited {
  color: #e6e0ef !important;
}

.focus\:color-10:focus {
  color: #e6e0ef !important;
}

.active\:color-10:active {
  color: #e6e0ef !important;
}

.fill-10 {
  fill: #e6e0ef !important;
}

.hover\:fill-10:hover {
  fill: #e6e0ef !important;
}

.focus\:fill-10:focus {
  fill: #e6e0ef !important;
}

.active\:fill-10:active {
  fill: #e6e0ef !important;
}

.bg-10 {
  background-color: #e6e0ef !important;
}

.hover\:bg-10:hover {
  background-color: #e6e0ef !important;
}

.focus\:bg-10:focus {
  background-color: #e6e0ef !important;
}

.active\:bg-10:active {
  background-color: #e6e0ef !important;
}

.border-color-10 {
  border-color: #e6e0ef !important;
}

.border-t-color-10 {
  border-top-color: #e6e0ef !important;
}

.border-b-color-10 {
  border-bottom-color: #e6e0ef !important;
}

.border-l-color-10 {
  border-left-color: #e6e0ef !important;
}

.border-r-color-10 {
  border-right-color: #e6e0ef !important;
}

.color-11 {
  color: #C3E5E5 !important;
}

.hover\:color-11:hover {
  color: #C3E5E5 !important;
}

.visited\:color-11:visited {
  color: #C3E5E5 !important;
}

.focus\:color-11:focus {
  color: #C3E5E5 !important;
}

.active\:color-11:active {
  color: #C3E5E5 !important;
}

.fill-11 {
  fill: #C3E5E5 !important;
}

.hover\:fill-11:hover {
  fill: #C3E5E5 !important;
}

.focus\:fill-11:focus {
  fill: #C3E5E5 !important;
}

.active\:fill-11:active {
  fill: #C3E5E5 !important;
}

.bg-11 {
  background-color: #C3E5E5 !important;
}

.hover\:bg-11:hover {
  background-color: #C3E5E5 !important;
}

.focus\:bg-11:focus {
  background-color: #C3E5E5 !important;
}

.active\:bg-11:active {
  background-color: #C3E5E5 !important;
}

.border-color-11 {
  border-color: #C3E5E5 !important;
}

.border-t-color-11 {
  border-top-color: #C3E5E5 !important;
}

.border-b-color-11 {
  border-bottom-color: #C3E5E5 !important;
}

.border-l-color-11 {
  border-left-color: #C3E5E5 !important;
}

.border-r-color-11 {
  border-right-color: #C3E5E5 !important;
}

.color-12 {
  color: #00878b !important;
}

.hover\:color-12:hover {
  color: #00878b !important;
}

.visited\:color-12:visited {
  color: #00878b !important;
}

.focus\:color-12:focus {
  color: #00878b !important;
}

.active\:color-12:active {
  color: #00878b !important;
}

.fill-12 {
  fill: #00878b !important;
}

.hover\:fill-12:hover {
  fill: #00878b !important;
}

.focus\:fill-12:focus {
  fill: #00878b !important;
}

.active\:fill-12:active {
  fill: #00878b !important;
}

.bg-12 {
  background-color: #00878b !important;
}

.hover\:bg-12:hover {
  background-color: #00878b !important;
}

.focus\:bg-12:focus {
  background-color: #00878b !important;
}

.active\:bg-12:active {
  background-color: #00878b !important;
}

.border-color-12 {
  border-color: #00878b !important;
}

.border-t-color-12 {
  border-top-color: #00878b !important;
}

.border-b-color-12 {
  border-bottom-color: #00878b !important;
}

.border-l-color-12 {
  border-left-color: #00878b !important;
}

.border-r-color-12 {
  border-right-color: #00878b !important;
}

.color-13 {
  color: #e5f8f7 !important;
}

.hover\:color-13:hover {
  color: #e5f8f7 !important;
}

.visited\:color-13:visited {
  color: #e5f8f7 !important;
}

.focus\:color-13:focus {
  color: #e5f8f7 !important;
}

.active\:color-13:active {
  color: #e5f8f7 !important;
}

.fill-13 {
  fill: #e5f8f7 !important;
}

.hover\:fill-13:hover {
  fill: #e5f8f7 !important;
}

.focus\:fill-13:focus {
  fill: #e5f8f7 !important;
}

.active\:fill-13:active {
  fill: #e5f8f7 !important;
}

.bg-13 {
  background-color: #e5f8f7 !important;
}

.hover\:bg-13:hover {
  background-color: #e5f8f7 !important;
}

.focus\:bg-13:focus {
  background-color: #e5f8f7 !important;
}

.active\:bg-13:active {
  background-color: #e5f8f7 !important;
}

.border-color-13 {
  border-color: #e5f8f7 !important;
}

.border-t-color-13 {
  border-top-color: #e5f8f7 !important;
}

.border-b-color-13 {
  border-bottom-color: #e5f8f7 !important;
}

.border-l-color-13 {
  border-left-color: #e5f8f7 !important;
}

.border-r-color-13 {
  border-right-color: #e5f8f7 !important;
}

.color-14 {
  color: #ccf2f1 !important;
}

.hover\:color-14:hover {
  color: #ccf2f1 !important;
}

.visited\:color-14:visited {
  color: #ccf2f1 !important;
}

.focus\:color-14:focus {
  color: #ccf2f1 !important;
}

.active\:color-14:active {
  color: #ccf2f1 !important;
}

.fill-14 {
  fill: #ccf2f1 !important;
}

.hover\:fill-14:hover {
  fill: #ccf2f1 !important;
}

.focus\:fill-14:focus {
  fill: #ccf2f1 !important;
}

.active\:fill-14:active {
  fill: #ccf2f1 !important;
}

.bg-14 {
  background-color: #ccf2f1 !important;
}

.hover\:bg-14:hover {
  background-color: #ccf2f1 !important;
}

.focus\:bg-14:focus {
  background-color: #ccf2f1 !important;
}

.active\:bg-14:active {
  background-color: #ccf2f1 !important;
}

.border-color-14 {
  border-color: #ccf2f1 !important;
}

.border-t-color-14 {
  border-top-color: #ccf2f1 !important;
}

.border-b-color-14 {
  border-bottom-color: #ccf2f1 !important;
}

.border-l-color-14 {
  border-left-color: #ccf2f1 !important;
}

.border-r-color-14 {
  border-right-color: #ccf2f1 !important;
}

.color-15 {
  color: #414042 !important;
}

.hover\:color-15:hover {
  color: #414042 !important;
}

.visited\:color-15:visited {
  color: #414042 !important;
}

.focus\:color-15:focus {
  color: #414042 !important;
}

.active\:color-15:active {
  color: #414042 !important;
}

.fill-15 {
  fill: #414042 !important;
}

.hover\:fill-15:hover {
  fill: #414042 !important;
}

.focus\:fill-15:focus {
  fill: #414042 !important;
}

.active\:fill-15:active {
  fill: #414042 !important;
}

.bg-15 {
  background-color: #414042 !important;
}

.hover\:bg-15:hover {
  background-color: #414042 !important;
}

.focus\:bg-15:focus {
  background-color: #414042 !important;
}

.active\:bg-15:active {
  background-color: #414042 !important;
}

.border-color-15 {
  border-color: #414042 !important;
}

.border-t-color-15 {
  border-top-color: #414042 !important;
}

.border-b-color-15 {
  border-bottom-color: #414042 !important;
}

.border-l-color-15 {
  border-left-color: #414042 !important;
}

.border-r-color-15 {
  border-right-color: #414042 !important;
}

.color-16 {
  color: #592b8a !important;
}

.hover\:color-16:hover {
  color: #592b8a !important;
}

.visited\:color-16:visited {
  color: #592b8a !important;
}

.focus\:color-16:focus {
  color: #592b8a !important;
}

.active\:color-16:active {
  color: #592b8a !important;
}

.fill-16 {
  fill: #592b8a !important;
}

.hover\:fill-16:hover {
  fill: #592b8a !important;
}

.focus\:fill-16:focus {
  fill: #592b8a !important;
}

.active\:fill-16:active {
  fill: #592b8a !important;
}

.bg-16 {
  background-color: #592b8a !important;
}

.hover\:bg-16:hover {
  background-color: #592b8a !important;
}

.focus\:bg-16:focus {
  background-color: #592b8a !important;
}

.active\:bg-16:active {
  background-color: #592b8a !important;
}

.border-color-16 {
  border-color: #592b8a !important;
}

.border-t-color-16 {
  border-top-color: #592b8a !important;
}

.border-b-color-16 {
  border-bottom-color: #592b8a !important;
}

.border-l-color-16 {
  border-left-color: #592b8a !important;
}

.border-r-color-16 {
  border-right-color: #592b8a !important;
}

.color-17 {
  color: #ede9f3 !important;
}

.hover\:color-17:hover {
  color: #ede9f3 !important;
}

.visited\:color-17:visited {
  color: #ede9f3 !important;
}

.focus\:color-17:focus {
  color: #ede9f3 !important;
}

.active\:color-17:active {
  color: #ede9f3 !important;
}

.fill-17 {
  fill: #ede9f3 !important;
}

.hover\:fill-17:hover {
  fill: #ede9f3 !important;
}

.focus\:fill-17:focus {
  fill: #ede9f3 !important;
}

.active\:fill-17:active {
  fill: #ede9f3 !important;
}

.bg-17 {
  background-color: #ede9f3 !important;
}

.hover\:bg-17:hover {
  background-color: #ede9f3 !important;
}

.focus\:bg-17:focus {
  background-color: #ede9f3 !important;
}

.active\:bg-17:active {
  background-color: #ede9f3 !important;
}

.border-color-17 {
  border-color: #ede9f3 !important;
}

.border-t-color-17 {
  border-top-color: #ede9f3 !important;
}

.border-b-color-17 {
  border-bottom-color: #ede9f3 !important;
}

.border-l-color-17 {
  border-left-color: #ede9f3 !important;
}

.border-r-color-17 {
  border-right-color: #ede9f3 !important;
}

.color-18 {
  color: #c8edec !important;
}

.hover\:color-18:hover {
  color: #c8edec !important;
}

.visited\:color-18:visited {
  color: #c8edec !important;
}

.focus\:color-18:focus {
  color: #c8edec !important;
}

.active\:color-18:active {
  color: #c8edec !important;
}

.fill-18 {
  fill: #c8edec !important;
}

.hover\:fill-18:hover {
  fill: #c8edec !important;
}

.focus\:fill-18:focus {
  fill: #c8edec !important;
}

.active\:fill-18:active {
  fill: #c8edec !important;
}

.bg-18 {
  background-color: #c8edec !important;
}

.hover\:bg-18:hover {
  background-color: #c8edec !important;
}

.focus\:bg-18:focus {
  background-color: #c8edec !important;
}

.active\:bg-18:active {
  background-color: #c8edec !important;
}

.border-color-18 {
  border-color: #c8edec !important;
}

.border-t-color-18 {
  border-top-color: #c8edec !important;
}

.border-b-color-18 {
  border-bottom-color: #c8edec !important;
}

.border-l-color-18 {
  border-left-color: #c8edec !important;
}

.border-r-color-18 {
  border-right-color: #c8edec !important;
}

.color-19 {
  color: #c3b4d8 !important;
}

.hover\:color-19:hover {
  color: #c3b4d8 !important;
}

.visited\:color-19:visited {
  color: #c3b4d8 !important;
}

.focus\:color-19:focus {
  color: #c3b4d8 !important;
}

.active\:color-19:active {
  color: #c3b4d8 !important;
}

.fill-19 {
  fill: #c3b4d8 !important;
}

.hover\:fill-19:hover {
  fill: #c3b4d8 !important;
}

.focus\:fill-19:focus {
  fill: #c3b4d8 !important;
}

.active\:fill-19:active {
  fill: #c3b4d8 !important;
}

.bg-19 {
  background-color: #c3b4d8 !important;
}

.hover\:bg-19:hover {
  background-color: #c3b4d8 !important;
}

.focus\:bg-19:focus {
  background-color: #c3b4d8 !important;
}

.active\:bg-19:active {
  background-color: #c3b4d8 !important;
}

.border-color-19 {
  border-color: #c3b4d8 !important;
}

.border-t-color-19 {
  border-top-color: #c3b4d8 !important;
}

.border-b-color-19 {
  border-bottom-color: #c3b4d8 !important;
}

.border-l-color-19 {
  border-left-color: #c3b4d8 !important;
}

.border-r-color-19 {
  border-right-color: #c3b4d8 !important;
}

.color-20 {
  color: #e6f8f8 !important;
}

.hover\:color-20:hover {
  color: #e6f8f8 !important;
}

.visited\:color-20:visited {
  color: #e6f8f8 !important;
}

.focus\:color-20:focus {
  color: #e6f8f8 !important;
}

.active\:color-20:active {
  color: #e6f8f8 !important;
}

.fill-20 {
  fill: #e6f8f8 !important;
}

.hover\:fill-20:hover {
  fill: #e6f8f8 !important;
}

.focus\:fill-20:focus {
  fill: #e6f8f8 !important;
}

.active\:fill-20:active {
  fill: #e6f8f8 !important;
}

.bg-20 {
  background-color: #e6f8f8 !important;
}

.hover\:bg-20:hover {
  background-color: #e6f8f8 !important;
}

.focus\:bg-20:focus {
  background-color: #e6f8f8 !important;
}

.active\:bg-20:active {
  background-color: #e6f8f8 !important;
}

.border-color-20 {
  border-color: #e6f8f8 !important;
}

.border-t-color-20 {
  border-top-color: #e6f8f8 !important;
}

.border-b-color-20 {
  border-bottom-color: #e6f8f8 !important;
}

.border-l-color-20 {
  border-left-color: #e6f8f8 !important;
}

.border-r-color-20 {
  border-right-color: #e6f8f8 !important;
}

.color-21 {
  color: #00bbba !important;
}

.hover\:color-21:hover {
  color: #00bbba !important;
}

.visited\:color-21:visited {
  color: #00bbba !important;
}

.focus\:color-21:focus {
  color: #00bbba !important;
}

.active\:color-21:active {
  color: #00bbba !important;
}

.fill-21 {
  fill: #00bbba !important;
}

.hover\:fill-21:hover {
  fill: #00bbba !important;
}

.focus\:fill-21:focus {
  fill: #00bbba !important;
}

.active\:fill-21:active {
  fill: #00bbba !important;
}

.bg-21 {
  background-color: #00bbba !important;
}

.hover\:bg-21:hover {
  background-color: #00bbba !important;
}

.focus\:bg-21:focus {
  background-color: #00bbba !important;
}

.active\:bg-21:active {
  background-color: #00bbba !important;
}

.border-color-21 {
  border-color: #00bbba !important;
}

.border-t-color-21 {
  border-top-color: #00bbba !important;
}

.border-b-color-21 {
  border-bottom-color: #00bbba !important;
}

.border-l-color-21 {
  border-left-color: #00bbba !important;
}

.border-r-color-21 {
  border-right-color: #00bbba !important;
}

.color-22 {
  color: #dc1313 !important;
}

.hover\:color-22:hover {
  color: #dc1313 !important;
}

.visited\:color-22:visited {
  color: #dc1313 !important;
}

.focus\:color-22:focus {
  color: #dc1313 !important;
}

.active\:color-22:active {
  color: #dc1313 !important;
}

.fill-22 {
  fill: #dc1313 !important;
}

.hover\:fill-22:hover {
  fill: #dc1313 !important;
}

.focus\:fill-22:focus {
  fill: #dc1313 !important;
}

.active\:fill-22:active {
  fill: #dc1313 !important;
}

.bg-22 {
  background-color: #dc1313 !important;
}

.hover\:bg-22:hover {
  background-color: #dc1313 !important;
}

.focus\:bg-22:focus {
  background-color: #dc1313 !important;
}

.active\:bg-22:active {
  background-color: #dc1313 !important;
}

.border-color-22 {
  border-color: #dc1313 !important;
}

.border-t-color-22 {
  border-top-color: #dc1313 !important;
}

.border-b-color-22 {
  border-bottom-color: #dc1313 !important;
}

.border-l-color-22 {
  border-left-color: #dc1313 !important;
}

.border-r-color-22 {
  border-right-color: #dc1313 !important;
}

.color-23 {
  color: #ff0090 !important;
}

.hover\:color-23:hover {
  color: #ff0090 !important;
}

.visited\:color-23:visited {
  color: #ff0090 !important;
}

.focus\:color-23:focus {
  color: #ff0090 !important;
}

.active\:color-23:active {
  color: #ff0090 !important;
}

.fill-23 {
  fill: #ff0090 !important;
}

.hover\:fill-23:hover {
  fill: #ff0090 !important;
}

.focus\:fill-23:focus {
  fill: #ff0090 !important;
}

.active\:fill-23:active {
  fill: #ff0090 !important;
}

.bg-23 {
  background-color: #ff0090 !important;
}

.hover\:bg-23:hover {
  background-color: #ff0090 !important;
}

.focus\:bg-23:focus {
  background-color: #ff0090 !important;
}

.active\:bg-23:active {
  background-color: #ff0090 !important;
}

.border-color-23 {
  border-color: #ff0090 !important;
}

.border-t-color-23 {
  border-top-color: #ff0090 !important;
}

.border-b-color-23 {
  border-bottom-color: #ff0090 !important;
}

.border-l-color-23 {
  border-left-color: #ff0090 !important;
}

.border-r-color-23 {
  border-right-color: #ff0090 !important;
}

.color-24 {
  color: #00878a !important;
}

.hover\:color-24:hover {
  color: #00878a !important;
}

.visited\:color-24:visited {
  color: #00878a !important;
}

.focus\:color-24:focus {
  color: #00878a !important;
}

.active\:color-24:active {
  color: #00878a !important;
}

.fill-24 {
  fill: #00878a !important;
}

.hover\:fill-24:hover {
  fill: #00878a !important;
}

.focus\:fill-24:focus {
  fill: #00878a !important;
}

.active\:fill-24:active {
  fill: #00878a !important;
}

.bg-24 {
  background-color: #00878a !important;
}

.hover\:bg-24:hover {
  background-color: #00878a !important;
}

.focus\:bg-24:focus {
  background-color: #00878a !important;
}

.active\:bg-24:active {
  background-color: #00878a !important;
}

.border-color-24 {
  border-color: #00878a !important;
}

.border-t-color-24 {
  border-top-color: #00878a !important;
}

.border-b-color-24 {
  border-bottom-color: #00878a !important;
}

.border-l-color-24 {
  border-left-color: #00878a !important;
}

.border-r-color-24 {
  border-right-color: #00878a !important;
}

.font-100 {
  font-weight: 100 !important;
}

.font-200 {
  font-weight: 200 !important;
}

.font-300 {
  font-weight: 300 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.tracking-0\.01 {
  letter-spacing: 0.01em !important;
}

.tracking-0\.02 {
  letter-spacing: 0.02em !important;
}

.tracking-0\.03 {
  letter-spacing: 0.03em !important;
}

.tracking-0\.04 {
  letter-spacing: 0.04em !important;
}

.tracking-0\.05 {
  letter-spacing: 0.05em !important;
}

.tracking-0\.06 {
  letter-spacing: 0.06em !important;
}

.tracking-0\.07 {
  letter-spacing: 0.07em !important;
}

.tracking-0\.08 {
  letter-spacing: 0.08em !important;
}

.tracking-0\.09 {
  letter-spacing: 0.09em !important;
}

@media (max-width: 1500px) {
  .desktop\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-dive > * {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:block {
    display: block !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:block-dive > * {
    display: block !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inline-block-dive > * {
    display: inline-block !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inline {
    display: inline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inline-dive > * {
    display: inline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:hidden {
    display: none !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:hidden-dive > * {
    display: none !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-left-dive > * {
    text-align: left !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-center {
    text-align: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-center-dive > * {
    text-align: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-right {
    text-align: right !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-right-dive > * {
    text-align: right !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-justify-dive > * {
    text-align: justify !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-baseline {
    vertical-align: baseline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-baseline-dive > * {
    vertical-align: baseline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-top {
    vertical-align: top !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-top-dive > * {
    vertical-align: top !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-middle {
    vertical-align: middle !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-middle-dive > * {
    vertical-align: middle !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-bottom {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-bottom-dive > * {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-text-top {
    vertical-align: text-top !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-text-top-dive > * {
    vertical-align: text-top !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-text-bottom {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-text-bottom-dive > * {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-2 {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-2-dive > * {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-3 {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-3-dive > * {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-4 {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-4-dive > * {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-5 {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-5-dive > * {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-6 {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-6-dive > * {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-7 {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-7-dive > * {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-8 {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-8-dive > * {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-9 {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-9-dive > * {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-10 {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-10-dive > * {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-11 {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-11-dive > * {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-12 {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-12-dive > * {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-dive > * {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-2 {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-2-dive > * {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-3 {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-3-dive > * {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-4 {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-4-dive > * {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-5 {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-5-dive > * {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-6 {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-6-dive > * {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-7 {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-7-dive > * {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-8 {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-8-dive > * {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-9 {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-9-dive > * {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-10 {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-10-dive > * {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-11 {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-11-dive > * {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-12 {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-12-dive > * {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-dive > * {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-2-dive > * {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-3-dive > * {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-4-dive > * {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-5-dive > * {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-6-dive > * {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-7-dive > * {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-8-dive > * {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-9-dive > * {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-10-dive > * {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-11 {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-11-dive > * {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-12 {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-12-dive > * {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-dive > * {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-row-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-row-reverse-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-column-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-column-reverse-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-start-dive > * {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-end-dive > * {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-center-dive > * {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-around-dive > * {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-between-dive > * {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-evenly-dive > * {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-start-dive > * {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-end-dive > * {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-center-dive > * {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-baseline-dive > * {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-stretch-dive > * {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table {
    display: table !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-dive > * {
    display: table !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-row {
    display: table-row !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-row-dive > * {
    display: table-row !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-cell {
    display: table-cell !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-cell-dive > * {
    display: table-cell !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:static {
    position: static !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:static-dive > * {
    position: static !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:fixed {
    position: fixed !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:fixed-dive > * {
    position: fixed !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:absolute {
    position: absolute !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:absolute-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pin {
    position: absolute !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pin-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:relative {
    position: relative !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:relative-dive > * {
    position: relative !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:sticky {
    position: sticky !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:sticky-dive > * {
    position: sticky !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset {
    top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-2 {
    top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2 {
    top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3 {
    top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4 {
    top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5 {
    top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-6 {
    top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0 {
    top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset {
    bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset {
    left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-2 {
    left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2 {
    left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3 {
    left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4 {
    left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5 {
    left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-6 {
    left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0 {
    left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset {
    right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-2 {
    right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2 {
    right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3 {
    right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4 {
    right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5 {
    right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-6 {
    right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0 {
    right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y {
    top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-2 {
    top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-2 {
    top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-3 {
    top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-4 {
    top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-5 {
    top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-6 {
    top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-0 {
    top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y {
    bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x {
    left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-2 {
    left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-2 {
    left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-3 {
    left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-4 {
    left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-5 {
    left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-6 {
    left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-0 {
    left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x {
    right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-2 {
    right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-2 {
    right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-3 {
    right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-4 {
    right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-5 {
    right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-6 {
    right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-0 {
    right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top {
    top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-top-2 {
    top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-top-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-top-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-2 {
    top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-3 {
    top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-4 {
    top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-5 {
    top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-6 {
    top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-0 {
    top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom {
    bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-bottom-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-bottom-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-bottom-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left {
    left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-left-2 {
    left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-left-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-left-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-2 {
    left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-3 {
    left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-4 {
    left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-5 {
    left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-6 {
    left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-0 {
    left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right {
    right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-right-2 {
    right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-right-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-right-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-2 {
    right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-3 {
    right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-4 {
    right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-5 {
    right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-6 {
    right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-0 {
    right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center {
    top: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center {
    left: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center {
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center-x {
    left: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center-x {
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center-y {
    top: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center-y {
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z {
    z-index: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-2 {
    z-index: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-3 {
    z-index: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-4 {
    z-index: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-5 {
    z-index: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-6 {
    z-index: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-7 {
    z-index: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-8 {
    z-index: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-9 {
    z-index: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-10 {
    z-index: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-0 {
    z-index: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:w-100 {
    width: 100% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:w-100-dive > * {
    width: 100% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:h-100 {
    height: 100% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:h-100-dive > * {
    height: 100% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:box-border {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:box-border-dive > * {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:box-content {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:box-content-dive > * {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m {
    margin: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-2 {
    margin: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-2-dive > * {
    margin: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-1\.5 {
    margin: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-1\.5-dive > * {
    margin: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-0\.5 {
    margin: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-0\.5-dive > * {
    margin: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-0\.5 {
    margin: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-0\.5-dive > * {
    margin: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-1\.5 {
    margin: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-1\.5-dive > * {
    margin: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-2 {
    margin: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-2-dive > * {
    margin: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-2\.5 {
    margin: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-2\.5-dive > * {
    margin: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-3 {
    margin: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-3-dive > * {
    margin: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-3\.5 {
    margin: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-3\.5-dive > * {
    margin: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-4 {
    margin: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-4-dive > * {
    margin: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-4\.5 {
    margin: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-4\.5-dive > * {
    margin: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-5 {
    margin: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-5-dive > * {
    margin: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-5\.5 {
    margin: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-5\.5-dive > * {
    margin: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-6 {
    margin: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-6-dive > * {
    margin: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-0 {
    margin: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt {
    margin-top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt {
    margin-top: -20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-2 {
    margin-top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-2-dive > * {
    margin-top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-1\.5 {
    margin-top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-1\.5-dive > * {
    margin-top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-0\.5 {
    margin-top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-0\.5-dive > * {
    margin-top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-0\.5 {
    margin-top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-0\.5-dive > * {
    margin-top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-1\.5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-1\.5-dive > * {
    margin-top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-2 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-2-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-2\.5 {
    margin-top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-2\.5-dive > * {
    margin-top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-3 {
    margin-top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-3-dive > * {
    margin-top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-3\.5 {
    margin-top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-3\.5-dive > * {
    margin-top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-4 {
    margin-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-4-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-4\.5 {
    margin-top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-4\.5-dive > * {
    margin-top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-5 {
    margin-top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-5-dive > * {
    margin-top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-5\.5 {
    margin-top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-5\.5-dive > * {
    margin-top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-6 {
    margin-top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-6-dive > * {
    margin-top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-dive > * {
    margin-top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr {
    margin-right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr {
    margin-right: -20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-2 {
    margin-right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-2-dive > * {
    margin-right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-1\.5 {
    margin-right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-1\.5-dive > * {
    margin-right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-0\.5 {
    margin-right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-0\.5-dive > * {
    margin-right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-0\.5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-0\.5-dive > * {
    margin-right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-1\.5 {
    margin-right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-1\.5-dive > * {
    margin-right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-2 {
    margin-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-2-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-2\.5 {
    margin-right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-2\.5-dive > * {
    margin-right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-3 {
    margin-right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-3-dive > * {
    margin-right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-3\.5 {
    margin-right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-3\.5-dive > * {
    margin-right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-4 {
    margin-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-4-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-4\.5 {
    margin-right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-4\.5-dive > * {
    margin-right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-5 {
    margin-right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-5-dive > * {
    margin-right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-5\.5 {
    margin-right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-5\.5-dive > * {
    margin-right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-6 {
    margin-right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-6-dive > * {
    margin-right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-dive > * {
    margin-right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb {
    margin-bottom: -20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-2 {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-2-dive > * {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-1\.5 {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-1\.5-dive > * {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-0\.5 {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-0\.5-dive > * {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-0\.5 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-0\.5-dive > * {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-1\.5 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-1\.5-dive > * {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-2 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-2-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-2\.5 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-2\.5-dive > * {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-3 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-3-dive > * {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-3\.5 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-3\.5-dive > * {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-4 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-4-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-4\.5 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-4\.5-dive > * {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-5 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-5-dive > * {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-5\.5 {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-5\.5-dive > * {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-6 {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-6-dive > * {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-dive > * {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml {
    margin-left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml {
    margin-left: -20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-2 {
    margin-left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-2-dive > * {
    margin-left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-1\.5 {
    margin-left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-1\.5-dive > * {
    margin-left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-0\.5 {
    margin-left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-0\.5-dive > * {
    margin-left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-0\.5 {
    margin-left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-0\.5-dive > * {
    margin-left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-1\.5 {
    margin-left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-1\.5-dive > * {
    margin-left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-2 {
    margin-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-2-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-2\.5 {
    margin-left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-2\.5-dive > * {
    margin-left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-3 {
    margin-left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-3-dive > * {
    margin-left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-3\.5 {
    margin-left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-3\.5-dive > * {
    margin-left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-4 {
    margin-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-4-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-4\.5 {
    margin-left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-4\.5-dive > * {
    margin-left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-5 {
    margin-left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-5-dive > * {
    margin-left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-5\.5 {
    margin-left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-5\.5-dive > * {
    margin-left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-6 {
    margin-left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-6-dive > * {
    margin-left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-dive > * {
    margin-left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-dive > * {
    margin: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my {
    margin-top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-2 {
    margin-top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-2-dive > * {
    margin-top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-1\.5 {
    margin-top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-1\.5-dive > * {
    margin-top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-0\.5 {
    margin-top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-0\.5-dive > * {
    margin-top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0\.5 {
    margin-top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0\.5-dive > * {
    margin-top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-1\.5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-1\.5-dive > * {
    margin-top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2\.5 {
    margin-top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2\.5-dive > * {
    margin-top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3 {
    margin-top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3-dive > * {
    margin-top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3\.5 {
    margin-top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3\.5-dive > * {
    margin-top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4 {
    margin-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4\.5 {
    margin-top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4\.5-dive > * {
    margin-top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5 {
    margin-top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5-dive > * {
    margin-top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5\.5 {
    margin-top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5\.5-dive > * {
    margin-top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-6 {
    margin-top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-6-dive > * {
    margin-top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-dive > * {
    margin-top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-2 {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-2-dive > * {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-1\.5 {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-1\.5-dive > * {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-0\.5 {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-0\.5-dive > * {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0\.5 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0\.5-dive > * {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-1\.5 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-1\.5-dive > * {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2\.5 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2\.5-dive > * {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3-dive > * {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3\.5 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3\.5-dive > * {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4\.5 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4\.5-dive > * {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5-dive > * {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5\.5 {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5\.5-dive > * {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-6 {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-6-dive > * {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-dive > * {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx {
    margin-left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-2 {
    margin-left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-2-dive > * {
    margin-left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-1\.5 {
    margin-left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-1\.5-dive > * {
    margin-left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-0\.5 {
    margin-left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-0\.5-dive > * {
    margin-left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0\.5 {
    margin-left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0\.5-dive > * {
    margin-left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-1\.5 {
    margin-left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-1\.5-dive > * {
    margin-left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2 {
    margin-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2\.5 {
    margin-left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2\.5-dive > * {
    margin-left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3 {
    margin-left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3-dive > * {
    margin-left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3\.5 {
    margin-left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3\.5-dive > * {
    margin-left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4 {
    margin-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4\.5 {
    margin-left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4\.5-dive > * {
    margin-left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5 {
    margin-left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5-dive > * {
    margin-left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5\.5 {
    margin-left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5\.5-dive > * {
    margin-left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-6 {
    margin-left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-6-dive > * {
    margin-left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-dive > * {
    margin-left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx {
    margin-right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-2 {
    margin-right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-2-dive > * {
    margin-right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-1\.5 {
    margin-right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-1\.5-dive > * {
    margin-right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-0\.5 {
    margin-right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-0\.5-dive > * {
    margin-right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0\.5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0\.5-dive > * {
    margin-right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-1\.5 {
    margin-right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-1\.5-dive > * {
    margin-right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2 {
    margin-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2\.5 {
    margin-right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2\.5-dive > * {
    margin-right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3 {
    margin-right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3-dive > * {
    margin-right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3\.5 {
    margin-right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3\.5-dive > * {
    margin-right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4 {
    margin-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4\.5 {
    margin-right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4\.5-dive > * {
    margin-right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5 {
    margin-right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5-dive > * {
    margin-right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5\.5 {
    margin-right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5\.5-dive > * {
    margin-right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-6 {
    margin-right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-6-dive > * {
    margin-right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-dive > * {
    margin-right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p {
    padding: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-2 {
    padding: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-2-dive > * {
    padding: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-1\.5 {
    padding: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-1\.5-dive > * {
    padding: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-0\.5 {
    padding: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-0\.5-dive > * {
    padding: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-0\.5 {
    padding: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-0\.5-dive > * {
    padding: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-1\.5 {
    padding: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-1\.5-dive > * {
    padding: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-2 {
    padding: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-2-dive > * {
    padding: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-2\.5 {
    padding: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-2\.5-dive > * {
    padding: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-3 {
    padding: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-3-dive > * {
    padding: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-3\.5 {
    padding: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-3\.5-dive > * {
    padding: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-4 {
    padding: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-4-dive > * {
    padding: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-4\.5 {
    padding: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-4\.5-dive > * {
    padding: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-5 {
    padding: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-5-dive > * {
    padding: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-5\.5 {
    padding: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-5\.5-dive > * {
    padding: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-6 {
    padding: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-6-dive > * {
    padding: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt {
    padding-top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-2 {
    padding-top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-2-dive > * {
    padding-top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-1\.5 {
    padding-top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-1\.5-dive > * {
    padding-top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-0\.5 {
    padding-top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-0\.5-dive > * {
    padding-top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-0\.5 {
    padding-top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-0\.5-dive > * {
    padding-top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-1\.5 {
    padding-top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-1\.5-dive > * {
    padding-top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-2 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-2-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-2\.5 {
    padding-top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-2\.5-dive > * {
    padding-top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-3 {
    padding-top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-3-dive > * {
    padding-top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-3\.5 {
    padding-top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-3\.5-dive > * {
    padding-top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-4 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-4-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-4\.5 {
    padding-top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-4\.5-dive > * {
    padding-top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-5 {
    padding-top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-5-dive > * {
    padding-top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-5\.5 {
    padding-top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-5\.5-dive > * {
    padding-top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-6 {
    padding-top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-6-dive > * {
    padding-top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-dive > * {
    padding-top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr {
    padding-right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-2 {
    padding-right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-2-dive > * {
    padding-right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-1\.5 {
    padding-right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-1\.5-dive > * {
    padding-right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-0\.5 {
    padding-right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-0\.5-dive > * {
    padding-right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-0\.5 {
    padding-right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-0\.5-dive > * {
    padding-right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-1\.5 {
    padding-right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-1\.5-dive > * {
    padding-right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-2 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-2-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-2\.5 {
    padding-right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-2\.5-dive > * {
    padding-right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-3 {
    padding-right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-3-dive > * {
    padding-right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-3\.5 {
    padding-right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-3\.5-dive > * {
    padding-right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-4 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-4-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-4\.5 {
    padding-right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-4\.5-dive > * {
    padding-right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-5 {
    padding-right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-5-dive > * {
    padding-right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-5\.5 {
    padding-right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-5\.5-dive > * {
    padding-right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-6 {
    padding-right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-6-dive > * {
    padding-right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-dive > * {
    padding-right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-2 {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-2-dive > * {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-1\.5 {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-1\.5-dive > * {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-0\.5 {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-0\.5-dive > * {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-0\.5 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-0\.5-dive > * {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-1\.5 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-1\.5-dive > * {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-2 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-2-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-2\.5 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-2\.5-dive > * {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-3 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-3-dive > * {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-3\.5 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-3\.5-dive > * {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-4 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-4-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-4\.5 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-4\.5-dive > * {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-5 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-5-dive > * {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-5\.5 {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-5\.5-dive > * {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-6 {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-6-dive > * {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-dive > * {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl {
    padding-left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-2 {
    padding-left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-2-dive > * {
    padding-left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-1\.5 {
    padding-left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-1\.5-dive > * {
    padding-left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-0\.5 {
    padding-left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-0\.5-dive > * {
    padding-left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-0\.5 {
    padding-left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-0\.5-dive > * {
    padding-left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-1\.5 {
    padding-left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-1\.5-dive > * {
    padding-left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-2 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-2-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-2\.5 {
    padding-left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-2\.5-dive > * {
    padding-left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-3 {
    padding-left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-3-dive > * {
    padding-left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-3\.5 {
    padding-left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-3\.5-dive > * {
    padding-left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-4 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-4-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-4\.5 {
    padding-left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-4\.5-dive > * {
    padding-left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-5 {
    padding-left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-5-dive > * {
    padding-left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-5\.5 {
    padding-left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-5\.5-dive > * {
    padding-left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-6 {
    padding-left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-6-dive > * {
    padding-left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-dive > * {
    padding-left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-dive > * {
    padding: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py {
    padding-top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-2 {
    padding-top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-2-dive > * {
    padding-top: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-1\.5 {
    padding-top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-1\.5-dive > * {
    padding-top: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-0\.5 {
    padding-top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-0\.5-dive > * {
    padding-top: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0\.5 {
    padding-top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0\.5-dive > * {
    padding-top: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-1\.5 {
    padding-top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-1\.5-dive > * {
    padding-top: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2\.5 {
    padding-top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2\.5-dive > * {
    padding-top: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3 {
    padding-top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3-dive > * {
    padding-top: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3\.5 {
    padding-top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3\.5-dive > * {
    padding-top: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4\.5 {
    padding-top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4\.5-dive > * {
    padding-top: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5 {
    padding-top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5-dive > * {
    padding-top: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5\.5 {
    padding-top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5\.5-dive > * {
    padding-top: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-6 {
    padding-top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-6-dive > * {
    padding-top: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-dive > * {
    padding-top: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-2 {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-2-dive > * {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-1\.5 {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-1\.5-dive > * {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-0\.5 {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-0\.5-dive > * {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0\.5 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0\.5-dive > * {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-1\.5 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-1\.5-dive > * {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2\.5 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2\.5-dive > * {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3-dive > * {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3\.5 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3\.5-dive > * {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4\.5 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4\.5-dive > * {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5-dive > * {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5\.5 {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5\.5-dive > * {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-6 {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-6-dive > * {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-dive > * {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px {
    padding-left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-2 {
    padding-left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-2-dive > * {
    padding-left: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-1\.5 {
    padding-left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-1\.5-dive > * {
    padding-left: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-0\.5 {
    padding-left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-0\.5-dive > * {
    padding-left: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0\.5 {
    padding-left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0\.5-dive > * {
    padding-left: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-1\.5 {
    padding-left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-1\.5-dive > * {
    padding-left: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2\.5 {
    padding-left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2\.5-dive > * {
    padding-left: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3 {
    padding-left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3-dive > * {
    padding-left: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3\.5 {
    padding-left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3\.5-dive > * {
    padding-left: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4\.5 {
    padding-left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4\.5-dive > * {
    padding-left: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5 {
    padding-left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5-dive > * {
    padding-left: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5\.5 {
    padding-left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5\.5-dive > * {
    padding-left: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-6 {
    padding-left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-6-dive > * {
    padding-left: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-dive > * {
    padding-left: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px {
    padding-right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-2 {
    padding-right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-2-dive > * {
    padding-right: -40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-1\.5 {
    padding-right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-1\.5-dive > * {
    padding-right: -30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-0\.5 {
    padding-right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-0\.5-dive > * {
    padding-right: -10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0\.5 {
    padding-right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0\.5-dive > * {
    padding-right: 10px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-1\.5 {
    padding-right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-1\.5-dive > * {
    padding-right: 30px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2\.5 {
    padding-right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2\.5-dive > * {
    padding-right: 50px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3 {
    padding-right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3-dive > * {
    padding-right: 60px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3\.5 {
    padding-right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3\.5-dive > * {
    padding-right: 70px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4\.5 {
    padding-right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4\.5-dive > * {
    padding-right: 90px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5 {
    padding-right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5-dive > * {
    padding-right: 100px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5\.5 {
    padding-right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5\.5-dive > * {
    padding-right: 110px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-6 {
    padding-right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-6-dive > * {
    padding-right: 120px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-dive > * {
    padding-right: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius {
    border-radius: 4px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-2 {
    border-radius: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-3 {
    border-radius: 12px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-4 {
    border-radius: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-5 {
    border-radius: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-0 {
    border-radius: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-round {
    border-radius: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border {
    border-width: 1px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-2 {
    border-width: 2px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-3 {
    border-width: 3px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-4 {
    border-width: 4px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-5 {
    border-width: 5px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-0 {
    border-width: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-none {
    border: none !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-solid {
    border-top-style: solid !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t {
    border-top-width: 0.1rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-2 {
    border-top-width: 0.2rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-3 {
    border-top-width: 0.3rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-4 {
    border-top-width: 0.4rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-5 {
    border-top-width: 0.5rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-0 {
    border-top-width: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b {
    border-bottom-width: 0.1rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-2 {
    border-bottom-width: 0.2rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-3 {
    border-bottom-width: 0.3rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-4 {
    border-bottom-width: 0.4rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-5 {
    border-bottom-width: 0.5rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-0 {
    border-bottom-width: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l {
    border-left-width: 0.1rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-2 {
    border-left-width: 0.2rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-3 {
    border-left-width: 0.3rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-4 {
    border-left-width: 0.4rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-5 {
    border-left-width: 0.5rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-0 {
    border-left-width: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r {
    border-right-width: 0.1rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-2 {
    border-right-width: 0.2rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-3 {
    border-right-width: 0.3rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-4 {
    border-right-width: 0.4rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-5 {
    border-right-width: 0.5rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-0 {
    border-right-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-dive > * {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:block {
    display: block !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:block-dive > * {
    display: block !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inline-block-dive > * {
    display: inline-block !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inline {
    display: inline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inline-dive > * {
    display: inline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:hidden {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:hidden-dive > * {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-left-dive > * {
    text-align: left !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-center {
    text-align: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-center-dive > * {
    text-align: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-right {
    text-align: right !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-right-dive > * {
    text-align: right !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-justify-dive > * {
    text-align: justify !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-baseline {
    vertical-align: baseline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-baseline-dive > * {
    vertical-align: baseline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-top {
    vertical-align: top !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-top-dive > * {
    vertical-align: top !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-middle {
    vertical-align: middle !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-middle-dive > * {
    vertical-align: middle !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-bottom {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-bottom-dive > * {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-text-top {
    vertical-align: text-top !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-text-top-dive > * {
    vertical-align: text-top !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-text-bottom {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-text-bottom-dive > * {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-2 {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-2-dive > * {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-3 {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-3-dive > * {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-4 {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-4-dive > * {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-5 {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-5-dive > * {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-6 {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-6-dive > * {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-7 {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-7-dive > * {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-8 {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-8-dive > * {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-9 {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-9-dive > * {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-10 {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-10-dive > * {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-11 {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-11-dive > * {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-12 {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-12-dive > * {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-dive > * {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-2 {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-2-dive > * {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-3 {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-3-dive > * {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-4 {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-4-dive > * {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-5 {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-5-dive > * {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-6 {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-6-dive > * {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-7 {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-7-dive > * {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-8 {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-8-dive > * {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-9 {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-9-dive > * {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-10 {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-10-dive > * {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-11 {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-11-dive > * {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-12 {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-12-dive > * {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-dive > * {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-2-dive > * {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-3-dive > * {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-4-dive > * {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-5-dive > * {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-6-dive > * {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-7-dive > * {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-8-dive > * {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-9-dive > * {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-10-dive > * {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-11 {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-11-dive > * {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-12 {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-12-dive > * {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-dive > * {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-row-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-row-reverse-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-column-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-column-reverse-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-start-dive > * {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-end-dive > * {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-center-dive > * {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-around-dive > * {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-between-dive > * {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-evenly-dive > * {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-start-dive > * {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-end-dive > * {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-center-dive > * {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-baseline-dive > * {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-stretch-dive > * {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table {
    display: table !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-dive > * {
    display: table !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-row {
    display: table-row !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-row-dive > * {
    display: table-row !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-cell {
    display: table-cell !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-cell-dive > * {
    display: table-cell !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:static {
    position: static !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:static-dive > * {
    position: static !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:fixed {
    position: fixed !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:fixed-dive > * {
    position: fixed !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:absolute {
    position: absolute !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:absolute-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pin {
    position: absolute !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pin-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:relative {
    position: relative !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:relative-dive > * {
    position: relative !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:sticky {
    position: sticky !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:sticky-dive > * {
    position: sticky !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset {
    top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-2 {
    top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2 {
    top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3 {
    top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4 {
    top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5 {
    top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-6 {
    top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0 {
    top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset {
    bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset {
    left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-2 {
    left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2 {
    left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3 {
    left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4 {
    left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5 {
    left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-6 {
    left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0 {
    left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset {
    right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-2 {
    right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2 {
    right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3 {
    right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4 {
    right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5 {
    right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-6 {
    right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0 {
    right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y {
    top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-2 {
    top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-2 {
    top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-3 {
    top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-4 {
    top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-5 {
    top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-6 {
    top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-0 {
    top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y {
    bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x {
    left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-2 {
    left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-2 {
    left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-3 {
    left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-4 {
    left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-5 {
    left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-6 {
    left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-0 {
    left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x {
    right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-2 {
    right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-2 {
    right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-3 {
    right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-4 {
    right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-5 {
    right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-6 {
    right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-0 {
    right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top {
    top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-top-2 {
    top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-top-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-top-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-2 {
    top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-3 {
    top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-4 {
    top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-5 {
    top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-6 {
    top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-0 {
    top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom {
    bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-bottom-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-bottom-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-bottom-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left {
    left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-left-2 {
    left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-left-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-left-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-2 {
    left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-3 {
    left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-4 {
    left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-5 {
    left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-6 {
    left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-0 {
    left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right {
    right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-right-2 {
    right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-right-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-right-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-2 {
    right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-3 {
    right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-4 {
    right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-5 {
    right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-6 {
    right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-0 {
    right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center {
    top: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center {
    left: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center {
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center-x {
    left: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center-x {
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center-y {
    top: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center-y {
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z {
    z-index: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-2 {
    z-index: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-3 {
    z-index: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-4 {
    z-index: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-5 {
    z-index: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-6 {
    z-index: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-7 {
    z-index: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-8 {
    z-index: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-9 {
    z-index: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-10 {
    z-index: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-0 {
    z-index: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:w-100 {
    width: 100% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:w-100-dive > * {
    width: 100% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:h-100 {
    height: 100% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:h-100-dive > * {
    height: 100% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:box-border {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:box-border-dive > * {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:box-content {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:box-content-dive > * {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m {
    margin: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-2 {
    margin: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-2-dive > * {
    margin: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-1\.5 {
    margin: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-1\.5-dive > * {
    margin: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-0\.5 {
    margin: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-0\.5-dive > * {
    margin: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-0\.5 {
    margin: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-0\.5-dive > * {
    margin: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-1\.5 {
    margin: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-1\.5-dive > * {
    margin: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-2 {
    margin: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-2-dive > * {
    margin: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-2\.5 {
    margin: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-2\.5-dive > * {
    margin: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-3 {
    margin: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-3-dive > * {
    margin: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-3\.5 {
    margin: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-3\.5-dive > * {
    margin: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-4 {
    margin: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-4-dive > * {
    margin: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-4\.5 {
    margin: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-4\.5-dive > * {
    margin: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-5 {
    margin: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-5-dive > * {
    margin: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-5\.5 {
    margin: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-5\.5-dive > * {
    margin: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-6 {
    margin: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-6-dive > * {
    margin: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-0 {
    margin: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt {
    margin-top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt {
    margin-top: -20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-2 {
    margin-top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-2-dive > * {
    margin-top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-1\.5 {
    margin-top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-1\.5-dive > * {
    margin-top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-0\.5 {
    margin-top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-0\.5-dive > * {
    margin-top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-0\.5 {
    margin-top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-0\.5-dive > * {
    margin-top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-1\.5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-1\.5-dive > * {
    margin-top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-2 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-2-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-2\.5 {
    margin-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-2\.5-dive > * {
    margin-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-3 {
    margin-top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-3-dive > * {
    margin-top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-3\.5 {
    margin-top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-3\.5-dive > * {
    margin-top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-4 {
    margin-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-4-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-4\.5 {
    margin-top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-4\.5-dive > * {
    margin-top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-5 {
    margin-top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-5-dive > * {
    margin-top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-5\.5 {
    margin-top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-5\.5-dive > * {
    margin-top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-6 {
    margin-top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-6-dive > * {
    margin-top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-dive > * {
    margin-top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr {
    margin-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr {
    margin-right: -20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-2 {
    margin-right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-2-dive > * {
    margin-right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-1\.5 {
    margin-right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-1\.5-dive > * {
    margin-right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-0\.5 {
    margin-right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-0\.5-dive > * {
    margin-right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-0\.5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-0\.5-dive > * {
    margin-right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-1\.5 {
    margin-right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-1\.5-dive > * {
    margin-right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-2 {
    margin-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-2-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-2\.5 {
    margin-right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-2\.5-dive > * {
    margin-right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-3 {
    margin-right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-3-dive > * {
    margin-right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-3\.5 {
    margin-right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-3\.5-dive > * {
    margin-right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-4 {
    margin-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-4-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-4\.5 {
    margin-right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-4\.5-dive > * {
    margin-right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-5 {
    margin-right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-5-dive > * {
    margin-right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-5\.5 {
    margin-right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-5\.5-dive > * {
    margin-right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-6 {
    margin-right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-6-dive > * {
    margin-right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-dive > * {
    margin-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb {
    margin-bottom: -20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-2 {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-2-dive > * {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-1\.5 {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-1\.5-dive > * {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-0\.5 {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-0\.5-dive > * {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-0\.5 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-0\.5-dive > * {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-1\.5 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-1\.5-dive > * {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-2 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-2-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-2\.5 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-2\.5-dive > * {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-3 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-3-dive > * {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-3\.5 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-3\.5-dive > * {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-4 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-4-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-4\.5 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-4\.5-dive > * {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-5 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-5-dive > * {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-5\.5 {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-5\.5-dive > * {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-6 {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-6-dive > * {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-dive > * {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml {
    margin-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml {
    margin-left: -20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-2 {
    margin-left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-2-dive > * {
    margin-left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-1\.5 {
    margin-left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-1\.5-dive > * {
    margin-left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-0\.5 {
    margin-left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-0\.5-dive > * {
    margin-left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-0\.5 {
    margin-left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-0\.5-dive > * {
    margin-left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-1\.5 {
    margin-left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-1\.5-dive > * {
    margin-left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-2 {
    margin-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-2-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-2\.5 {
    margin-left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-2\.5-dive > * {
    margin-left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-3 {
    margin-left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-3-dive > * {
    margin-left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-3\.5 {
    margin-left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-3\.5-dive > * {
    margin-left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-4 {
    margin-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-4-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-4\.5 {
    margin-left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-4\.5-dive > * {
    margin-left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-5 {
    margin-left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-5-dive > * {
    margin-left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-5\.5 {
    margin-left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-5\.5-dive > * {
    margin-left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-6 {
    margin-left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-6-dive > * {
    margin-left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-dive > * {
    margin-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-dive > * {
    margin: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my {
    margin-top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-2 {
    margin-top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-2-dive > * {
    margin-top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-1\.5 {
    margin-top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-1\.5-dive > * {
    margin-top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-0\.5 {
    margin-top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-0\.5-dive > * {
    margin-top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0\.5 {
    margin-top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0\.5-dive > * {
    margin-top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-1\.5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-1\.5-dive > * {
    margin-top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2\.5 {
    margin-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2\.5-dive > * {
    margin-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3 {
    margin-top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3-dive > * {
    margin-top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3\.5 {
    margin-top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3\.5-dive > * {
    margin-top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4 {
    margin-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4\.5 {
    margin-top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4\.5-dive > * {
    margin-top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5 {
    margin-top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5-dive > * {
    margin-top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5\.5 {
    margin-top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5\.5-dive > * {
    margin-top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-6 {
    margin-top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-6-dive > * {
    margin-top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-dive > * {
    margin-top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-2 {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-2-dive > * {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-1\.5 {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-1\.5-dive > * {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-0\.5 {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-0\.5-dive > * {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0\.5 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0\.5-dive > * {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-1\.5 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-1\.5-dive > * {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2\.5 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2\.5-dive > * {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3-dive > * {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3\.5 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3\.5-dive > * {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4\.5 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4\.5-dive > * {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5-dive > * {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5\.5 {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5\.5-dive > * {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-6 {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-6-dive > * {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-dive > * {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx {
    margin-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-2 {
    margin-left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-2-dive > * {
    margin-left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-1\.5 {
    margin-left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-1\.5-dive > * {
    margin-left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-0\.5 {
    margin-left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-0\.5-dive > * {
    margin-left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0\.5 {
    margin-left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0\.5-dive > * {
    margin-left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-1\.5 {
    margin-left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-1\.5-dive > * {
    margin-left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2 {
    margin-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2\.5 {
    margin-left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2\.5-dive > * {
    margin-left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3 {
    margin-left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3-dive > * {
    margin-left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3\.5 {
    margin-left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3\.5-dive > * {
    margin-left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4 {
    margin-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4\.5 {
    margin-left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4\.5-dive > * {
    margin-left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5 {
    margin-left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5-dive > * {
    margin-left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5\.5 {
    margin-left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5\.5-dive > * {
    margin-left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-6 {
    margin-left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-6-dive > * {
    margin-left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-dive > * {
    margin-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx {
    margin-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-2 {
    margin-right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-2-dive > * {
    margin-right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-1\.5 {
    margin-right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-1\.5-dive > * {
    margin-right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-0\.5 {
    margin-right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-0\.5-dive > * {
    margin-right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0\.5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0\.5-dive > * {
    margin-right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-1\.5 {
    margin-right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-1\.5-dive > * {
    margin-right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2 {
    margin-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2\.5 {
    margin-right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2\.5-dive > * {
    margin-right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3 {
    margin-right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3-dive > * {
    margin-right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3\.5 {
    margin-right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3\.5-dive > * {
    margin-right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4 {
    margin-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4\.5 {
    margin-right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4\.5-dive > * {
    margin-right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5 {
    margin-right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5-dive > * {
    margin-right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5\.5 {
    margin-right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5\.5-dive > * {
    margin-right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-6 {
    margin-right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-6-dive > * {
    margin-right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-dive > * {
    margin-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p {
    padding: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-2 {
    padding: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-2-dive > * {
    padding: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-1\.5 {
    padding: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-1\.5-dive > * {
    padding: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-0\.5 {
    padding: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-0\.5-dive > * {
    padding: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-0\.5 {
    padding: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-0\.5-dive > * {
    padding: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-1\.5 {
    padding: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-1\.5-dive > * {
    padding: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-2 {
    padding: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-2-dive > * {
    padding: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-2\.5 {
    padding: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-2\.5-dive > * {
    padding: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-3 {
    padding: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-3-dive > * {
    padding: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-3\.5 {
    padding: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-3\.5-dive > * {
    padding: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-4 {
    padding: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-4-dive > * {
    padding: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-4\.5 {
    padding: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-4\.5-dive > * {
    padding: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-5 {
    padding: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-5-dive > * {
    padding: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-5\.5 {
    padding: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-5\.5-dive > * {
    padding: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-6 {
    padding: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-6-dive > * {
    padding: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt {
    padding-top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-2 {
    padding-top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-2-dive > * {
    padding-top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-1\.5 {
    padding-top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-1\.5-dive > * {
    padding-top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-0\.5 {
    padding-top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-0\.5-dive > * {
    padding-top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-0\.5 {
    padding-top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-0\.5-dive > * {
    padding-top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-1\.5 {
    padding-top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-1\.5-dive > * {
    padding-top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-2 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-2-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-2\.5 {
    padding-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-2\.5-dive > * {
    padding-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-3 {
    padding-top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-3-dive > * {
    padding-top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-3\.5 {
    padding-top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-3\.5-dive > * {
    padding-top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-4 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-4-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-4\.5 {
    padding-top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-4\.5-dive > * {
    padding-top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-5 {
    padding-top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-5-dive > * {
    padding-top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-5\.5 {
    padding-top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-5\.5-dive > * {
    padding-top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-6 {
    padding-top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-6-dive > * {
    padding-top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-dive > * {
    padding-top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr {
    padding-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-2 {
    padding-right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-2-dive > * {
    padding-right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-1\.5 {
    padding-right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-1\.5-dive > * {
    padding-right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-0\.5 {
    padding-right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-0\.5-dive > * {
    padding-right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-0\.5 {
    padding-right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-0\.5-dive > * {
    padding-right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-1\.5 {
    padding-right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-1\.5-dive > * {
    padding-right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-2 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-2-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-2\.5 {
    padding-right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-2\.5-dive > * {
    padding-right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-3 {
    padding-right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-3-dive > * {
    padding-right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-3\.5 {
    padding-right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-3\.5-dive > * {
    padding-right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-4 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-4-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-4\.5 {
    padding-right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-4\.5-dive > * {
    padding-right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-5 {
    padding-right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-5-dive > * {
    padding-right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-5\.5 {
    padding-right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-5\.5-dive > * {
    padding-right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-6 {
    padding-right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-6-dive > * {
    padding-right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-dive > * {
    padding-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-2 {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-2-dive > * {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-1\.5 {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-1\.5-dive > * {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-0\.5 {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-0\.5-dive > * {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-0\.5 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-0\.5-dive > * {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-1\.5 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-1\.5-dive > * {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-2 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-2-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-2\.5 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-2\.5-dive > * {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-3 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-3-dive > * {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-3\.5 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-3\.5-dive > * {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-4 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-4-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-4\.5 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-4\.5-dive > * {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-5 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-5-dive > * {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-5\.5 {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-5\.5-dive > * {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-6 {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-6-dive > * {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-dive > * {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl {
    padding-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-2 {
    padding-left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-2-dive > * {
    padding-left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-1\.5 {
    padding-left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-1\.5-dive > * {
    padding-left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-0\.5 {
    padding-left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-0\.5-dive > * {
    padding-left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-0\.5 {
    padding-left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-0\.5-dive > * {
    padding-left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-1\.5 {
    padding-left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-1\.5-dive > * {
    padding-left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-2 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-2-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-2\.5 {
    padding-left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-2\.5-dive > * {
    padding-left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-3 {
    padding-left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-3-dive > * {
    padding-left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-3\.5 {
    padding-left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-3\.5-dive > * {
    padding-left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-4 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-4-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-4\.5 {
    padding-left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-4\.5-dive > * {
    padding-left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-5 {
    padding-left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-5-dive > * {
    padding-left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-5\.5 {
    padding-left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-5\.5-dive > * {
    padding-left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-6 {
    padding-left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-6-dive > * {
    padding-left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-dive > * {
    padding-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-dive > * {
    padding: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py {
    padding-top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-2 {
    padding-top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-2-dive > * {
    padding-top: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-1\.5 {
    padding-top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-1\.5-dive > * {
    padding-top: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-0\.5 {
    padding-top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-0\.5-dive > * {
    padding-top: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0\.5 {
    padding-top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0\.5-dive > * {
    padding-top: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-1\.5 {
    padding-top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-1\.5-dive > * {
    padding-top: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2\.5 {
    padding-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2\.5-dive > * {
    padding-top: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3 {
    padding-top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3-dive > * {
    padding-top: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3\.5 {
    padding-top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3\.5-dive > * {
    padding-top: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4\.5 {
    padding-top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4\.5-dive > * {
    padding-top: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5 {
    padding-top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5-dive > * {
    padding-top: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5\.5 {
    padding-top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5\.5-dive > * {
    padding-top: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-6 {
    padding-top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-6-dive > * {
    padding-top: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-dive > * {
    padding-top: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-2 {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-2-dive > * {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-1\.5 {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-1\.5-dive > * {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-0\.5 {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-0\.5-dive > * {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0\.5 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0\.5-dive > * {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-1\.5 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-1\.5-dive > * {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2\.5 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2\.5-dive > * {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3-dive > * {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3\.5 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3\.5-dive > * {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4\.5 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4\.5-dive > * {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5-dive > * {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5\.5 {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5\.5-dive > * {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-6 {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-6-dive > * {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-dive > * {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px {
    padding-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-2 {
    padding-left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-2-dive > * {
    padding-left: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-1\.5 {
    padding-left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-1\.5-dive > * {
    padding-left: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-0\.5 {
    padding-left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-0\.5-dive > * {
    padding-left: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0\.5 {
    padding-left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0\.5-dive > * {
    padding-left: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-1\.5 {
    padding-left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-1\.5-dive > * {
    padding-left: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2\.5 {
    padding-left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2\.5-dive > * {
    padding-left: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3 {
    padding-left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3-dive > * {
    padding-left: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3\.5 {
    padding-left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3\.5-dive > * {
    padding-left: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4\.5 {
    padding-left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4\.5-dive > * {
    padding-left: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5 {
    padding-left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5-dive > * {
    padding-left: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5\.5 {
    padding-left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5\.5-dive > * {
    padding-left: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-6 {
    padding-left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-6-dive > * {
    padding-left: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-dive > * {
    padding-left: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px {
    padding-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-2 {
    padding-right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-2-dive > * {
    padding-right: -40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-1\.5 {
    padding-right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-1\.5-dive > * {
    padding-right: -30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-0\.5 {
    padding-right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-0\.5-dive > * {
    padding-right: -10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0\.5 {
    padding-right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0\.5-dive > * {
    padding-right: 10px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-1\.5 {
    padding-right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-1\.5-dive > * {
    padding-right: 30px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2\.5 {
    padding-right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2\.5-dive > * {
    padding-right: 50px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3 {
    padding-right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3-dive > * {
    padding-right: 60px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3\.5 {
    padding-right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3\.5-dive > * {
    padding-right: 70px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4\.5 {
    padding-right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4\.5-dive > * {
    padding-right: 90px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5 {
    padding-right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5-dive > * {
    padding-right: 100px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5\.5 {
    padding-right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5\.5-dive > * {
    padding-right: 110px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-6 {
    padding-right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-6-dive > * {
    padding-right: 120px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-dive > * {
    padding-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius {
    border-radius: 4px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-2 {
    border-radius: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-3 {
    border-radius: 12px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-4 {
    border-radius: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-5 {
    border-radius: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-0 {
    border-radius: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-round {
    border-radius: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border {
    border-width: 1px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-2 {
    border-width: 2px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-3 {
    border-width: 3px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-4 {
    border-width: 4px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-5 {
    border-width: 5px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-0 {
    border-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-none {
    border: none !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-solid {
    border-top-style: solid !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t {
    border-top-width: 0.1rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-2 {
    border-top-width: 0.2rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-3 {
    border-top-width: 0.3rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-4 {
    border-top-width: 0.4rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-5 {
    border-top-width: 0.5rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-0 {
    border-top-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b {
    border-bottom-width: 0.1rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-2 {
    border-bottom-width: 0.2rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-3 {
    border-bottom-width: 0.3rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-4 {
    border-bottom-width: 0.4rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-5 {
    border-bottom-width: 0.5rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-0 {
    border-bottom-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l {
    border-left-width: 0.1rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-2 {
    border-left-width: 0.2rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-3 {
    border-left-width: 0.3rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-4 {
    border-left-width: 0.4rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-5 {
    border-left-width: 0.5rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-0 {
    border-left-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r {
    border-right-width: 0.1rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-2 {
    border-right-width: 0.2rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-3 {
    border-right-width: 0.3rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-4 {
    border-right-width: 0.4rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-5 {
    border-right-width: 0.5rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-0 {
    border-right-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-dive > * {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .mobile\:block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:block-dive > * {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inline-block-dive > * {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inline-dive > * {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:hidden {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .mobile\:hidden-dive > * {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-left-dive > * {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-center {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-center-dive > * {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-right {
    text-align: right !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-right-dive > * {
    text-align: right !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-justify-dive > * {
    text-align: justify !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-baseline {
    vertical-align: baseline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-baseline-dive > * {
    vertical-align: baseline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-top {
    vertical-align: top !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-top-dive > * {
    vertical-align: top !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-middle {
    vertical-align: middle !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-middle-dive > * {
    vertical-align: middle !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-bottom {
    vertical-align: bottom !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-bottom-dive > * {
    vertical-align: bottom !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-text-top {
    vertical-align: text-top !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-text-top-dive > * {
    vertical-align: text-top !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-text-bottom {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-text-bottom-dive > * {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-2 {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-2-dive > * {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-3 {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-3-dive > * {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-4 {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-4-dive > * {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-5 {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-5-dive > * {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-6 {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-6-dive > * {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-7 {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-7-dive > * {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-8 {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-8-dive > * {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-9 {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-9-dive > * {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-10 {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-10-dive > * {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-11 {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-11-dive > * {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-12 {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-12-dive > * {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-dive > * {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-2 {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-2-dive > * {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-3 {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-3-dive > * {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-4 {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-4-dive > * {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-5 {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-5-dive > * {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-6 {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-6-dive > * {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-7 {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-7-dive > * {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-8 {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-8-dive > * {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-9 {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-9-dive > * {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-10 {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-10-dive > * {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-11 {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-11-dive > * {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-12 {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-12-dive > * {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-dive > * {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-2-dive > * {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-3-dive > * {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-4-dive > * {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-5-dive > * {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-6-dive > * {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-7-dive > * {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-8-dive > * {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-9-dive > * {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-10-dive > * {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-11 {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-11-dive > * {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-12 {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-12-dive > * {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-dive > * {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-row-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-row-reverse-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-column-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-column-reverse-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-start-dive > * {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-end-dive > * {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-center-dive > * {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-around-dive > * {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-between-dive > * {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-evenly-dive > * {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-start-dive > * {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-end-dive > * {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-center-dive > * {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-baseline-dive > * {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-stretch-dive > * {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table {
    display: table !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-dive > * {
    display: table !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-row {
    display: table-row !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-row-dive > * {
    display: table-row !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-cell {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-cell-dive > * {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .mobile\:static {
    position: static !important;
  }
}

@media (max-width: 767px) {
  .mobile\:static-dive > * {
    position: static !important;
  }
}

@media (max-width: 767px) {
  .mobile\:fixed {
    position: fixed !important;
  }
}

@media (max-width: 767px) {
  .mobile\:fixed-dive > * {
    position: fixed !important;
  }
}

@media (max-width: 767px) {
  .mobile\:absolute {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .mobile\:absolute-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pin {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pin-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .mobile\:relative {
    position: relative !important;
  }
}

@media (max-width: 767px) {
  .mobile\:relative-dive > * {
    position: relative !important;
  }
}

@media (max-width: 767px) {
  .mobile\:sticky {
    position: sticky !important;
  }
}

@media (max-width: 767px) {
  .mobile\:sticky-dive > * {
    position: sticky !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset {
    top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-2 {
    top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2 {
    top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3 {
    top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4 {
    top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5 {
    top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-6 {
    top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0 {
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset {
    bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset {
    left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-2 {
    left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2 {
    left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3 {
    left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4 {
    left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5 {
    left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-6 {
    left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0 {
    left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset {
    right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-2 {
    right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2 {
    right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3 {
    right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4 {
    right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5 {
    right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-6 {
    right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0 {
    right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y {
    top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-2 {
    top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-2 {
    top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-3 {
    top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-4 {
    top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-5 {
    top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-6 {
    top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-0 {
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y {
    bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x {
    left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-2 {
    left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-2 {
    left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-3 {
    left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-4 {
    left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-5 {
    left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-6 {
    left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-0 {
    left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x {
    right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-2 {
    right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-2 {
    right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-3 {
    right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-4 {
    right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-5 {
    right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-6 {
    right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-0 {
    right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top {
    top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-top-2 {
    top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-top-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-top-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-2 {
    top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-3 {
    top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-4 {
    top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-5 {
    top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-6 {
    top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-0 {
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom {
    bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-bottom-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-bottom-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-bottom-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left {
    left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-left-2 {
    left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-left-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-left-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-2 {
    left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-3 {
    left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-4 {
    left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-5 {
    left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-6 {
    left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-0 {
    left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right {
    right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-right-2 {
    right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-right-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-right-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-2 {
    right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-3 {
    right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-4 {
    right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-5 {
    right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-6 {
    right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-0 {
    right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center {
    top: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center {
    left: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center {
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center-x {
    left: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center-x {
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center-y {
    top: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center-y {
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z {
    z-index: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-2 {
    z-index: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-3 {
    z-index: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-4 {
    z-index: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-5 {
    z-index: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-6 {
    z-index: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-7 {
    z-index: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-8 {
    z-index: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-9 {
    z-index: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-10 {
    z-index: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-0 {
    z-index: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:w-100 {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:w-100-dive > * {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:h-100 {
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:h-100-dive > * {
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:box-border {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  .mobile\:box-border-dive > * {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  .mobile\:box-content {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 767px) {
  .mobile\:box-content-dive > * {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m {
    margin: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-2 {
    margin: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-2-dive > * {
    margin: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-1\.5 {
    margin: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-1\.5-dive > * {
    margin: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-0\.5 {
    margin: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-0\.5-dive > * {
    margin: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-0\.5 {
    margin: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-0\.5-dive > * {
    margin: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-1\.5 {
    margin: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-1\.5-dive > * {
    margin: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-2 {
    margin: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-2-dive > * {
    margin: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-2\.5 {
    margin: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-2\.5-dive > * {
    margin: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-3 {
    margin: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-3-dive > * {
    margin: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-3\.5 {
    margin: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-3\.5-dive > * {
    margin: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-4 {
    margin: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-4-dive > * {
    margin: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-4\.5 {
    margin: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-4\.5-dive > * {
    margin: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-5 {
    margin: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-5-dive > * {
    margin: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-5\.5 {
    margin: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-5\.5-dive > * {
    margin: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-6 {
    margin: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-6-dive > * {
    margin: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-0 {
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt {
    margin-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt {
    margin-top: -20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-2 {
    margin-top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-2-dive > * {
    margin-top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-1\.5 {
    margin-top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-1\.5-dive > * {
    margin-top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-0\.5 {
    margin-top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-0\.5-dive > * {
    margin-top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-0\.5 {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-0\.5-dive > * {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-1\.5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-1\.5-dive > * {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-2 {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-2-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-2\.5 {
    margin-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-2\.5-dive > * {
    margin-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-3 {
    margin-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-3-dive > * {
    margin-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-3\.5 {
    margin-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-3\.5-dive > * {
    margin-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-4 {
    margin-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-4-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-4\.5 {
    margin-top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-4\.5-dive > * {
    margin-top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-5 {
    margin-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-5-dive > * {
    margin-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-5\.5 {
    margin-top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-5\.5-dive > * {
    margin-top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-6 {
    margin-top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-6-dive > * {
    margin-top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-dive > * {
    margin-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr {
    margin-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr {
    margin-right: -20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-2 {
    margin-right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-2-dive > * {
    margin-right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-1\.5 {
    margin-right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-1\.5-dive > * {
    margin-right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-0\.5 {
    margin-right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-0\.5-dive > * {
    margin-right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-0\.5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-0\.5-dive > * {
    margin-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-1\.5 {
    margin-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-1\.5-dive > * {
    margin-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-2 {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-2-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-2\.5 {
    margin-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-2\.5-dive > * {
    margin-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-3 {
    margin-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-3-dive > * {
    margin-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-3\.5 {
    margin-right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-3\.5-dive > * {
    margin-right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-4 {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-4-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-4\.5 {
    margin-right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-4\.5-dive > * {
    margin-right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-5 {
    margin-right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-5-dive > * {
    margin-right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-5\.5 {
    margin-right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-5\.5-dive > * {
    margin-right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-6 {
    margin-right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-6-dive > * {
    margin-right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-dive > * {
    margin-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb {
    margin-bottom: -20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-2 {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-2-dive > * {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-1\.5 {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-1\.5-dive > * {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-0\.5 {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-0\.5-dive > * {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-0\.5 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-0\.5-dive > * {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-1\.5 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-1\.5-dive > * {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-2 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-2-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-2\.5 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-2\.5-dive > * {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-3 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-3-dive > * {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-3\.5 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-3\.5-dive > * {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-4 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-4-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-4\.5 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-4\.5-dive > * {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-5 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-5-dive > * {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-5\.5 {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-5\.5-dive > * {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-6 {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-6-dive > * {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-dive > * {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml {
    margin-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml {
    margin-left: -20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-2 {
    margin-left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-2-dive > * {
    margin-left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-1\.5 {
    margin-left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-1\.5-dive > * {
    margin-left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-0\.5 {
    margin-left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-0\.5-dive > * {
    margin-left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-0\.5 {
    margin-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-0\.5-dive > * {
    margin-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-1\.5 {
    margin-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-1\.5-dive > * {
    margin-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-2 {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-2-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-2\.5 {
    margin-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-2\.5-dive > * {
    margin-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-3 {
    margin-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-3-dive > * {
    margin-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-3\.5 {
    margin-left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-3\.5-dive > * {
    margin-left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-4 {
    margin-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-4-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-4\.5 {
    margin-left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-4\.5-dive > * {
    margin-left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-5 {
    margin-left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-5-dive > * {
    margin-left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-5\.5 {
    margin-left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-5\.5-dive > * {
    margin-left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-6 {
    margin-left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-6-dive > * {
    margin-left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-dive > * {
    margin-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-dive > * {
    margin: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my {
    margin-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-2 {
    margin-top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-2-dive > * {
    margin-top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-1\.5 {
    margin-top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-1\.5-dive > * {
    margin-top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-0\.5 {
    margin-top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-0\.5-dive > * {
    margin-top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0\.5 {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0\.5-dive > * {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-1\.5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-1\.5-dive > * {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2 {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2\.5 {
    margin-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2\.5-dive > * {
    margin-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3 {
    margin-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3-dive > * {
    margin-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3\.5 {
    margin-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3\.5-dive > * {
    margin-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4 {
    margin-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4\.5 {
    margin-top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4\.5-dive > * {
    margin-top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5 {
    margin-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5-dive > * {
    margin-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5\.5 {
    margin-top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5\.5-dive > * {
    margin-top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-6 {
    margin-top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-6-dive > * {
    margin-top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-dive > * {
    margin-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-2 {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-2-dive > * {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-1\.5 {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-1\.5-dive > * {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-0\.5 {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-0\.5-dive > * {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0\.5 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0\.5-dive > * {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-1\.5 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-1\.5-dive > * {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2\.5 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2\.5-dive > * {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3-dive > * {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3\.5 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3\.5-dive > * {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4\.5 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4\.5-dive > * {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5-dive > * {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5\.5 {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5\.5-dive > * {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-6 {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-6-dive > * {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-dive > * {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx {
    margin-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-2 {
    margin-left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-2-dive > * {
    margin-left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-1\.5 {
    margin-left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-1\.5-dive > * {
    margin-left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-0\.5 {
    margin-left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-0\.5-dive > * {
    margin-left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0\.5 {
    margin-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0\.5-dive > * {
    margin-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-1\.5 {
    margin-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-1\.5-dive > * {
    margin-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2 {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2\.5 {
    margin-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2\.5-dive > * {
    margin-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3 {
    margin-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3-dive > * {
    margin-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3\.5 {
    margin-left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3\.5-dive > * {
    margin-left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4 {
    margin-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4\.5 {
    margin-left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4\.5-dive > * {
    margin-left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5 {
    margin-left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5-dive > * {
    margin-left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5\.5 {
    margin-left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5\.5-dive > * {
    margin-left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-6 {
    margin-left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-6-dive > * {
    margin-left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-dive > * {
    margin-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx {
    margin-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-2 {
    margin-right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-2-dive > * {
    margin-right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-1\.5 {
    margin-right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-1\.5-dive > * {
    margin-right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-0\.5 {
    margin-right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-0\.5-dive > * {
    margin-right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0\.5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0\.5-dive > * {
    margin-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-1\.5 {
    margin-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-1\.5-dive > * {
    margin-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2 {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2\.5 {
    margin-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2\.5-dive > * {
    margin-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3 {
    margin-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3-dive > * {
    margin-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3\.5 {
    margin-right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3\.5-dive > * {
    margin-right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4 {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4\.5 {
    margin-right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4\.5-dive > * {
    margin-right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5 {
    margin-right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5-dive > * {
    margin-right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5\.5 {
    margin-right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5\.5-dive > * {
    margin-right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-6 {
    margin-right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-6-dive > * {
    margin-right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-dive > * {
    margin-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p {
    padding: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-2 {
    padding: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-2-dive > * {
    padding: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-1\.5 {
    padding: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-1\.5-dive > * {
    padding: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-0\.5 {
    padding: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-0\.5-dive > * {
    padding: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-0\.5 {
    padding: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-0\.5-dive > * {
    padding: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-1\.5 {
    padding: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-1\.5-dive > * {
    padding: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-2 {
    padding: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-2-dive > * {
    padding: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-2\.5 {
    padding: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-2\.5-dive > * {
    padding: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-3 {
    padding: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-3-dive > * {
    padding: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-3\.5 {
    padding: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-3\.5-dive > * {
    padding: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-4 {
    padding: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-4-dive > * {
    padding: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-4\.5 {
    padding: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-4\.5-dive > * {
    padding: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-5 {
    padding: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-5-dive > * {
    padding: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-5\.5 {
    padding: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-5\.5-dive > * {
    padding: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-6 {
    padding: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-6-dive > * {
    padding: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt {
    padding-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-2 {
    padding-top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-2-dive > * {
    padding-top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-1\.5 {
    padding-top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-1\.5-dive > * {
    padding-top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-0\.5 {
    padding-top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-0\.5-dive > * {
    padding-top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-0\.5 {
    padding-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-0\.5-dive > * {
    padding-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-1\.5 {
    padding-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-1\.5-dive > * {
    padding-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-2 {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-2-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-2\.5 {
    padding-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-2\.5-dive > * {
    padding-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-3 {
    padding-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-3-dive > * {
    padding-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-3\.5 {
    padding-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-3\.5-dive > * {
    padding-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-4 {
    padding-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-4-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-4\.5 {
    padding-top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-4\.5-dive > * {
    padding-top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-5 {
    padding-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-5-dive > * {
    padding-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-5\.5 {
    padding-top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-5\.5-dive > * {
    padding-top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-6 {
    padding-top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-6-dive > * {
    padding-top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-dive > * {
    padding-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr {
    padding-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-2 {
    padding-right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-2-dive > * {
    padding-right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-1\.5 {
    padding-right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-1\.5-dive > * {
    padding-right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-0\.5 {
    padding-right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-0\.5-dive > * {
    padding-right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-0\.5 {
    padding-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-0\.5-dive > * {
    padding-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-1\.5 {
    padding-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-1\.5-dive > * {
    padding-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-2 {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-2-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-2\.5 {
    padding-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-2\.5-dive > * {
    padding-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-3 {
    padding-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-3-dive > * {
    padding-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-3\.5 {
    padding-right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-3\.5-dive > * {
    padding-right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-4 {
    padding-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-4-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-4\.5 {
    padding-right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-4\.5-dive > * {
    padding-right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-5 {
    padding-right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-5-dive > * {
    padding-right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-5\.5 {
    padding-right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-5\.5-dive > * {
    padding-right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-6 {
    padding-right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-6-dive > * {
    padding-right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-dive > * {
    padding-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-2 {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-2-dive > * {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-1\.5 {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-1\.5-dive > * {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-0\.5 {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-0\.5-dive > * {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-0\.5 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-0\.5-dive > * {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-1\.5 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-1\.5-dive > * {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-2 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-2-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-2\.5 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-2\.5-dive > * {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-3 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-3-dive > * {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-3\.5 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-3\.5-dive > * {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-4 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-4-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-4\.5 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-4\.5-dive > * {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-5 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-5-dive > * {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-5\.5 {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-5\.5-dive > * {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-6 {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-6-dive > * {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-dive > * {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl {
    padding-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-2 {
    padding-left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-2-dive > * {
    padding-left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-1\.5 {
    padding-left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-1\.5-dive > * {
    padding-left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-0\.5 {
    padding-left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-0\.5-dive > * {
    padding-left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-0\.5 {
    padding-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-0\.5-dive > * {
    padding-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-1\.5 {
    padding-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-1\.5-dive > * {
    padding-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-2 {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-2-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-2\.5 {
    padding-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-2\.5-dive > * {
    padding-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-3 {
    padding-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-3-dive > * {
    padding-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-3\.5 {
    padding-left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-3\.5-dive > * {
    padding-left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-4 {
    padding-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-4-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-4\.5 {
    padding-left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-4\.5-dive > * {
    padding-left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-5 {
    padding-left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-5-dive > * {
    padding-left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-5\.5 {
    padding-left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-5\.5-dive > * {
    padding-left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-6 {
    padding-left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-6-dive > * {
    padding-left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-dive > * {
    padding-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-dive > * {
    padding: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py {
    padding-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-2 {
    padding-top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-2-dive > * {
    padding-top: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-1\.5 {
    padding-top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-1\.5-dive > * {
    padding-top: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-0\.5 {
    padding-top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-0\.5-dive > * {
    padding-top: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0\.5 {
    padding-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0\.5-dive > * {
    padding-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-1\.5 {
    padding-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-1\.5-dive > * {
    padding-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2 {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2\.5 {
    padding-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2\.5-dive > * {
    padding-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3 {
    padding-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3-dive > * {
    padding-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3\.5 {
    padding-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3\.5-dive > * {
    padding-top: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4 {
    padding-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4\.5 {
    padding-top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4\.5-dive > * {
    padding-top: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5 {
    padding-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5-dive > * {
    padding-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5\.5 {
    padding-top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5\.5-dive > * {
    padding-top: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-6 {
    padding-top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-6-dive > * {
    padding-top: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-dive > * {
    padding-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-2 {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-2-dive > * {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-1\.5 {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-1\.5-dive > * {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-0\.5 {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-0\.5-dive > * {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0\.5 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0\.5-dive > * {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-1\.5 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-1\.5-dive > * {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2\.5 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2\.5-dive > * {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3-dive > * {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3\.5 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3\.5-dive > * {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4\.5 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4\.5-dive > * {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5-dive > * {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5\.5 {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5\.5-dive > * {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-6 {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-6-dive > * {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-dive > * {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px {
    padding-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-2 {
    padding-left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-2-dive > * {
    padding-left: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-1\.5 {
    padding-left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-1\.5-dive > * {
    padding-left: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-0\.5 {
    padding-left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-0\.5-dive > * {
    padding-left: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0\.5 {
    padding-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0\.5-dive > * {
    padding-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-1\.5 {
    padding-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-1\.5-dive > * {
    padding-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2 {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2\.5 {
    padding-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2\.5-dive > * {
    padding-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3 {
    padding-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3-dive > * {
    padding-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3\.5 {
    padding-left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3\.5-dive > * {
    padding-left: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4 {
    padding-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4\.5 {
    padding-left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4\.5-dive > * {
    padding-left: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5 {
    padding-left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5-dive > * {
    padding-left: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5\.5 {
    padding-left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5\.5-dive > * {
    padding-left: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-6 {
    padding-left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-6-dive > * {
    padding-left: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-dive > * {
    padding-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px {
    padding-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-2 {
    padding-right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-2-dive > * {
    padding-right: -40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-1\.5 {
    padding-right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-1\.5-dive > * {
    padding-right: -30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-0\.5 {
    padding-right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-0\.5-dive > * {
    padding-right: -10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0\.5 {
    padding-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0\.5-dive > * {
    padding-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-1\.5 {
    padding-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-1\.5-dive > * {
    padding-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2 {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2\.5 {
    padding-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2\.5-dive > * {
    padding-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3 {
    padding-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3-dive > * {
    padding-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3\.5 {
    padding-right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3\.5-dive > * {
    padding-right: 70px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4 {
    padding-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4\.5 {
    padding-right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4\.5-dive > * {
    padding-right: 90px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5 {
    padding-right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5-dive > * {
    padding-right: 100px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5\.5 {
    padding-right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5\.5-dive > * {
    padding-right: 110px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-6 {
    padding-right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-6-dive > * {
    padding-right: 120px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-dive > * {
    padding-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius {
    border-radius: 4px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-2 {
    border-radius: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-3 {
    border-radius: 12px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-4 {
    border-radius: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-5 {
    border-radius: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-0 {
    border-radius: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-round {
    border-radius: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border {
    border-width: 1px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-2 {
    border-width: 2px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-3 {
    border-width: 3px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-4 {
    border-width: 4px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-5 {
    border-width: 5px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-0 {
    border-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-none {
    border: none !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-solid {
    border-top-style: solid !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t {
    border-top-width: 0.1rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-2 {
    border-top-width: 0.2rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-3 {
    border-top-width: 0.3rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-4 {
    border-top-width: 0.4rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-5 {
    border-top-width: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-0 {
    border-top-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b {
    border-bottom-width: 0.1rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-2 {
    border-bottom-width: 0.2rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-3 {
    border-bottom-width: 0.3rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-4 {
    border-bottom-width: 0.4rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-5 {
    border-bottom-width: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-0 {
    border-bottom-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l {
    border-left-width: 0.1rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-2 {
    border-left-width: 0.2rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-3 {
    border-left-width: 0.3rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-4 {
    border-left-width: 0.4rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-5 {
    border-left-width: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-0 {
    border-left-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r {
    border-right-width: 0.1rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-2 {
    border-right-width: 0.2rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-3 {
    border-right-width: 0.3rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-4 {
    border-right-width: 0.4rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-5 {
    border-right-width: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-0 {
    border-right-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-dive > * {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 479px) {
  .base\:block {
    display: block !important;
  }
}

@media (max-width: 479px) {
  .base\:block-dive > * {
    display: block !important;
  }
}

@media (max-width: 479px) {
  .base\:inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 479px) {
  .base\:inline-block-dive > * {
    display: inline-block !important;
  }
}

@media (max-width: 479px) {
  .base\:inline {
    display: inline !important;
  }
}

@media (max-width: 479px) {
  .base\:inline-dive > * {
    display: inline !important;
  }
}

@media (max-width: 479px) {
  .base\:hidden {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .base\:hidden-dive > * {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .base\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 479px) {
  .base\:text-left-dive > * {
    text-align: left !important;
  }
}

@media (max-width: 479px) {
  .base\:text-center {
    text-align: center !important;
  }
}

@media (max-width: 479px) {
  .base\:text-center-dive > * {
    text-align: center !important;
  }
}

@media (max-width: 479px) {
  .base\:text-right {
    text-align: right !important;
  }
}

@media (max-width: 479px) {
  .base\:text-right-dive > * {
    text-align: right !important;
  }
}

@media (max-width: 479px) {
  .base\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 479px) {
  .base\:text-justify-dive > * {
    text-align: justify !important;
  }
}

@media (max-width: 479px) {
  .base\:align-baseline {
    vertical-align: baseline !important;
  }
}

@media (max-width: 479px) {
  .base\:align-baseline-dive > * {
    vertical-align: baseline !important;
  }
}

@media (max-width: 479px) {
  .base\:align-top {
    vertical-align: top !important;
  }
}

@media (max-width: 479px) {
  .base\:align-top-dive > * {
    vertical-align: top !important;
  }
}

@media (max-width: 479px) {
  .base\:align-middle {
    vertical-align: middle !important;
  }
}

@media (max-width: 479px) {
  .base\:align-middle-dive > * {
    vertical-align: middle !important;
  }
}

@media (max-width: 479px) {
  .base\:align-bottom {
    vertical-align: bottom !important;
  }
}

@media (max-width: 479px) {
  .base\:align-bottom-dive > * {
    vertical-align: bottom !important;
  }
}

@media (max-width: 479px) {
  .base\:align-text-top {
    vertical-align: text-top !important;
  }
}

@media (max-width: 479px) {
  .base\:align-text-top-dive > * {
    vertical-align: text-top !important;
  }
}

@media (max-width: 479px) {
  .base\:align-text-bottom {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 479px) {
  .base\:align-text-bottom-dive > * {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-2 {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-2-dive > * {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-3 {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-3-dive > * {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-4 {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-4-dive > * {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-5 {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-5-dive > * {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-6 {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-6-dive > * {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-7 {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-7-dive > * {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-8 {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-8-dive > * {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-9 {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-9-dive > * {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-10 {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-10-dive > * {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-11 {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-11-dive > * {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-12 {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-12-dive > * {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-dive > * {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-2 {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-2-dive > * {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-3 {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-3-dive > * {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-4 {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-4-dive > * {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-5 {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-5-dive > * {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-6 {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-6-dive > * {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-7 {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-7-dive > * {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-8 {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-8-dive > * {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-9 {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-9-dive > * {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-10 {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-10-dive > * {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-11 {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-11-dive > * {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-12 {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-12-dive > * {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-dive > * {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:order {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-2-dive > * {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-3-dive > * {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-4-dive > * {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-5-dive > * {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-6-dive > * {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-7-dive > * {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-8-dive > * {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-9-dive > * {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-10-dive > * {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-11 {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-11-dive > * {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-12 {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-12-dive > * {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-dive > * {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-row-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-row-reverse-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-column-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-column-reverse-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-start-dive > * {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-end-dive > * {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-center-dive > * {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-around-dive > * {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-between-dive > * {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-evenly-dive > * {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 479px) {
  .base\:items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 479px) {
  .base\:items-start-dive > * {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 479px) {
  .base\:items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 479px) {
  .base\:items-end-dive > * {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 479px) {
  .base\:items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 479px) {
  .base\:items-center-dive > * {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 479px) {
  .base\:items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 479px) {
  .base\:items-baseline-dive > * {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 479px) {
  .base\:items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 479px) {
  .base\:items-stretch-dive > * {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 479px) {
  .base\:table {
    display: table !important;
  }
}

@media (max-width: 479px) {
  .base\:table-dive > * {
    display: table !important;
  }
}

@media (max-width: 479px) {
  .base\:table-row {
    display: table-row !important;
  }
}

@media (max-width: 479px) {
  .base\:table-row-dive > * {
    display: table-row !important;
  }
}

@media (max-width: 479px) {
  .base\:table-cell {
    display: table-cell !important;
  }
}

@media (max-width: 479px) {
  .base\:table-cell-dive > * {
    display: table-cell !important;
  }
}

@media (max-width: 479px) {
  .base\:static {
    position: static !important;
  }
}

@media (max-width: 479px) {
  .base\:static-dive > * {
    position: static !important;
  }
}

@media (max-width: 479px) {
  .base\:fixed {
    position: fixed !important;
  }
}

@media (max-width: 479px) {
  .base\:fixed-dive > * {
    position: fixed !important;
  }
}

@media (max-width: 479px) {
  .base\:absolute {
    position: absolute !important;
  }
}

@media (max-width: 479px) {
  .base\:absolute-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 479px) {
  .base\:pin {
    position: absolute !important;
  }
}

@media (max-width: 479px) {
  .base\:pin-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 479px) {
  .base\:relative {
    position: relative !important;
  }
}

@media (max-width: 479px) {
  .base\:relative-dive > * {
    position: relative !important;
  }
}

@media (max-width: 479px) {
  .base\:sticky {
    position: sticky !important;
  }
}

@media (max-width: 479px) {
  .base\:sticky-dive > * {
    position: sticky !important;
  }
}

@media (max-width: 479px) {
  .base\:inset {
    top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-2 {
    top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2 {
    top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3 {
    top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4 {
    top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5 {
    top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-6 {
    top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0 {
    top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset {
    bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset {
    left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-2 {
    left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2 {
    left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3 {
    left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4 {
    left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5 {
    left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-6 {
    left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0 {
    left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset {
    right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-2 {
    right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2 {
    right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3 {
    right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4 {
    right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5 {
    right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-6 {
    right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0 {
    right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y {
    top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-2 {
    top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-2 {
    top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-3 {
    top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-4 {
    top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-5 {
    top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-6 {
    top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-0 {
    top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y {
    bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x {
    left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-2 {
    left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-2 {
    left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-3 {
    left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-4 {
    left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-5 {
    left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-6 {
    left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-0 {
    left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x {
    right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-2 {
    right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-2 {
    right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-3 {
    right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-4 {
    right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-5 {
    right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-6 {
    right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-0 {
    right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:top {
    top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-top-2 {
    top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-top-1\.5 {
    top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-top-0\.5 {
    top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-0\.5 {
    top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-1\.5 {
    top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-2 {
    top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-2\.5 {
    top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-3 {
    top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-3\.5 {
    top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-4 {
    top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-4\.5 {
    top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-5 {
    top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-5\.5 {
    top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-6 {
    top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-0 {
    top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom {
    bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-bottom-2 {
    bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-bottom-1\.5 {
    bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-bottom-0\.5 {
    bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-0\.5 {
    bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-1\.5 {
    bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-2 {
    bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-2\.5 {
    bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-3 {
    bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-3\.5 {
    bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-4 {
    bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-4\.5 {
    bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-5 {
    bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-5\.5 {
    bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-6 {
    bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:left {
    left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-left-2 {
    left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-left-1\.5 {
    left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-left-0\.5 {
    left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-0\.5 {
    left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-1\.5 {
    left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-2 {
    left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-2\.5 {
    left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-3 {
    left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-3\.5 {
    left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-4 {
    left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-4\.5 {
    left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-5 {
    left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-5\.5 {
    left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-6 {
    left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-0 {
    left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:right {
    right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-right-2 {
    right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-right-1\.5 {
    right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-right-0\.5 {
    right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-0\.5 {
    right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-1\.5 {
    right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-2 {
    right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-2\.5 {
    right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-3 {
    right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-3\.5 {
    right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-4 {
    right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-4\.5 {
    right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-5 {
    right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-5\.5 {
    right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-6 {
    right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-0 {
    right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center {
    top: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center {
    left: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center {
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center-x {
    left: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center-x {
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center-y {
    top: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center-y {
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@media (max-width: 479px) {
  .base\:z {
    z-index: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-2 {
    z-index: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-3 {
    z-index: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-4 {
    z-index: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-5 {
    z-index: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-6 {
    z-index: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-7 {
    z-index: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-8 {
    z-index: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-9 {
    z-index: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-10 {
    z-index: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-0 {
    z-index: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:w-100 {
    width: 100% !important;
  }
}

@media (max-width: 479px) {
  .base\:w-100-dive > * {
    width: 100% !important;
  }
}

@media (max-width: 479px) {
  .base\:h-100 {
    height: 100% !important;
  }
}

@media (max-width: 479px) {
  .base\:h-100-dive > * {
    height: 100% !important;
  }
}

@media (max-width: 479px) {
  .base\:box-border {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 479px) {
  .base\:box-border-dive > * {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 479px) {
  .base\:box-content {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 479px) {
  .base\:box-content-dive > * {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 479px) {
  .base\:m {
    margin: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-2 {
    margin: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-2-dive > * {
    margin: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-1\.5 {
    margin: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-1\.5-dive > * {
    margin: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-0\.5 {
    margin: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-0\.5-dive > * {
    margin: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-0\.5 {
    margin: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-0\.5-dive > * {
    margin: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-1\.5 {
    margin: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-1\.5-dive > * {
    margin: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-2 {
    margin: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-2-dive > * {
    margin: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-2\.5 {
    margin: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-2\.5-dive > * {
    margin: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-3 {
    margin: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-3-dive > * {
    margin: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-3\.5 {
    margin: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-3\.5-dive > * {
    margin: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-4 {
    margin: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-4-dive > * {
    margin: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-4\.5 {
    margin: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-4\.5-dive > * {
    margin: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-5 {
    margin: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-5-dive > * {
    margin: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-5\.5 {
    margin: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-5\.5-dive > * {
    margin: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-6 {
    margin: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-6-dive > * {
    margin: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-0 {
    margin: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mt {
    margin-top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt {
    margin-top: -20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-2 {
    margin-top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-2-dive > * {
    margin-top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-1\.5 {
    margin-top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-1\.5-dive > * {
    margin-top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-0\.5 {
    margin-top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-0\.5-dive > * {
    margin-top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-0\.5 {
    margin-top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-0\.5-dive > * {
    margin-top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-1\.5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-1\.5-dive > * {
    margin-top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-2 {
    margin-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-2-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-2\.5 {
    margin-top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-2\.5-dive > * {
    margin-top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-3 {
    margin-top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-3-dive > * {
    margin-top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-3\.5 {
    margin-top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-3\.5-dive > * {
    margin-top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-4 {
    margin-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-4-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-4\.5 {
    margin-top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-4\.5-dive > * {
    margin-top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-5 {
    margin-top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-5-dive > * {
    margin-top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-5\.5 {
    margin-top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-5\.5-dive > * {
    margin-top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-6 {
    margin-top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-6-dive > * {
    margin-top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-dive > * {
    margin-top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mr {
    margin-right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr {
    margin-right: -20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-2 {
    margin-right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-2-dive > * {
    margin-right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-1\.5 {
    margin-right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-1\.5-dive > * {
    margin-right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-0\.5 {
    margin-right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-0\.5-dive > * {
    margin-right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-0\.5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-0\.5-dive > * {
    margin-right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-1\.5 {
    margin-right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-1\.5-dive > * {
    margin-right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-2 {
    margin-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-2-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-2\.5 {
    margin-right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-2\.5-dive > * {
    margin-right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-3 {
    margin-right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-3-dive > * {
    margin-right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-3\.5 {
    margin-right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-3\.5-dive > * {
    margin-right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-4 {
    margin-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-4-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-4\.5 {
    margin-right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-4\.5-dive > * {
    margin-right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-5 {
    margin-right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-5-dive > * {
    margin-right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-5\.5 {
    margin-right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-5\.5-dive > * {
    margin-right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-6 {
    margin-right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-6-dive > * {
    margin-right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-dive > * {
    margin-right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mb {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb {
    margin-bottom: -20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-2 {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-2-dive > * {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-1\.5 {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-1\.5-dive > * {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-0\.5 {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-0\.5-dive > * {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-0\.5 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-0\.5-dive > * {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-1\.5 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-1\.5-dive > * {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-2 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-2-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-2\.5 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-2\.5-dive > * {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-3 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-3-dive > * {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-3\.5 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-3\.5-dive > * {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-4 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-4-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-4\.5 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-4\.5-dive > * {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-5 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-5-dive > * {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-5\.5 {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-5\.5-dive > * {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-6 {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-6-dive > * {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-dive > * {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:ml {
    margin-left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml {
    margin-left: -20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-2 {
    margin-left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-2-dive > * {
    margin-left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-1\.5 {
    margin-left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-1\.5-dive > * {
    margin-left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-0\.5 {
    margin-left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-0\.5-dive > * {
    margin-left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-0\.5 {
    margin-left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-0\.5-dive > * {
    margin-left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-1\.5 {
    margin-left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-1\.5-dive > * {
    margin-left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-2 {
    margin-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-2-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-2\.5 {
    margin-left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-2\.5-dive > * {
    margin-left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-3 {
    margin-left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-3-dive > * {
    margin-left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-3\.5 {
    margin-left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-3\.5-dive > * {
    margin-left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-4 {
    margin-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-4-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-4\.5 {
    margin-left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-4\.5-dive > * {
    margin-left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-5 {
    margin-left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-5-dive > * {
    margin-left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-5\.5 {
    margin-left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-5\.5-dive > * {
    margin-left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-6 {
    margin-left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-6-dive > * {
    margin-left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-dive > * {
    margin-left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-dive > * {
    margin: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:my {
    margin-top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-2 {
    margin-top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-2-dive > * {
    margin-top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-1\.5 {
    margin-top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-1\.5-dive > * {
    margin-top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-0\.5 {
    margin-top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-0\.5-dive > * {
    margin-top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0\.5 {
    margin-top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0\.5-dive > * {
    margin-top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-1\.5 {
    margin-top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-1\.5-dive > * {
    margin-top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2 {
    margin-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2\.5 {
    margin-top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2\.5-dive > * {
    margin-top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3 {
    margin-top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3-dive > * {
    margin-top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3\.5 {
    margin-top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3\.5-dive > * {
    margin-top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4 {
    margin-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4\.5 {
    margin-top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4\.5-dive > * {
    margin-top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5 {
    margin-top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5-dive > * {
    margin-top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5\.5 {
    margin-top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5\.5-dive > * {
    margin-top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-6 {
    margin-top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-6-dive > * {
    margin-top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:my-dive > * {
    margin-top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:my {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-2 {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-2-dive > * {
    margin-bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-1\.5 {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-1\.5-dive > * {
    margin-bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-0\.5 {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-0\.5-dive > * {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0\.5 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0\.5-dive > * {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-1\.5 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-1\.5-dive > * {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2\.5 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2\.5-dive > * {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3 {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3-dive > * {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3\.5 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3\.5-dive > * {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4\.5 {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4\.5-dive > * {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5-dive > * {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5\.5 {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5\.5-dive > * {
    margin-bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-6 {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-6-dive > * {
    margin-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:my-dive > * {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx {
    margin-left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-2 {
    margin-left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-2-dive > * {
    margin-left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-1\.5 {
    margin-left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-1\.5-dive > * {
    margin-left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-0\.5 {
    margin-left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-0\.5-dive > * {
    margin-left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0\.5 {
    margin-left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0\.5-dive > * {
    margin-left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-1\.5 {
    margin-left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-1\.5-dive > * {
    margin-left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2 {
    margin-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2\.5 {
    margin-left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2\.5-dive > * {
    margin-left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3 {
    margin-left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3-dive > * {
    margin-left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3\.5 {
    margin-left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3\.5-dive > * {
    margin-left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4 {
    margin-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4\.5 {
    margin-left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4\.5-dive > * {
    margin-left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5 {
    margin-left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5-dive > * {
    margin-left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5\.5 {
    margin-left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5\.5-dive > * {
    margin-left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-6 {
    margin-left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-6-dive > * {
    margin-left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-dive > * {
    margin-left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx {
    margin-right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-2 {
    margin-right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-2-dive > * {
    margin-right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-1\.5 {
    margin-right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-1\.5-dive > * {
    margin-right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-0\.5 {
    margin-right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-0\.5-dive > * {
    margin-right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0\.5 {
    margin-right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0\.5-dive > * {
    margin-right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-1\.5 {
    margin-right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-1\.5-dive > * {
    margin-right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2 {
    margin-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2\.5 {
    margin-right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2\.5-dive > * {
    margin-right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3 {
    margin-right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3-dive > * {
    margin-right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3\.5 {
    margin-right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3\.5-dive > * {
    margin-right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4 {
    margin-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4\.5 {
    margin-right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4\.5-dive > * {
    margin-right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5 {
    margin-right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5-dive > * {
    margin-right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5\.5 {
    margin-right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5\.5-dive > * {
    margin-right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-6 {
    margin-right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-6-dive > * {
    margin-right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-dive > * {
    margin-right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:p {
    padding: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-2 {
    padding: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-2-dive > * {
    padding: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-1\.5 {
    padding: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-1\.5-dive > * {
    padding: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-0\.5 {
    padding: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-0\.5-dive > * {
    padding: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-0\.5 {
    padding: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-0\.5-dive > * {
    padding: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-1\.5 {
    padding: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-1\.5-dive > * {
    padding: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-2 {
    padding: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-2-dive > * {
    padding: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-2\.5 {
    padding: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-2\.5-dive > * {
    padding: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-3 {
    padding: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-3-dive > * {
    padding: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-3\.5 {
    padding: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-3\.5-dive > * {
    padding: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-4 {
    padding: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-4-dive > * {
    padding: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-4\.5 {
    padding: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-4\.5-dive > * {
    padding: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-5 {
    padding: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-5-dive > * {
    padding: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-5\.5 {
    padding: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-5\.5-dive > * {
    padding: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-6 {
    padding: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-6-dive > * {
    padding: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pt {
    padding-top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-2 {
    padding-top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-2-dive > * {
    padding-top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-1\.5 {
    padding-top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-1\.5-dive > * {
    padding-top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-0\.5 {
    padding-top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-0\.5-dive > * {
    padding-top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-0\.5 {
    padding-top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-0\.5-dive > * {
    padding-top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-1\.5 {
    padding-top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-1\.5-dive > * {
    padding-top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-2 {
    padding-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-2-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-2\.5 {
    padding-top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-2\.5-dive > * {
    padding-top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-3 {
    padding-top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-3-dive > * {
    padding-top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-3\.5 {
    padding-top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-3\.5-dive > * {
    padding-top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-4 {
    padding-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-4-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-4\.5 {
    padding-top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-4\.5-dive > * {
    padding-top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-5 {
    padding-top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-5-dive > * {
    padding-top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-5\.5 {
    padding-top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-5\.5-dive > * {
    padding-top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-6 {
    padding-top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-6-dive > * {
    padding-top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-dive > * {
    padding-top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pr {
    padding-right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-2 {
    padding-right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-2-dive > * {
    padding-right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-1\.5 {
    padding-right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-1\.5-dive > * {
    padding-right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-0\.5 {
    padding-right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-0\.5-dive > * {
    padding-right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-0\.5 {
    padding-right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-0\.5-dive > * {
    padding-right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-1\.5 {
    padding-right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-1\.5-dive > * {
    padding-right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-2 {
    padding-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-2-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-2\.5 {
    padding-right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-2\.5-dive > * {
    padding-right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-3 {
    padding-right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-3-dive > * {
    padding-right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-3\.5 {
    padding-right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-3\.5-dive > * {
    padding-right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-4 {
    padding-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-4-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-4\.5 {
    padding-right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-4\.5-dive > * {
    padding-right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-5 {
    padding-right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-5-dive > * {
    padding-right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-5\.5 {
    padding-right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-5\.5-dive > * {
    padding-right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-6 {
    padding-right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-6-dive > * {
    padding-right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-dive > * {
    padding-right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pb {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-2 {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-2-dive > * {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-1\.5 {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-1\.5-dive > * {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-0\.5 {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-0\.5-dive > * {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-0\.5 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-0\.5-dive > * {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-1\.5 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-1\.5-dive > * {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-2 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-2-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-2\.5 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-2\.5-dive > * {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-3 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-3-dive > * {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-3\.5 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-3\.5-dive > * {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-4 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-4-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-4\.5 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-4\.5-dive > * {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-5 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-5-dive > * {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-5\.5 {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-5\.5-dive > * {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-6 {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-6-dive > * {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-dive > * {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pl {
    padding-left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-2 {
    padding-left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-2-dive > * {
    padding-left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-1\.5 {
    padding-left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-1\.5-dive > * {
    padding-left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-0\.5 {
    padding-left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-0\.5-dive > * {
    padding-left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-0\.5 {
    padding-left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-0\.5-dive > * {
    padding-left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-1\.5 {
    padding-left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-1\.5-dive > * {
    padding-left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-2 {
    padding-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-2-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-2\.5 {
    padding-left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-2\.5-dive > * {
    padding-left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-3 {
    padding-left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-3-dive > * {
    padding-left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-3\.5 {
    padding-left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-3\.5-dive > * {
    padding-left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-4 {
    padding-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-4-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-4\.5 {
    padding-left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-4\.5-dive > * {
    padding-left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-5 {
    padding-left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-5-dive > * {
    padding-left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-5\.5 {
    padding-left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-5\.5-dive > * {
    padding-left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-6 {
    padding-left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-6-dive > * {
    padding-left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-dive > * {
    padding-left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-dive > * {
    padding: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:py {
    padding-top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-2 {
    padding-top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-2-dive > * {
    padding-top: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-1\.5 {
    padding-top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-1\.5-dive > * {
    padding-top: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-0\.5 {
    padding-top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-0\.5-dive > * {
    padding-top: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0\.5 {
    padding-top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0\.5-dive > * {
    padding-top: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-1\.5 {
    padding-top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-1\.5-dive > * {
    padding-top: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2 {
    padding-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2\.5 {
    padding-top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2\.5-dive > * {
    padding-top: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3 {
    padding-top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3-dive > * {
    padding-top: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3\.5 {
    padding-top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3\.5-dive > * {
    padding-top: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4 {
    padding-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4\.5 {
    padding-top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4\.5-dive > * {
    padding-top: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5 {
    padding-top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5-dive > * {
    padding-top: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5\.5 {
    padding-top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5\.5-dive > * {
    padding-top: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-6 {
    padding-top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-6-dive > * {
    padding-top: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:py-dive > * {
    padding-top: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:py {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-2 {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-2-dive > * {
    padding-bottom: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-1\.5 {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-1\.5-dive > * {
    padding-bottom: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-0\.5 {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-0\.5-dive > * {
    padding-bottom: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0\.5 {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0\.5-dive > * {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-1\.5 {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-1\.5-dive > * {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2\.5 {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2\.5-dive > * {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3 {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3-dive > * {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3\.5 {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3\.5-dive > * {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4\.5 {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4\.5-dive > * {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5 {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5-dive > * {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5\.5 {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5\.5-dive > * {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-6 {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-6-dive > * {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:py-dive > * {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:px {
    padding-left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-2 {
    padding-left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-2-dive > * {
    padding-left: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-1\.5 {
    padding-left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-1\.5-dive > * {
    padding-left: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-0\.5 {
    padding-left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-0\.5-dive > * {
    padding-left: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0\.5 {
    padding-left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0\.5-dive > * {
    padding-left: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-1\.5 {
    padding-left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-1\.5-dive > * {
    padding-left: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2 {
    padding-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2\.5 {
    padding-left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2\.5-dive > * {
    padding-left: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3 {
    padding-left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3-dive > * {
    padding-left: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3\.5 {
    padding-left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3\.5-dive > * {
    padding-left: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4 {
    padding-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4\.5 {
    padding-left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4\.5-dive > * {
    padding-left: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5 {
    padding-left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5-dive > * {
    padding-left: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5\.5 {
    padding-left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5\.5-dive > * {
    padding-left: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-6 {
    padding-left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-6-dive > * {
    padding-left: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:px-dive > * {
    padding-left: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:px {
    padding-right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-2 {
    padding-right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-2-dive > * {
    padding-right: -40px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-1\.5 {
    padding-right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-1\.5-dive > * {
    padding-right: -30px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-0\.5 {
    padding-right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-0\.5-dive > * {
    padding-right: -10px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0\.5 {
    padding-right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0\.5-dive > * {
    padding-right: 10px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-1\.5 {
    padding-right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-1\.5-dive > * {
    padding-right: 30px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2 {
    padding-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2\.5 {
    padding-right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2\.5-dive > * {
    padding-right: 50px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3 {
    padding-right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3-dive > * {
    padding-right: 60px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3\.5 {
    padding-right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3\.5-dive > * {
    padding-right: 70px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4 {
    padding-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4\.5 {
    padding-right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4\.5-dive > * {
    padding-right: 90px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5 {
    padding-right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5-dive > * {
    padding-right: 100px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5\.5 {
    padding-right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5\.5-dive > * {
    padding-right: 110px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-6 {
    padding-right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-6-dive > * {
    padding-right: 120px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:px-dive > * {
    padding-right: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius {
    border-radius: 4px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-2 {
    border-radius: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-3 {
    border-radius: 12px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-4 {
    border-radius: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-5 {
    border-radius: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-0 {
    border-radius: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-round {
    border-radius: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:border {
    border-width: 1px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-2 {
    border-width: 2px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-3 {
    border-width: 3px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-4 {
    border-width: 4px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-5 {
    border-width: 5px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-0 {
    border-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-none {
    border: none !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-solid {
    border-top-style: solid !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t {
    border-top-width: 0.1rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-2 {
    border-top-width: 0.2rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-3 {
    border-top-width: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-4 {
    border-top-width: 0.4rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-5 {
    border-top-width: 0.5rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-0 {
    border-top-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b {
    border-bottom-width: 0.1rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-2 {
    border-bottom-width: 0.2rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-3 {
    border-bottom-width: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-4 {
    border-bottom-width: 0.4rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-5 {
    border-bottom-width: 0.5rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-0 {
    border-bottom-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l {
    border-left-width: 0.1rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-2 {
    border-left-width: 0.2rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-3 {
    border-left-width: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-4 {
    border-left-width: 0.4rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-5 {
    border-left-width: 0.5rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-0 {
    border-left-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r {
    border-right-width: 0.1rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-2 {
    border-right-width: 0.2rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-3 {
    border-right-width: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-4 {
    border-right-width: 0.4rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-5 {
    border-right-width: 0.5rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-0 {
    border-right-width: 0 !important;
  }
}

.button--clear, .button {
  border: none;
  background-color: transparent;
  padding: 0;
  outline: none;
  cursor: pointer;
}

.button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 15px 40px;
  background-color: #333333;
  color: white;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.button:hover, .button:active, .button:focus {
  background-color: rgb(38.25, 38.25, 38.25);
}
.button.active {
  background-color: rgb(25.5, 25.5, 25.5);
}

.button--0 {
  background-color: white;
}
.button--0:hover, .button--0:active, .button--0:focus {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button--0.active {
  background-color: rgb(229.5, 229.5, 229.5);
}

.button--1 {
  background-color: #333333;
}
.button--1:hover, .button--1:active, .button--1:focus {
  background-color: rgb(38.25, 38.25, 38.25);
}
.button--1.active {
  background-color: rgb(25.5, 25.5, 25.5);
}

.button--2 {
  background-color: #297f7f;
}
.button--2:hover, .button--2:active, .button--2:focus {
  background-color: rgb(34.7767857143, 107.7232142857, 107.7232142857);
}
.button--2.active {
  background-color: rgb(28.5535714286, 88.4464285714, 88.4464285714);
}

.button--3 {
  background-color: #563091;
}
.button--3:hover, .button--3:active, .button--3:focus {
  background-color: rgb(74.6373056995, 41.6580310881, 125.8419689119);
}
.button--3.active {
  background-color: rgb(63.274611399, 35.3160621762, 106.6839378238);
}

.button--4 {
  background-color: #38abab;
}
.button--4:hover, .button--4:active, .button--4:focus {
  background-color: rgb(49.7092511013, 151.7907488987, 151.7907488987);
}
.button--4.active {
  background-color: rgb(43.4185022026, 132.5814977974, 132.5814977974);
}

.button--5 {
  background-color: #774bbc;
}
.button--5:hover, .button--5:active, .button--5:focus {
  background-color: rgb(106.7307692308, 64.4230769231, 173.0769230769);
}
.button--5.active {
  background-color: rgb(95.2712550607, 57.5060728745, 154.4939271255);
}

.button--6 {
  background-color: #c8b3e8;
}
.button--6:hover, .button--6:active, .button--6:focus {
  background-color: rgb(185.8333333333, 159.4242424242, 226.0757575758);
}
.button--6.active {
  background-color: rgb(171.6666666667, 139.8484848485, 220.1515151515);
}

.button--7 {
  background-color: #b0e4e7;
}
.button--7:hover, .button--7:active, .button--7:focus {
  background-color: rgb(156.4417475728, 221.3155339806, 225.0582524272);
}
.button--7.active {
  background-color: rgb(136.8834951456, 214.6310679612, 219.1165048544);
}

.button--8 {
  background-color: #ffffff;
}
.button--8:hover, .button--8:active, .button--8:focus {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button--8.active {
  background-color: rgb(229.5, 229.5, 229.5);
}

.button--9 {
  background-color: #f3f3f3;
}
.button--9:hover, .button--9:active, .button--9:focus {
  background-color: rgb(230.25, 230.25, 230.25);
}
.button--9.active {
  background-color: rgb(217.5, 217.5, 217.5);
}

.button--10 {
  background-color: #e6e0ef;
}
.button--10:hover, .button--10:active, .button--10:focus {
  background-color: rgb(216.4361702128, 207.1808510638, 230.3191489362);
}
.button--10.active {
  background-color: rgb(202.8723404255, 190.3617021277, 221.6382978723);
}

.button--11 {
  background-color: #C3E5E5;
}
.button--11:hover, .button--11:active, .button--11:focus {
  background-color: rgb(177.2093023256, 221.2906976744, 221.2906976744);
}
.button--11.active {
  background-color: rgb(159.4186046512, 213.5813953488, 213.5813953488);
}

.button--12 {
  background-color: #00878b;
}
.button--12:hover, .button--12:active, .button--12:focus {
  background-color: rgb(0, 110.2338129496, 113.5);
}
.button--12.active {
  background-color: rgb(0, 85.4676258993, 88);
}

.button--13 {
  background-color: #e5f8f7;
}
.button--13:hover, .button--13:active, .button--13:focus {
  background-color: rgb(208.9090909091, 242.5909090909, 240.8181818182);
}
.button--13.active {
  background-color: rgb(188.8181818182, 237.1818181818, 234.6363636364);
}

.button--14 {
  background-color: #ccf2f1;
}
.button--14:hover, .button--14:active, .button--14:focus {
  background-color: rgb(183.6796875, 236.8203125, 235.421875);
}
.button--14.active {
  background-color: rgb(163.359375, 231.640625, 229.84375);
}

.button--15 {
  background-color: #414042;
}
.button--15:hover, .button--15:active, .button--15:focus {
  background-color: rgb(52.25, 51.4461538462, 53.0538461538);
}
.button--15.active {
  background-color: rgb(39.5, 38.8923076923, 40.1076923077);
}

.button--16 {
  background-color: #592b8a;
}
.button--16:hover, .button--16:active, .button--16:focus {
  background-color: rgb(76.4613259669, 36.9419889503, 118.5580110497);
}
.button--16.active {
  background-color: rgb(63.9226519337, 30.8839779006, 99.1160220994);
}

.button--17 {
  background-color: #ede9f3;
}
.button--17:hover, .button--17:active, .button--17:focus {
  background-color: rgb(223.5, 216.5, 234);
}
.button--17.active {
  background-color: #d2c8e1;
}

.button--18 {
  background-color: #c8edec;
}
.button--18:hover, .button--18:active, .button--18:focus {
  background-color: rgb(180.7876712329, 230.7123287671, 229.3630136986);
}
.button--18.active {
  background-color: rgb(161.5753424658, 224.4246575342, 222.7260273973);
}

.button--19 {
  background-color: #c3b4d8;
}
.button--19:hover, .button--19:active, .button--19:focus {
  background-color: rgb(181.5789473684, 163.2236842105, 207.2763157895);
}
.button--19.active {
  background-color: rgb(168.1578947368, 146.4473684211, 198.5526315789);
}

.button--20 {
  background-color: #e6f8f8;
}
.button--20:hover, .button--20:active, .button--20:focus {
  background-color: rgb(210.078125, 242.421875, 242.421875);
}
.button--20.active {
  background-color: rgb(190.15625, 236.84375, 236.84375);
}

.button--21 {
  background-color: #00bbba;
}
.button--21:hover, .button--21:active, .button--21:focus {
  background-color: rgb(0, 161.5, 160.6363636364);
}
.button--21.active {
  background-color: rgb(0, 136, 135.2727272727);
}

.button--22 {
  background-color: #dc1313;
}
.button--22:hover, .button--22:active, .button--22:focus {
  background-color: rgb(196.5271966527, 16.9728033473, 16.9728033473);
}
.button--22.active {
  background-color: rgb(173.0543933054, 14.9456066946, 14.9456066946);
}

.button--23 {
  background-color: #ff0090;
}
.button--23:hover, .button--23:active, .button--23:focus {
  background-color: rgb(229.5, 0, 129.6);
}
.button--23.active {
  background-color: rgb(204, 0, 115.2);
}

.button--24 {
  background-color: #00878a;
}
.button--24:hover, .button--24:active, .button--24:focus {
  background-color: rgb(0, 110.0543478261, 112.5);
}
.button--24.active {
  background-color: rgb(0, 85.1086956522, 87);
}

.button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

@charset "UTF-8";
/* BREAKPOINTS */
.ut-hangingIndent {
  text-indent: -0.35em;
  margin-left: 0.35em !important;
}
.ut-hangingIndent p {
  text-indent: -0.35em;
}
.ut-hangingIndent p a {
  margin-left: 0.35em !important;
}

/*! purgecss start ignore */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Light.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Light.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Regular.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Italic.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Italic.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Medium.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Medium.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-MediumItalic.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-MediumItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-SemiBold.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-SemiBold.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Bold.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Bold.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-BoldItalic.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-BoldItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-ExtraBold.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-ExtraBold.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url('../media/content/fonts/Poppins/Poppins-Regular.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: url('../media/content/fonts/Poppins/Poppins-Italic.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-Italic.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url('../media/content/fonts/Poppins/Poppins-SemiBold.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-SemiBold.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  src: url('../media/content/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url('../media/content/fonts/Poppins/Poppins-Bold.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-Bold.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  src: url('../media/content/fonts/Poppins/Poppins-BoldItalic.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-BoldItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url('../media/content/fonts/Poppins/Poppins-Light.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-Light.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  src: url('../media/content/fonts/Poppins/Poppins-LightItalic.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-LightItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Peterbuilt";
  font-style: normal;
  font-weight: normal;
  src: url('../media/content/fonts/Petebuilt/Peterbuilt.ttf') format("truetype");
}
html {
  font-family: "Montserrat";
  color: #333333;
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  html {
    font-size: 15px;
  }
}
html {
  line-height: calc(18px + (22 - 18) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  html {
    line-height: 22px;
  }
}
@media only screen and (max-width: 479px) {
  html {
    line-height: 18px;
  }
}

p {
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  p {
    font-size: 15px;
  }
}
p {
  line-height: calc(21px + (22 - 21) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  p {
    line-height: 22px;
  }
}
@media only screen and (max-width: 479px) {
  p {
    line-height: 21px;
  }
}

h1 {
  margin-bottom: 15px;
  font-weight: 300;
  font-size: calc(36px + (60 - 36) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
  }
}
h1 {
  line-height: calc(42px + (64 - 42) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h1 {
    line-height: 64px;
  }
}
@media only screen and (max-width: 479px) {
  h1 {
    line-height: 42px;
  }
}
h1 {
  font-family: "Poppins";
}

.commercial-title h1 {
  margin-bottom: 15px;
  font-weight: 300;
  font-size: calc(32px + (50 - 32) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .commercial-title h1 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .commercial-title h1 {
    font-size: 32px;
  }
}
.commercial-title h1 {
  line-height: calc(38px + (60 - 38) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .commercial-title h1 {
    line-height: 60px;
  }
}
@media only screen and (max-width: 479px) {
  .commercial-title h1 {
    line-height: 38px;
  }
}
.commercial-title h1 {
  font-family: "Poppins";
}

h2, .h1-h2 h1 {
  font-size: 44px;
  font-weight: 600;
  font-size: calc(28px + (44 - 28) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h2, .h1-h2 h1 {
    font-size: 44px;
  }
}
@media only screen and (max-width: 479px) {
  h2, .h1-h2 h1 {
    font-size: 28px;
  }
}
h2, .h1-h2 h1 {
  line-height: calc(34px + (52 - 34) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h2, .h1-h2 h1 {
    line-height: 52px;
  }
}
@media only screen and (max-width: 479px) {
  h2, .h1-h2 h1 {
    line-height: 34px;
  }
}
h2, .h1-h2 h1 {
  font-family: "Poppins";
  margin-bottom: calc(20px + (40 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h2, .h1-h2 h1 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  h2, .h1-h2 h1 {
    margin-bottom: 20px;
  }
}
h2 + p, .h1-h2 h1 + p {
  margin-top: 0px;
}

h3 {
  font-weight: 400;
  font-size: calc(22px + (30 - 22) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 479px) {
  h3 {
    font-size: 22px;
  }
}
h3 {
  line-height: calc(26px + (40 - 26) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h3 {
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  h3 {
    line-height: 26px;
  }
}
h3 {
  font-family: "Poppins";
  margin-bottom: calc(20px + (40 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h3 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  h3 {
    margin-bottom: 20px;
  }
}
h3 + p {
  margin-top: 0px;
}

h4, .h4 {
  font-weight: 600;
  font-size: calc(18px + (22 - 18) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h4, .h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  h4, .h4 {
    font-size: 18px;
  }
}
h4, .h4 {
  line-height: calc(24px + (30 - 24) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h4, .h4 {
    line-height: 30px;
  }
}
@media only screen and (max-width: 479px) {
  h4, .h4 {
    line-height: 24px;
  }
}

.footnote, .footnote * {
  font-size: calc(13px + (13 - 13) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .footnote, .footnote * {
    font-size: 13px;
  }
}
@media only screen and (max-width: 479px) {
  .footnote, .footnote * {
    font-size: 13px;
  }
}
.footnote, .footnote * {
  line-height: calc(14px + (14 - 14) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .footnote, .footnote * {
    line-height: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .footnote, .footnote * {
    line-height: 14px;
  }
}

b,
strong {
  font-weight: 600;
}

.body-1 {
  font-size: 0.8rem;
}

.references {
  font-size: 0.6rem;
}
.references h5 {
  font-size: 0.6rem;
  font-weight: 400;
  margin-bottom: 10px;
}
.references p:last-child {
  margin-top: 0px;
}
.references b,
.references strong {
  color: #000000;
}

.font-body, .font-body * {
  font-family: "Montserrat" !important;
}

.mobile\:show {
  display: none !important;
}
@media (max-width: 767px) {
  .mobile\:show {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:hide {
    display: none !important;
  }
}

.noscroll {
  overflow: hidden;
}

.bg-4-2 {
  background-color: rgba(56, 171, 171, 0.2);
}

.m-auto {
  margin: auto;
}

.f-24 {
  font-size: 24px;
}
@media (max-width: 767px) {
  .f-24 {
    font-size: 14px;
  }
}

.f-14 p {
  font-size: 14px;
  line-height: 18px;
  margin-top: -27px;
}

.font-400 * {
  font-weight: 400;
}

.bg-grad-1 {
  background: rgb(238, 234, 244);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 234, 244)), to(rgb(204, 192, 222)));
  background: linear-gradient(180deg, rgb(238, 234, 244) 0%, rgb(204, 192, 222) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeaf4",endColorstr="#ccc0de",GradientType=1);
}

.bg-grad-2 {
  background: rgb(86, 48, 145);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(86, 48, 145)), to(rgb(119, 75, 188)));
  background: linear-gradient(180deg, rgb(86, 48, 145) 0%, rgb(119, 75, 188) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#563091",endColorstr="#774bbc",GradientType=1);
}

.bg-grad-3 {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(143, 217, 222, 0.35)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(143, 217, 222, 0.35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8fd9de",GradientType=1);
}

.bg-grad-4, .VCta--register .Vcta__content, .Vcta__header, .modal__inner, .banner.banner--alt, .navigation__element__subnav a:hover, .navigation__element__subnav a.active, .navigation__element__subnav a:focus {
  background: rgb(0, 187, 186);
  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 187, 186)), to(rgb(89, 43, 138)));
  background: linear-gradient(270deg, rgb(0, 187, 186) 0%, rgb(89, 43, 138) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00bbba",endColorstr="#592b8a",GradientType=1);
  border: none;
}

.color-0 * {
  color: white;
}

.w-full {
  width: 100%;
}

.hide {
  opacity: 0;
}

.p--small {
  font-size: 0.8rem;
}
.p--small b,
.p--small strong {
  font-size: 1rem;
}

.top {
  top: 0px !important;
}

.box--white {
  max-width: 440px;
}

.last-small p:last-child {
  font-size: 0.7rem;
  line-height: 1;
}

.ml-7 {
  margin-left: 140px;
}

.h-100p {
  height: 100%;
}

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

.pr-dynamic {
  padding-right: calc(0px + (60 - 0) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .pr-dynamic {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 479px) {
  .pr-dynamic {
    padding-right: 0px;
  }
}

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

.mt--1 {
  margin-top: -20px;
}

.n-2-footnote :nth-child(2) {
  font-size: calc(10px + (12 - 10) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .n-2-footnote :nth-child(2) {
    font-size: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .n-2-footnote :nth-child(2) {
    font-size: 10px;
  }
}
.n-2-footnote :nth-child(2) {
  line-height: 1.2;
}

.border-1--frame iframe {
  border: solid 2px #333333;
}

.nobr--small nobr {
  font-size: 80%;
}

.sub--small sub {
  font-size: 80%;
  vertical-align: unset;
  bottom: 0;
}

@media (max-width: 767px) {
  .mobile\:force-left * {
    text-align: left !important;
  }
}
.bold-0 b,
.bold-0 strong {
  color: white !important;
}

.link-0 a {
  color: white !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-1 b,
.bold-1 strong {
  color: #333333 !important;
}

.link-1 a {
  color: #333333 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-2 b,
.bold-2 strong {
  color: #297f7f !important;
}

.link-2 a {
  color: #297f7f !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-3 b,
.bold-3 strong {
  color: #563091 !important;
}

.link-3 a {
  color: #563091 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-4 b,
.bold-4 strong {
  color: #38abab !important;
}

.link-4 a {
  color: #38abab !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-5 b,
.bold-5 strong {
  color: #774bbc !important;
}

.link-5 a {
  color: #774bbc !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-6 b,
.bold-6 strong {
  color: #c8b3e8 !important;
}

.link-6 a {
  color: #c8b3e8 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-7 b,
.bold-7 strong {
  color: #b0e4e7 !important;
}

.link-7 a {
  color: #b0e4e7 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-8 b,
.bold-8 strong {
  color: #ffffff !important;
}

.link-8 a {
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-9 b,
.bold-9 strong {
  color: #f3f3f3 !important;
}

.link-9 a {
  color: #f3f3f3 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-10 b,
.bold-10 strong {
  color: #e6e0ef !important;
}

.link-10 a {
  color: #e6e0ef !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-11 b,
.bold-11 strong {
  color: #C3E5E5 !important;
}

.link-11 a {
  color: #C3E5E5 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-12 b,
.bold-12 strong {
  color: #00878b !important;
}

.link-12 a {
  color: #00878b !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-13 b,
.bold-13 strong {
  color: #e5f8f7 !important;
}

.link-13 a {
  color: #e5f8f7 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-14 b,
.bold-14 strong {
  color: #ccf2f1 !important;
}

.link-14 a {
  color: #ccf2f1 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-15 b,
.bold-15 strong {
  color: #414042 !important;
}

.link-15 a {
  color: #414042 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-16 b,
.bold-16 strong {
  color: #592b8a !important;
}

.link-16 a {
  color: #592b8a !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-17 b,
.bold-17 strong {
  color: #ede9f3 !important;
}

.link-17 a {
  color: #ede9f3 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-18 b,
.bold-18 strong {
  color: #c8edec !important;
}

.link-18 a {
  color: #c8edec !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-19 b,
.bold-19 strong {
  color: #c3b4d8 !important;
}

.link-19 a {
  color: #c3b4d8 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-20 b,
.bold-20 strong {
  color: #e6f8f8 !important;
}

.link-20 a {
  color: #e6f8f8 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-21 b,
.bold-21 strong {
  color: #00bbba !important;
}

.link-21 a {
  color: #00bbba !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-22 b,
.bold-22 strong {
  color: #dc1313 !important;
}

.link-22 a {
  color: #dc1313 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-23 b,
.bold-23 strong {
  color: #ff0090 !important;
}

.link-23 a {
  color: #ff0090 !important;
  font-weight: 600;
  text-decoration: underline;
}

.bold-24 b,
.bold-24 strong {
  color: #00878a !important;
}

.link-24 a {
  color: #00878a !important;
  font-weight: 600;
  text-decoration: underline;
}

.h1-0 h1 {
  color: white;
}

.h1-1 h1 {
  color: #333333;
}

.h1-2 h1 {
  color: #297f7f;
}

.h1-3 h1 {
  color: #563091;
}

.h1-4 h1 {
  color: #38abab;
}

.h1-5 h1 {
  color: #774bbc;
}

.h1-6 h1 {
  color: #c8b3e8;
}

.h1-7 h1 {
  color: #b0e4e7;
}

.h1-8 h1 {
  color: #ffffff;
}

.h1-9 h1 {
  color: #f3f3f3;
}

.h1-10 h1 {
  color: #e6e0ef;
}

.h1-11 h1 {
  color: #C3E5E5;
}

.h1-12 h1 {
  color: #00878b;
}

.h1-13 h1 {
  color: #e5f8f7;
}

.h1-14 h1 {
  color: #ccf2f1;
}

.h1-15 h1 {
  color: #414042;
}

.h1-16 h1 {
  color: #592b8a;
}

.h1-17 h1 {
  color: #ede9f3;
}

.h1-18 h1 {
  color: #c8edec;
}

.h1-19 h1 {
  color: #c3b4d8;
}

.h1-20 h1 {
  color: #e6f8f8;
}

.h1-21 h1 {
  color: #00bbba;
}

.h1-22 h1 {
  color: #dc1313;
}

.h1-23 h1 {
  color: #ff0090;
}

.h1-24 h1 {
  color: #00878a;
}

.h1font-100 h1 {
  font-weight: 100;
}

.h1font-200 h1 {
  font-weight: 200;
}

.h1font-300 h1 {
  font-weight: 300;
}

.h1font-400 h1 {
  font-weight: 400;
}

.h1font-500 h1 {
  font-weight: 500;
}

.h1font-600 h1 {
  font-weight: 600;
}

.h1font-700 h1 {
  font-weight: 700;
}

.h1font-800 h1 {
  font-weight: 800;
}

.h1font-900 h1 {
  font-weight: 900;
}

.h2-0 h2 {
  color: white;
}

.h2-1 h2 {
  color: #333333;
}

.h2-2 h2 {
  color: #297f7f;
}

.h2-3 h2 {
  color: #563091;
}

.h2-4 h2 {
  color: #38abab;
}

.h2-5 h2 {
  color: #774bbc;
}

.h2-6 h2 {
  color: #c8b3e8;
}

.h2-7 h2 {
  color: #b0e4e7;
}

.h2-8 h2 {
  color: #ffffff;
}

.h2-9 h2 {
  color: #f3f3f3;
}

.h2-10 h2 {
  color: #e6e0ef;
}

.h2-11 h2 {
  color: #C3E5E5;
}

.h2-12 h2 {
  color: #00878b;
}

.h2-13 h2 {
  color: #e5f8f7;
}

.h2-14 h2 {
  color: #ccf2f1;
}

.h2-15 h2 {
  color: #414042;
}

.h2-16 h2 {
  color: #592b8a;
}

.h2-17 h2 {
  color: #ede9f3;
}

.h2-18 h2 {
  color: #c8edec;
}

.h2-19 h2 {
  color: #c3b4d8;
}

.h2-20 h2 {
  color: #e6f8f8;
}

.h2-21 h2 {
  color: #00bbba;
}

.h2-22 h2 {
  color: #dc1313;
}

.h2-23 h2 {
  color: #ff0090;
}

.h2-24 h2 {
  color: #00878a;
}

.h2font-100 h2 {
  font-weight: 100;
}

.h2font-200 h2 {
  font-weight: 200;
}

.h2font-300 h2 {
  font-weight: 300;
}

.h2font-400 h2 {
  font-weight: 400;
}

.h2font-500 h2 {
  font-weight: 500;
}

.h2font-600 h2 {
  font-weight: 600;
}

.h2font-700 h2 {
  font-weight: 700;
}

.h2font-800 h2 {
  font-weight: 800;
}

.h2font-900 h2 {
  font-weight: 900;
}

.h3-0 h3 {
  color: white;
}

.h3-1 h3 {
  color: #333333;
}

.h3-2 h3 {
  color: #297f7f;
}

.h3-3 h3 {
  color: #563091;
}

.h3-4 h3 {
  color: #38abab;
}

.h3-5 h3 {
  color: #774bbc;
}

.h3-6 h3 {
  color: #c8b3e8;
}

.h3-7 h3 {
  color: #b0e4e7;
}

.h3-8 h3 {
  color: #ffffff;
}

.h3-9 h3 {
  color: #f3f3f3;
}

.h3-10 h3 {
  color: #e6e0ef;
}

.h3-11 h3 {
  color: #C3E5E5;
}

.h3-12 h3 {
  color: #00878b;
}

.h3-13 h3 {
  color: #e5f8f7;
}

.h3-14 h3 {
  color: #ccf2f1;
}

.h3-15 h3 {
  color: #414042;
}

.h3-16 h3 {
  color: #592b8a;
}

.h3-17 h3 {
  color: #ede9f3;
}

.h3-18 h3 {
  color: #c8edec;
}

.h3-19 h3 {
  color: #c3b4d8;
}

.h3-20 h3 {
  color: #e6f8f8;
}

.h3-21 h3 {
  color: #00bbba;
}

.h3-22 h3 {
  color: #dc1313;
}

.h3-23 h3 {
  color: #ff0090;
}

.h3-24 h3 {
  color: #00878a;
}

.h3font-100 h3 {
  font-weight: 100;
}

.h3font-200 h3 {
  font-weight: 200;
}

.h3font-300 h3 {
  font-weight: 300;
}

.h3font-400 h3 {
  font-weight: 400;
}

.h3font-500 h3 {
  font-weight: 500;
}

.h3font-600 h3 {
  font-weight: 600;
}

.h3font-700 h3 {
  font-weight: 700;
}

.h3font-800 h3 {
  font-weight: 800;
}

.h3font-900 h3 {
  font-weight: 900;
}

.h4-0 h4 {
  color: white;
}

.h4-1 h4 {
  color: #333333;
}

.h4-2 h4 {
  color: #297f7f;
}

.h4-3 h4 {
  color: #563091;
}

.h4-4 h4 {
  color: #38abab;
}

.h4-5 h4 {
  color: #774bbc;
}

.h4-6 h4 {
  color: #c8b3e8;
}

.h4-7 h4 {
  color: #b0e4e7;
}

.h4-8 h4 {
  color: #ffffff;
}

.h4-9 h4 {
  color: #f3f3f3;
}

.h4-10 h4 {
  color: #e6e0ef;
}

.h4-11 h4 {
  color: #C3E5E5;
}

.h4-12 h4 {
  color: #00878b;
}

.h4-13 h4 {
  color: #e5f8f7;
}

.h4-14 h4 {
  color: #ccf2f1;
}

.h4-15 h4 {
  color: #414042;
}

.h4-16 h4 {
  color: #592b8a;
}

.h4-17 h4 {
  color: #ede9f3;
}

.h4-18 h4 {
  color: #c8edec;
}

.h4-19 h4 {
  color: #c3b4d8;
}

.h4-20 h4 {
  color: #e6f8f8;
}

.h4-21 h4 {
  color: #00bbba;
}

.h4-22 h4 {
  color: #dc1313;
}

.h4-23 h4 {
  color: #ff0090;
}

.h4-24 h4 {
  color: #00878a;
}

.h4font-100 h4 {
  font-weight: 100;
}

.h4font-200 h4 {
  font-weight: 200;
}

.h4font-300 h4 {
  font-weight: 300;
}

.h4font-400 h4 {
  font-weight: 400;
}

.h4font-500 h4 {
  font-weight: 500;
}

.h4font-600 h4 {
  font-weight: 600;
}

.h4font-700 h4 {
  font-weight: 700;
}

.h4font-800 h4 {
  font-weight: 800;
}

.h4font-900 h4 {
  font-weight: 900;
}

.h5-0 h5 {
  color: white;
}

.h5-1 h5 {
  color: #333333;
}

.h5-2 h5 {
  color: #297f7f;
}

.h5-3 h5 {
  color: #563091;
}

.h5-4 h5 {
  color: #38abab;
}

.h5-5 h5 {
  color: #774bbc;
}

.h5-6 h5 {
  color: #c8b3e8;
}

.h5-7 h5 {
  color: #b0e4e7;
}

.h5-8 h5 {
  color: #ffffff;
}

.h5-9 h5 {
  color: #f3f3f3;
}

.h5-10 h5 {
  color: #e6e0ef;
}

.h5-11 h5 {
  color: #C3E5E5;
}

.h5-12 h5 {
  color: #00878b;
}

.h5-13 h5 {
  color: #e5f8f7;
}

.h5-14 h5 {
  color: #ccf2f1;
}

.h5-15 h5 {
  color: #414042;
}

.h5-16 h5 {
  color: #592b8a;
}

.h5-17 h5 {
  color: #ede9f3;
}

.h5-18 h5 {
  color: #c8edec;
}

.h5-19 h5 {
  color: #c3b4d8;
}

.h5-20 h5 {
  color: #e6f8f8;
}

.h5-21 h5 {
  color: #00bbba;
}

.h5-22 h5 {
  color: #dc1313;
}

.h5-23 h5 {
  color: #ff0090;
}

.h5-24 h5 {
  color: #00878a;
}

.h5font-100 h5 {
  font-weight: 100;
}

.h5font-200 h5 {
  font-weight: 200;
}

.h5font-300 h5 {
  font-weight: 300;
}

.h5font-400 h5 {
  font-weight: 400;
}

.h5font-500 h5 {
  font-weight: 500;
}

.h5font-600 h5 {
  font-weight: 600;
}

.h5font-700 h5 {
  font-weight: 700;
}

.h5font-800 h5 {
  font-weight: 800;
}

.h5font-900 h5 {
  font-weight: 900;
}

.cust-text-take u {
  text-decoration: none;
  color: #563091;
}

.cust-link-color a {
  color: #563091;
  text-decoration: underline;
  display: inline;
}

.ut-borderPink {
  border: solid 3px #ff0090;
}

@media (max-width: 767px) {
  .mobile\:grid--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.cust-link a {
  color: #563091;
}

.purple-gradient-hr {
  height: 10px;
  border-radius: 50px;
}

.purple-bold p b {
  color: #592b8a;
}

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

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

.semibold {
  font-weight: 600;
}

.heading {
  padding-bottom: 10px;
}

.cust-padding p b {
  display: inline-block;
  width: 100%;
  padding-bottom: 10px !important;
}

.text-underline p a:nth-child(1) {
  text-decoration: underline !important;
}

.cutomTextSize p b {
  font-size: 18px;
  line-height: 28px;
}
@media screen and (max-width: 599px) {
  .cutomTextSize p b {
    font-size: 15px !important;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .cutomTextSize p b {
    font-size: 18px;
    line-height: 28px;
  }
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/*=============================================
=                   Accordion                 =
=============================================*/
.expand-enter-active,
.expand-leave-active {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  -webkit-transition-property: height, opacity;
  transition-property: height, opacity;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  overflow: hidden;
}

.expand-enter,
.expand-leave-active {
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

.container {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1100px;
}

section {
  scroll-margin-top: 120px;
}

.container--small, .section--small > div {
  max-width: 1006px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 900px) {
  .container--small, .section--small > div {
    min-width: unset;
    max-width: 100%;
  }
}

.container--large {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
}

.block {
  padding-bottom: 10px;
}
.block:last-child {
  padding-bottom: 0px;
}
.block.copy__alternative {
  font-size: 0.7rem;
}

section > div:first-child {
  padding-top: 50px;
}
@media (max-width: 767px) {
  section > div:first-child {
    padding-top: 30px;
  }
}
section > div:last-child {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  section > div:last-child {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .customImageSection > div:first-child {
    margin-top: 40px;
  }
}
.p-last-child-0 > div:last-child {
  padding-bottom: 15px;
}

.spacingTop {
  padding-top: 50px !important;
}
@media (max-width: 767px) {
  .spacingTop {
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .homepage .spacingTop {
    padding-top: 0px !important;
  }
}

.spacingBottom {
  padding-bottom: 50px !important;
}
@media (max-width: 767px) {
  .spacingBottom {
    padding-bottom: 30px;
  }
}

.section--background {
  background-color: #ffffff;
}

.section--small > div {
  margin: 0 auto;
}

.caregiver-symptoms {
  margin-top: 8px;
}

.list {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.list li {
  list-style: none;
}
.list li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00bbba; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.list li {
  padding-bottom: 5px;
}
.list li p {
  display: inline;
}
.list li li::before {
  color: #333333; /* Change the color */
}

.noList .list li {
  list-style: none;
}
.noList .list li::before {
  display: none;
}

.purple--box {
  background-color: #ede9f3;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  padding: 55px 77px 55px 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 40px);
  letter-spacing: -0.46px;
}
.purple--box h4 {
  font-weight: 600;
}
.purple--box h4 strong,
.purple--box h4 b {
  font-weight: 800;
}
.purple--box .asset {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  max-width: 300px;
  width: auto;
}
@media (max-width: 767px) {
  .purple--box .asset {
    height: auto;
    width: 100%;
    max-width: 800px;
  }
}
@media (max-width: 767px) {
  .purple--box {
    padding: 80% 40px 55px 40px !important;
    padding-bottom: 36px !important;
    width: 100%;
    border-radius: 0px !important;
  }
}
.purple--box--small {
  padding: 20px 10px;
}
@media (max-width: 767px) {
  .purple--box--small {
    padding: 28px 30px !important;
    width: 100%;
    border-radius: 25px !important;
  }
}
@media (min-width: 1500px) {
  .purple--box--small {
    padding: 30px 20px;
  }
}

.purple--box--reverse {
  padding: 55px 280px 55px 50px;
}
.purple--box--reverse .asset {
  position: absolute;
  left: unset;
  top: 0px;
  right: 0px;
  height: 100%;
}
@media (max-width: 767px) {
  .purple--box--reverse .asset {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .purple--box--reverse {
    padding: 80% 40px 55px 40px;
    width: 100%;
  }
}

.purple--callout {
  padding: 43px 60px;
  background-color: #563091;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.purple--callout::after {
  content: "";
  background-color: white;
  -webkit-filter: blur(120px);
          filter: blur(120px);
  height: 123%;
  width: 90%;
  position: absolute;
  top: 0px;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
  left: 20%;
}
@media (max-width: 767px) {
  .purple--callout::after {
    -webkit-filter: blur(40px);
    filter: blur(40px);
    height: 100%;
    top: -20%;
    left: 10%;
    display: none;
  }
}
.purple--callout > div {
  position: relative;
  z-index: 4;
  width: 40%;
  padding-left: 51%;
}
.purple--callout > div * {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.purple--callout > div h3 {
  margin-bottom: 20px;
}
.purple--callout .callout--image {
  position: absolute;
  left: 0px;
  bottom: -5px;
  padding-left: 0px;
  max-width: 44%;
  width: 480px;
  display: block;
}
.purple--callout .callout--image .asset {
  width: 100%;
}
@media (max-width: 767px) {
  .purple--callout {
    padding: 40px 20px;
    min-height: 580px;
  }
  .purple--callout > div {
    width: 100%;
    padding-left: 0px;
    text-align: center;
  }
  .purple--callout .callout--image {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 625px) {
  .purple--callout {
    min-height: 450px;
    background-color: transparent;
  }
}
@media (max-width: 525px) {
  .purple--callout {
    min-height: 430px;
    background-color: transparent;
  }
}
@media (max-width: 425px) {
  .purple--callout {
    min-height: 335px;
    background-color: transparent !important;
  }
}

@media (max-width: 767px) {
  .commercial-page .purple--callout .callout--image {
    bottom: 42px !important;
  }
}

.aboutDaybue .purple--callout .callout--image {
  position: absolute;
  left: 0px;
  bottom: -6px;
  padding-left: 0px;
  max-width: 50%;
  width: 522px;
  display: block;
}
.aboutDaybue .purple--callout .callout--image .asset {
  width: 100%;
}
@media (max-width: 767px) {
  .aboutDaybue .purple--callout .callout--image {
    max-width: 100%;
    width: 100%;
  }
}

.light-green {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #e6f8f8;
  padding: 15px;
  border-radius: 10px;
  gap: 36px;
}
.light-green .icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 108px;
  height: 108px;
  border-radius: 50%;
}
.light-green .icon-asset {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .light-green {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 7px;
  }
}

.bg-grad-2 .list li::before {
  color: #b0e4e7;
}

#webinar .list li::before {
  color: #b0e4e7;
}

.audiotrigger {
  display: inline-block;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.audiotrigger::after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  background-image: url('../media/content/images/audio-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0px;
}

.errorpage h3 {
  font-weight: 400;
}

.callout-green {
  padding: 2em;
  border: solid 3px #297f7f;
  border-radius: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 2em !important;
}
.callout-green strong,
.callout-green b {
  font-weight: 600;
  color: #563091;
}
.callout-green a {
  background-color: #563091;
  color: white;
  padding: 16px 12px;
  font-weight: 600;
  font-size: 1rem;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 250px;
  text-align: center;
  margin: 2em auto;
}
.callout-green a.active {
  background-color: #563091;
}
.callout-green a:active, .callout-green a:hover {
  background-color: rgba(86, 48, 145, 0.7);
}
.callout-green a:focus {
  background-color: rgba(86, 48, 145, 0.7);
}
.callout-green a.button--thin {
  padding: 4px 10px;
  font-size: 0.8rem;
  line-height: 20px;
}

.acadia-connect__copy {
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 728px;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .acadia-connect__copy h3 {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 22px;
  }
  .acadia-connect__copy p {
    font-size: 15px;
    line-height: 27px;
  }
  .acadia-connect__copy {
    bottom: 20px;
  }
}

.thank-you p > b {
  color: #563091;
}
.thank-you p:last-child {
  margin-top: 40px;
}
.thank-you .sign-up-btn {
  text-align: center;
  margin-top: 30px;
}
.thank-you .sign-up-btn a .button {
  padding: 6px 50px;
}

#calendly-embed {
  border: none !important;
  border-radius: 0 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  overflow-y: hidden !important;
}

.faq .h3-text-color h3 {
  color: #592b8a !important;
}
.faq .ascend-meet {
  background-color: #e6f8f8;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
@media (max-width: 1023px) {
  .faq .ascend-meet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
  }
}
.faq .ascend-meet img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .faq .ascend-meet img {
    max-width: 100%;
    width: 100%;
  }
}
.faq .ascend-meet .left-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .faq .ascend-meet .left-col {
    padding-top: 0px;
  }
}
.faq .ascend-meet .left-col > div {
  height: 100%;
}
.faq .ascend-meet .left-col p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .faq .ascend-meet .left-col p {
    font-size: 15px;
    line-height: 21px;
  }
}
.faq .ascend-meet .right-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.faq .ascend-meet .right-col div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  gap: 10px;
  padding: 25px 20px 25px;
}
@media (max-width: 767px) {
  .faq .ascend-meet .right-col div > div {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .faq .ascend-meet .right-col {
    padding: 25px 21px;
  }
}
.faq .video-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 2.75rem 0;
}
.faq .video-section p {
  font-weight: 600;
  color: #592b8a;
}
.faq .video-section .left-video {
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
}
.faq .video-section .right-video {
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
}
@media (max-width: 767px) {
  .faq .video-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.faq .patient-info {
  padding-right: 6rem;
}
@media (max-width: 767px) {
  .faq .patient-info {
    padding-right: 0;
    padding-left: 0;
  }
}
.faq .patient-info p a {
  color: #592b8a;
  text-decoration: underline;
}
.faq .patient-info p:nth-of-type(2) {
  font-size: 16px;
  line-height: 18px;
}
@media (max-width: 767px) {
  .faq .patient-info p:nth-of-type(2) {
    font-size: 12px;
    line-height: 16px;
  }
}
.faq .patient-info div > p:first-child {
  color: #563091;
}
@media (max-width: 767px) {
  .faq .patient-info div > p:first-child {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .customImageSection .Vconnect__image {
    max-width: 360px !important;
  }
}
@media screen and (max-width: 600px) {
  button#onetrust-reject-all-handler {
    -ms-flex-preferred-size: content !important;
        flex-basis: content !important;
  }
  button#onetrust-accept-btn-handler {
    -ms-flex-preferred-size: content !important;
        flex-basis: content !important;
  }
}
.editing .js-editable {
  cursor: pointer;
  text-decoration: underline;
  color: orange !important;
}
.editing .js-editable:hover {
  color: #cc8400 !important;
}
.editing .js-editable.hidden {
  display: unset !important;
}

.edit {
  position: fixed;
  z-index: 999999;
  bottom: 40px;
  left: 40px;
  padding: 20px;
  border-radius: div(20px, 4);
  border: transparent 2px solid;
  background-color: white;
  border-color: orange;
}
.edit:hover {
  background-color: #ffedcc;
}
.capture .edit {
  display: none;
}
.edit svg {
  fill: orange;
}
.editing .edit {
  background-color: orange;
}
.editing .edit svg {
  fill: white;
}
@media (max-width: 767px) {
  .edit {
    width: 50px;
    height: 50px;
  }
  .edit svg {
    width: 50px;
  }
}

.VMenu.home-page {
  top: 53px;
}
@media (max-width: 1362px) {
  .VMenu.home-page {
    top: 54px;
  }
}
@media (max-width: 1177px) {
  .VMenu.home-page {
    top: 56px;
  }
}
@media (max-width: 989px) {
  .VMenu.home-page {
    top: 58px;
  }
}
@media (max-width: 767px) {
  .VMenu.home-page {
    top: 81px;
  }
}
@media (max-width: 382px) {
  .VMenu.home-page {
    top: 80px;
  }
}
@media (max-width: 320px) {
  .VMenu.home-page {
    top: 80px;
  }
}

.VMenu.menu--caregiver {
  top: 43px;
}
@media (max-width: 1362px) {
  .VMenu.menu--caregiver {
    top: 44px;
  }
}
@media (max-width: 1177px) {
  .VMenu.menu--caregiver {
    top: 46px;
  }
}
@media (max-width: 989px) {
  .VMenu.menu--caregiver {
    top: 48px;
  }
}
@media (max-width: 767px) {
  .VMenu.menu--caregiver {
    top: 80px;
  }
}
@media (max-width: 606px) {
  .VMenu.menu--caregiver {
    top: 80px;
  }
}
@media (max-width: 390px) {
  .VMenu.menu--caregiver {
    top: 82px;
  }
}
@media (max-width: 382px) {
  .VMenu.menu--caregiver {
    top: 81px;
  }
}

.VMenu.events-top {
  top: 88px;
}
@media (min-width: 300px) {
  .VMenu.events-top {
    top: 121px;
  }
}
@media (max-width: 958px) {
  .VMenu.events-top {
    top: 47px;
  }
}
@media (min-width: 959px) {
  .VMenu.events-top {
    top: 46px;
  }
}
@media (min-width: 1298px) {
  .VMenu.events-top {
    top: 42px;
  }
}
@media (max-width: 375px) {
  .VMenu.events-top {
    top: 88px;
  }
}
@media (max-width: 320px) {
  .VMenu.events-top {
    top: 124px;
  }
}
@media (max-width: 375px) {
  .VMenu.events-top .ascend-container .banner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .VMenu.events-top .ascend-container .banner .container p {
    text-align: right;
  }
}
@media (max-width: 375px) {
  .VMenu.events-top .ascend-container .ascend-arrow {
    right: 10px;
    top: -7px;
    width: 35px;
  }
}

.VMenu.at-top {
  top: 0 !important;
}

.VMenu .navigation .navigation__utility {
  display: none !important;
}

.VMenu {
  position: fixed;
  margin-bottom: 10px;
  color: #563091;
  font-size: calc(12px + (15 - 12) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .VMenu {
    font-size: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .VMenu {
    font-size: 12px;
  }
}
.VMenu {
  width: 100%;
  top: 0;
  z-index: 99;
  background-color: white;
  max-height: 140px;
  -webkit-box-shadow: 0px -2px 10px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -2px 10px 1px rgba(0, 0, 0, 0.75);
}
.VMenu .ascend-container .header-close {
  position: fixed;
  z-index: 1000;
  right: 5px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  top: 25px;
  right: 8px;
  border-radius: 24px;
  border: none;
  cursor: pointer;
  z-index: 1000;
}
@media (min-width: 768px) {
  .VMenu .ascend-container .header-close {
    top: 12px;
  }
}
@media (min-width: 1001px) {
  .VMenu .ascend-container .header-close {
    top: 10px;
  }
}
.VMenu .ascend-container .header-close:hover::after, .VMenu .ascend-container .header-close:hover::before {
  width: 100%;
}
.VMenu .ascend-container .header-close::after, .VMenu .ascend-container .header-close::before {
  content: "";
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  height: 3px;
  width: 90%;
  background-color: #563091;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.VMenu .ascend-container .header-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.VMenu .ascend-container a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #CCF2F1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 80px;
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .VMenu .ascend-container a {
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1001px) {
  .VMenu .ascend-container a {
    height: 45px;
  }
}
.VMenu .ascend-container .banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 700;
  gap: 14px;
  width: 100%;
  max-width: 65%;
  cursor: pointer;
}
.VMenu .ascend-container .banner-container p {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
@media (min-width: 500px) {
  .VMenu .ascend-container .banner-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
  }
  .VMenu .ascend-container .banner-container p br {
    display: none;
  }
}
.VMenu .ascend-container .banner-container .arrow {
  width: 22px;
  height: 22px;
}
.VMenu .ascend-container .banner-top {
  background-image: unset;
  color: #563091;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}
@media (min-width: 768px) {
  .VMenu .ascend-container .banner-top p br {
    display: none;
  }
}
@media (max-width: 362px) {
  .VMenu .ascend-container .banner-top p {
    font-size: 13px;
  }
}
@media (max-width: 328px) {
  .VMenu .ascend-container .banner-top p {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .VMenu .ascend-container .banner-top {
    text-align: right;
    font-weight: 600;
  }
}
.VMenu .ascend-container .ascend-logo {
  width: 98px;
}
@media (max-width: 767px) {
  .VMenu .ascend-container .ascend-logo {
    width: 112px;
    height: 55px;
    position: relative;
    top: 2px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.VMenu .ascend-container .ascend-arrow {
  width: 20px;
  position: relative;
  right: 10px;
  top: 3px;
}
@media (max-width: 767px) {
  .VMenu .ascend-container .ascend-arrow {
    width: 30px;
    height: 30px;
    top: -1px;
    right: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .VMenu .ascend-container .ascend-arrow {
    width: 30px;
    height: 30px;
    top: -1px;
    right: 15px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.VMenu.spanish .menu__top {
  display: none !important;
}
.VMenu.spanish .navigation__utility {
  display: none;
}
.VMenu.spanish .navigation__element:not(.mobile\:show):last-of-type a,
.VMenu.spanish .navigation__element:not(.logo__container) a[href="/"] {
  color: #563091;
  background-color: #8DC8E1;
  padding: 2px 20px !important;
  border-radius: 30px;
  text-decoration: none !important;
}
.VMenu.spanish .navigation > .navigation__element:not(:first-of-type) {
  position: relative;
}
.VMenu.spanish .navigation > .navigation__element:not(:first-of-type)::after {
  content: "";
  width: 1px;
  height: 60%;
  background-color: #563091;
  position: absolute;
  right: calc(((100vw - 1260px) / 6 + 44px) * -1);
  top: 20%;
}
@media (min-width: 1260px) {
  .VMenu.spanish .navigation > .navigation__element:not(:first-of-type)::after {
    right: -36px;
  }
}
.VMenu.spanish .navigation > .navigation__element:not(:first-of-type):nth-of-type(5)::after {
  display: none;
}
.VMenu .menu__top {
  color: white;
  background-color: #563091;
  padding: 6px 0px;
  width: 100%;
}
.VMenu .menu__top .navigation__element:not(.logo__container) a[href="/es"] {
  color: #563091;
  background-color: #8DC8E1;
  padding: 2px 20px !important;
  border-radius: 30px;
  text-decoration: none !important;
}
.VMenu .menu__top .flex {
  max-width: 1240px;
  padding-right: 10%;
}
@media (max-width: 1230px) {
  .VMenu .menu__top .flex {
    padding-right: 0%;
  }
}
@media (max-width: 1000px) {
  .VMenu .menu__top .flex {
    padding-right: 0px;
    margin: 0 auto;
  }
  .VMenu .menu__top .flex a {
    text-decoration: underline;
  }
}
@media (max-width: 1000px) {
  .VMenu .menu__top ul {
    -webkit-padding-start: 0px;
            padding-inline-start: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.VMenu .menu__top .navigation__element {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-right: 25px;
  padding-left: 25px;
}
.VMenu .menu__top .navigation__element a {
  font-size: 14px;
  font-size: calc(12px + (14 - 12) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .VMenu .menu__top .navigation__element a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .VMenu .menu__top .navigation__element a {
    font-size: 12px;
  }
}
.VMenu .menu__top .navigation__element a {
  font-weight: 500;
  letter-spacing: -0.29px;
  padding-bottom: 0px;
  line-height: 1.25em;
}
.VMenu .menu__top .navigation__element::after {
  content: "";
  position: absolute;
  right: 0px;
  height: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  width: 1px;
  background-color: white;
}
.VMenu .menu__top .navigation__element:last-child {
  padding-right: 25px;
}
.VMenu .menu__top .navigation__element:last-child::after {
  display: none;
}
@media (max-width: 1000px) {
  .VMenu .menu__top .navigation__element:not(:nth-child(1), :nth-child(4)) {
    display: none;
  }
  .VMenu .menu__top .navigation__element::after {
    display: none;
  }
  .VMenu .menu__top .navigation__element {
    padding: 0px 5px;
  }
}
.VMenu nav {
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.VMenu nav ul {
  text-align: left;
  list-style-type: none;
  list-style-type: none;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  -webkit-padding-end: 40px;
          padding-inline-end: 40px;
}
.VMenu nav ul li {
  display: block;
  text-align: center;
}
@media (max-width: 1000px) {
  .VMenu nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .VMenu nav ul .logo__container {
    max-width: 100% !important;
  }
}
@media (max-width: 1000px) {
  .VMenu.active {
    max-height: 100% !important;
    height: 100vh !important;
    overflow: scroll;
    z-index: 999;
    top: 0;
  }
}
@media (max-width: 767px) {
  .VMenu {
    margin-bottom: 0px;
  }
}

.navigation .navigation__element {
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
  font-size: 15px;
  font-size: calc(12px + (15 - 12) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .navigation .navigation__element {
    font-size: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .navigation .navigation__element {
    font-size: 12px;
  }
}
.navigation .navigation__element {
  font-weight: 600;
  padding: 5px 6px 5px 6px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
}
.navigation .navigation__element a {
  padding-bottom: 5px;
  position: relative;
}
@media (max-width: 1000px) {
  .navigation .navigation__element.hasChildren > a {
    display: none;
  }
}
@media (min-width: 1000px) {
  .navigation .navigation__element.hasChildren.active .navigation__element__fake, .navigation .navigation__element.hasChildren:hover .navigation__element__fake, .navigation .navigation__element.hasChildren:focus .navigation__element__fake, .navigation .navigation__element.hasChildren:focus-within .navigation__element__fake {
    visibility: visible;
    color: #38abab;
    z-index: 10;
    -webkit-box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0.5);
            box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0.5);
  }
  .navigation .navigation__element.hasChildren.active .navigation__element__fake > a, .navigation .navigation__element.hasChildren:hover .navigation__element__fake > a, .navigation .navigation__element.hasChildren:focus .navigation__element__fake > a, .navigation .navigation__element.hasChildren:focus-within .navigation__element__fake > a {
    color: #00878b;
  }
  .navigation .navigation__element.hasChildren.active .navigation__element__subnav, .navigation .navigation__element.hasChildren:hover .navigation__element__subnav, .navigation .navigation__element.hasChildren:focus .navigation__element__subnav, .navigation .navigation__element.hasChildren:focus-within .navigation__element__subnav {
    max-height: 200px;
  }
}

.navigation .navigation__element:nth-last-child(2) .navigation__element__fake {
  width: 252px;
}
.navigation .navigation__element:nth-last-child(6) .navigation__element__fake {
  width: 215px;
}

.navigation__element__fake {
  visibility: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 0px;
  left: 50%;
  padding: 5px 6px 5px 6px;
  width: 200px;
  border-radius: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0);
          box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0);
}

.navigation__element__subnav {
  position: relative;
  display: block;
  max-height: 0px;
  overflow: hidden;
  width: 100%;
  text-align: left;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
  background-color: white;
}
.navigation__element__subnav a {
  padding: 0px;
  display: block;
  color: #333333;
  font-weight: 500;
  padding: 5px 9px;
  border-radius: 16px;
}
.navigation__element__subnav a:hover, .navigation__element__subnav a.active, .navigation__element__subnav a:focus {
  color: white !important;
  outline: none;
}

.logo__container {
  min-width: 206px !important;
  max-width: 100% !important;
  position: relative !important;
  background-color: transparent !important;
}
.logo__container img {
  width: 100%;
  max-width: 206px;
}
@media (min-width: 768px) {
  .logo__container {
    max-width: 150px !important;
  }
}
@media (max-width: 1150px) {
  .logo__container a {
    padding-top: 15px;
  }
  .logo__container img {
    max-width: 150px;
  }
  .logo__container {
    max-width: 150px !important;
  }
}

.bar1,
.bar2,
.bar3 {
  display: block;
  width: 35px;
  height: 3px;
  background-color: #563091;
  margin: 6px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

button.active .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  -ms-transform: rotate(-45deg) translate(-6px, 6px);
      transform: rotate(-45deg) translate(-6px, 6px);
}

button.active .bar2 {
  opacity: 0;
}

button.active .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -7px);
  -ms-transform: rotate(45deg) translate(-6px, -7px);
      transform: rotate(45deg) translate(-6px, -7px);
}

.menu {
  position: absolute;
  right: 10px;
  background-color: transparent;
  outline: none;
  border: none;
  top: 15px;
}

.menu__container {
  display: none;
}
@media (max-width: 1000px) {
  .menu__container {
    display: block;
    z-index: 50;
  }
}

.subnav__button {
  display: none;
}

@media (max-width: 1000px) {
  .VMenu {
    max-height: 110px;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
    font-family: "Poppins";
  }
  .VMenu.spanish .navigation .navigation__element:not(.logo__container) {
    display: none;
  }
  .VMenu.spanish .menu__top {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .VMenu.spanish .menu__top ul {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    width: 100%;
  }
  .VMenu.spanish .menu__top .navigation__element {
    display: block !important;
  }
  .VMenu.spanish .navigation__utility {
    display: block !important;
  }
  .VMenu nav ul {
    -webkit-padding-start: 0px;
            padding-inline-start: 0px;
    -webkit-padding-end: 0px;
            padding-inline-end: 0px;
  }
  .VMenu .mobile\:show {
    display: block !important;
  }
  .navigation__element__fake {
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    visibility: visible;
    width: 100%;
    left: 0px;
    padding: 0px;
    background-color: white;
    color: #563091;
  }
  .navigation__element__fake a {
    font-size: calc(14px + (17 - 14) * (100vw - 479px) / (1500 - 479));
  }
}
@media only screen and (max-width: 1000px) and (min-width: 1500px) {
  .navigation__element__fake a {
    font-size: 17px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 479px) {
  .navigation__element__fake a {
    font-size: 14px;
  }
}
@media (max-width: 1000px) {
  .navigation .navigation__element {
    padding: 0px;
    width: 100%;
    margin: 0px;
    text-align: left;
    padding: 0px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .navigation .navigation__element br {
    display: none;
  }
  .navigation .navigation__element a {
    font-size: calc(14px + (17 - 14) * (100vw - 479px) / (1500 - 479));
  }
  .navigation .navigation__element {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 1500px) {
  .navigation .navigation__element a {
    font-size: 17px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 479px) {
  .navigation .navigation__element a {
    font-size: 14px;
  }
}
@media (max-width: 1000px) {
  .navigation .navigation__element.hasChildren.active .navigation__element__fake {
    visibility: visible;
    color: #563091;
    z-index: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navigation .navigation__element.hasChildren.active .navigation__element__subnav {
    max-height: 300px;
    border-bottom: solid 2px #563091;
  }
  .navigation .navigation__element.hasChildren.active .subnav__button::after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .navigation .navigation__element .button {
    max-width: 200px;
    border-radius: 20px;
  }
  .navigation__element__subnav a {
    color: #00878b;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .subnav__button {
    display: block;
    height: 16px;
    width: 16px;
    outline: none;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 0px;
    right: 40px;
  }
  .subnav__button::after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 0px;
    left: 0px;
    border-right: solid 4px #563091;
    border-bottom: solid 4px #563091;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .navigation__utility {
    padding-top: 20px;
    background-color: #e5f8f7;
    width: 100%;
    color: #00878b;
  }
  .navigation__utility hr {
    max-width: 90%;
    background-color: transparent;
    border-bottom: solid 1px #563091;
    margin: 0px auto;
    margin-bottom: 20px;
  }
  .navigation__utility .navigation__element {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .VMenu {
    max-height: 100px;
  }
}
.skip-link {
  white-space: nowrap;
  margin: 1em auto;
  top: 0;
  position: fixed;
  left: 50%;
  margin-left: -72px;
  opacity: 0;
}

.skip-link:focus {
  opacity: 1;
  background-color: white;
  padding: 0.5em;
  border: 1px solid black;
}

.no-transition .navigation__element__subnav {
  -webkit-transition: none !important;
  transition: none !important;
}

.customFlexNav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.customFlexNav__width {
  width: 34px;
}
@media (max-width: 768px) {
  .customFlexNav__width {
    width: 19px;
  }
}
.customFlexNav a div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .customFlexNav {
    gap: 3px;
  }
}
.VMenu .menu__top .navigation__element:nth-child(5),
.VMenu .menu__top .navigation__element:nth-child(6) {
  padding-left: 10px;
  padding-right: 10px;
}

.VMenu .menu__top .navigation__element:nth-child(6)::after {
  content: none;
}

.VMenu .menu__top .flex {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  padding-right: 0px;
  padding-left: 0px;
}

@media screen and (max-width: 1000px) {
  .VMenu .navigation .navigation__utility {
    display: block !important;
  }
}
footer {
  background-color: #563091;
  padding: 70px 0px;
  color: white;
  position: relative;
  font-size: calc(15px + (16 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  footer {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  footer {
    font-size: 15px;
  }
}
footer {
  line-height: calc(20px + (22 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  footer {
    line-height: 22px;
  }
}
@media only screen and (max-width: 479px) {
  footer {
    line-height: 20px;
  }
}
footer {
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  footer {
    padding: 35px 0;
  }
}

.footer__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}
.footer__navigation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.footer__navigation img {
  width: 40px;
  height: 20px;
}
.footer__navigation li {
  position: relative;
  list-style: none;
}
.footer__navigation li a {
  font-weight: 500;
}
.footer__navigation li {
  padding-right: 10px;
}
.footer__navigation li:first-child {
  padding-left: 0px;
}
@media (max-width: 767px) {
  .footer__navigation li {
    text-align: left;
  }
  .footer__navigation li:nth-child(3)::after {
    display: block;
  }
  .footer__navigation li:last-child {
    padding-right: 0px;
  }
  .footer__navigation li:last-child::after {
    display: none;
  }
}
.footer__logo {
  max-width: 308px;
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .footer__logo {
    max-width: 216px;
  }
}

.footer--container > img {
  max-width: 100%;
  display: block;
}

@media (min-width: 1024px) {
  .footer__copy .js-editable {
    display: inline;
  }
  .footer__copy .js-editable > div {
    display: inline;
  }
  .footer__copy .js-editable > div p {
    display: inline;
    margin-right: 2px;
  }
}
@media (max-width: 1200px) {
  .footer__copy p br {
    display: none;
  }
}

.customFlexFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 20px 0px;
}
.customFlexFooter a {
  padding: 0px !important;
  min-width: 0px !important;
}
.customFlexFooter a div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customFlexFooter a div img {
  width: 40px;
  height: 40px;
}

.mobileVisible {
  display: none;
}

.mobileHidden {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .mobileVisible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0px;
  }
  .mobileHidden {
    display: none;
  }
}
.onetrust-pc-sdk > .ot-pc-footer {
  display: none !important;
}

#onetrust-pc-sdk {
  min-height: 794px;
}

@media screen and (max-height: 800px) {
  #onetrust-pc-sdk {
    min-height: 700px;
  }
}
@media screen and (max-width: 600px) {
  #onetrust-pc-sdk {
    min-height: 100dvh;
  }
}
#onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon:focus {
  border: none;
  outline: none;
}

#onetrust-pc-sdk .ot-pc-footer {
  bottom: 0px;
}

#isi {
  position: relative;
  overflow: hidden;
}
#isi h2 {
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  #isi h2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  #isi h2 {
    font-size: 15px;
  }
}
#isi h2 {
  line-height: calc(21px + (22 - 21) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  #isi h2 {
    line-height: 22px;
  }
}
@media only screen and (max-width: 479px) {
  #isi h2 {
    line-height: 21px;
  }
}
#isi h2 {
  font-weight: 700;
  color: white;
  margin-bottom: 0px;
  position: relative;
  z-index: 1;
  padding: 5px 0;
}
#isi h2::after {
  content: "";
  background-color: #563091;
  position: absolute;
  width: 200%;
  height: 150%;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  #isi h2 {
    max-width: 80%;
  }
}
#isi p + h2 {
  color: #563091;
  font-weight: 600;
}
#isi p + h2::after {
  display: none;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  #isi p + h2 {
    max-width: 100%;
  }
}
#isi h3 {
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  #isi h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  #isi h3 {
    font-size: 15px;
  }
}
#isi h3 {
  line-height: calc(21px + (22 - 21) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  #isi h3 {
    line-height: 22px;
  }
}
@media only screen and (max-width: 479px) {
  #isi h3 {
    line-height: 21px;
  }
}
#isi h3 {
  font-weight: 600;
  margin: 20px 0px 5px;
}
#isi ul {
  margin-top: 4px;
}
#isi strong,
#isi b {
  color: #563091;
  font-weight: 600;
}
#isi a {
  color: #563091;
  display: inline;
  font-weight: 600;
}
#isi a b {
  text-decoration: underline;
}
#isi h3 {
  color: #563091;
}
#isi p + :last-child strong,
#isi p + :last-child b {
  color: #333333;
  font-weight: 600;
}
#isi p + :last-child a {
  color: #563091;
}
#isi p + :last-child a strong, #isi p + :last-child a b {
  color: #563091;
}
#isi .list li::before {
  color: #297f7f; /* Change the color */
}
@media (max-width: 767px) {
  #isi .text-underline h3:nth-of-type(2) {
    margin-bottom: 10px;
  }
}

.isi__scroller {
  padding-top: 6px;
  padding-bottom: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  bottom: 0%;
  height: 15%;
  min-height: 135px;
  overflow: hidden;
  background-color: white;
  width: 100%;
  left: 0px;
  -webkit-box-shadow: 0px -2px 10px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -2px 10px 1px rgba(0, 0, 0, 0.75);
  -webkit-transition: height 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  transition: height 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  z-index: 100;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 599px) {
  .isi__scroller {
    height: 30%;
  }
}
@media (max-width: 500px) {
  .isi__scroller {
    min-height: 150px;
  }
}
.isi__scroller.jshidden {
  visibility: hidden;
  opacity: 0;
}

.isi__expander {
  cursor: pointer;
  background-color: transparent;
  position: relative;
  border: none;
  outline: none;
  padding: 0px;
  color: white;
  position: absolute;
  right: 5%;
  top: 5px;
  font-weight: 500;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}
.isi__expander:focus-visible {
  outline: 1px solid #333333;
}

.isi__toggle {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  width: 30px;
  height: 30px;
  border: solid 2px transparent;
  border-radius: 50%;
  background-color: transparent;
  z-index: 2;
}
.isi__toggle:after, .isi__toggle:before {
  content: "";
  width: 60%;
  height: 5px;
  background-color: white;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
}
.isi__toggle::after {
  height: 60%;
  width: 5px;
}

#isi .list {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
#isi .list li {
  list-style: none;
}
#isi .list li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #297f7f; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#isi .list li {
  padding-bottom: 5px;
}
#isi .list li p {
  display: inline;
}
#isi .list li li::before {
  color: #297f7f; /* Change the color */
  content: "–"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
}

.banner {
  background: rgb(123, 79, 160);
  background: radial-gradient(circle, rgb(123, 79, 160) 0%, rgb(89, 43, 138) 50%, rgb(89, 43, 138) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7b4fa0", endColorstr="#592b8a", GradientType=1);
  color: white;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  font-size: calc(16px + (26 - 16) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .banner {
    font-size: 26px;
  }
}
@media only screen and (max-width: 479px) {
  .banner {
    font-size: 16px;
  }
}
.banner {
  line-height: calc(20px + (22 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .banner {
    line-height: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .banner {
    line-height: 20px;
  }
}
.banner {
  padding: calc(10px + (5 - 10) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .banner {
    padding: 5px;
  }
}
@media only screen and (max-width: 479px) {
  .banner {
    padding: 10px;
  }
}
.banner.banner--alt {
  text-align: left;
  min-height: calc(10px + (20 - 10) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .banner.banner--alt {
    min-height: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .banner.banner--alt {
    min-height: 10px;
  }
}
.banner h3 {
  margin-bottom: 0px;
}
@media (max-width: 490px) {
  .banner {
    padding: 15px 0;
  }
}

.homepage .banner-link .fixed-banner .container {
  padding: 4px 20px;
}

@media (max-width: 390px) {
  .banner-link .fixed-banner .container {
    padding: 10px 10px 5px 10px !important;
  }
}
.bannerSection {
  padding: 37px 42px;
  background-color: #f3f3f3;
  margin: 0 auto;
  margin-bottom: 45px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 994px;
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.bannerSection img {
  padding-right: 15px;
  min-width: 75px;
}
@media (max-width: 767px) {
  .bannerSection img {
    min-width: 100%;
  }
}
.bannerSection p {
  color: #774bbc;
  text-align: left;
}
.bannerSection p::after {
  content: "";
  width: 10px;
  height: 16px;
  background-color: #38abab;
  display: inline-block;
  margin-left: 5px;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
@media (max-width: 767px) {
  .bannerSection {
    padding: 27px;
  }
  .bannerSection img {
    padding-right: 0px;
  }
  .bannerSection p {
    padding-left: 15px;
  }
}
.bannerSection::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  left: 0px;
  top: 0px;
  border-radius: 8px;
  background: rgb(56, 171, 171);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(56, 171, 171)), to(rgb(86, 48, 145)));
  background: linear-gradient(180deg, rgb(56, 171, 171) 0%, rgb(86, 48, 145) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#38abab",endColorstr="#563091",GradientType=1);
}
.bannerSection.no-triangle p::after {
  display: none;
}
.bannerSection > div:nth-child(2) {
  max-width: 87%;
}

.linkBannerSection {
  display: block;
  margin: 0 auto;
  max-width: 994px;
  width: 100%;
}
@media (max-width: 767px) {
  .linkBannerSection h3 {
    margin-left: 20px;
  }
}

.button {
  border-radius: 30px;
  background-color: #563091;
  color: white;
  padding: 0px 20px !important;
  font-weight: 600;
  font-size: calc(14px + (16 - 14) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .button {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .button {
    font-size: 14px;
  }
}
.button {
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  min-width: 100px;
}
.button.active {
  background-color: #563091;
}
.button:active, .button:hover {
  background-color: rgba(86, 48, 145, 0.7);
}
.button:focus {
  background-color: rgba(86, 48, 145, 0.7);
}
.button.button--thin {
  padding: 4px 10px;
  font-size: 0.8rem;
  line-height: 20px;
}
.button > div {
  display: inline-block;
}
@media (max-width: 325px) {
  .button {
    padding: 0 16px !important;
  }
}

.button--alt {
  background-color: white;
  color: #563091;
}
.button--alt.active {
  background-color: white;
}
.button--alt:active, .button--alt:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #563091;
}
.button--alt.active, .button--alt:active, .button--alt:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #563091;
}
.button--alt:focus {
  background-color: rgba(255, 255, 255, 0.7);
  color: #563091;
}

.button--outline, .VCta--register .Vcta__content .button {
  background-color: transparent;
  color: white;
  border-radius: 20px;
  border: solid white 2px;
}
.button--outline.active, .VCta--register .Vcta__content .active.button {
  background-color: transparent;
  color: white;
  border: solid white 2px;
}
.button--outline:active, .VCta--register .Vcta__content .button:active, .button--outline:hover, .VCta--register .Vcta__content .button:hover {
  background-color: #563091;
  color: white;
  border: solid #563091 2px;
}
.button--outline:active, .VCta--register .Vcta__content .button:active, .button--outline:hover, .VCta--register .Vcta__content .button:hover {
  background-color: #563091;
  color: white;
  border: solid #563091 2px;
}
.button--outline:focus, .VCta--register .Vcta__content .button:focus {
  background-color: #563091;
  color: white;
  border: solid #563091 2px;
}

.button--white {
  background-color: white;
  color: #563091;
  border-radius: 20px;
  font-size: 14px;
  line-height: 30px;
  padding: 2px 20px !important;
}
.button--white.active {
  background-color: white;
  color: #563091;
}
.button--white:active, .button--white:hover, .button--white:focus {
  background-color: #563091;
  color: white;
}

.button--download {
  position: relative;
  vertical-align: middle;
}
.button--download svg {
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.button--download > :nth-child(2) {
  padding-left: 13px;
  width: 16px;
  height: 40px;
  vertical-align: middle;
  position: relative;
}

.callout--grid .callout {
  position: relative;
  max-width: 350px;
  margin: 0 auto;
  background-color: #ccf2f1;
  text-align: center;
  padding: 20px 40px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 6px 1px rgba(65, 64, 66, 0.2);
          box-shadow: 0 2px 6px 1px rgba(65, 64, 66, 0.2);
  overflow: hidden;
}
.callout--grid .callout img {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  height: 50px;
  width: auto;
}
.callout--grid .callout h3 {
  font-weight: 400;
}
@media (max-width: 767px) {
  .callout--grid .callout h3 {
    margin-top: 20px;
  }
}
.callout--grid .callout p {
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .callout--grid .callout p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .callout--grid .callout p {
    font-size: 15px;
  }
}
.callout--grid .callout p {
  line-height: calc(21px + (26 - 21) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .callout--grid .callout p {
    line-height: 26px;
  }
}
@media only screen and (max-width: 479px) {
  .callout--grid .callout p {
    line-height: 21px;
  }
}
.callout--grid .callout .button {
  margin-top: 20px;
  font-size: calc(14px + (16 - 14) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .callout--grid .callout .button {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .callout--grid .callout .button {
    font-size: 14px;
  }
}
.callout--grid .callout::after {
  content: "";
  top: -10%;
  width: 75%;
  left: 50%;
  background-color: white;
  border-radius: 50%;
  height: 60%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-scroll-limit-x-max: 2;
}
@media (max-width: 767px) {
  .callout--grid .callout::after {
    top: 0%;
  }
}
.callout--grid .callout > div:nth-child(2) {
  height: 100%;
}
@media (max-width: 1111px) {
  .callout--grid > div:not(:last-child).callout {
    margin-bottom: 1.5rem;
  }
}

.callout--grid .Vcta {
  max-width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.callout--grid .Vcta .Vcta__content > div:nth-child(1) {
  height: 100%;
  position: relative;
  margin-bottom: 75px;
}
.callout--grid .Vcta .Vcta__content > div:nth-child(1) > div:nth-child(2) {
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .callout--grid .Vcta {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .callout--grid .Vcta br {
    display: none;
  }
}

@media (max-width: 767px) {
  .homepage .customPadd .callout {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .homepage .customPadd .callout a {
    max-width: 240px;
  }
}

.hero {
  overflow: hidden;
  position: relative;
  background: rgb(240, 233, 251);
  background: radial-gradient(circle at 27% 50%, rgb(240, 233, 251) 0%, rgb(211, 203, 224) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0e9fb",endColorstr="#d3cbe0",GradientType=1);
}
.hero h1 {
  color: #563091;
  margin-top: 20px;
  margin-bottom: 20px;
}
.hero h2 {
  font-weight: 400;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .hero {
    overflow-x: hidden;
  }
}

.hero__asset {
  position: relative;
  max-width: 50%;
  padding-bottom: 0px !important;
}
@media (max-width: 767px) {
  .hero__asset {
    max-width: 100%;
    top: 0px;
    left: 0px;
  }
}

.hero__info {
  position: absolute;
  top: 71%;
  left: 58%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  font-style: italic;
  letter-spacing: 0px;
  line-height: 14px;
  min-width: 140px;
  max-width: 195px;
  border-radius: 10px;
  background-color: rgba(89, 43, 138, 0.7);
}
.hero__info::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(120deg, #c3b4d8 2%, #9bd0db 78%) 10% round;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.hero__info > div {
  position: relative;
  z-index: 2;
  padding: 12px 12px;
}
@media (max-width: 767px) {
  .hero__info > div {
    padding: 9px 12px;
  }
}
@media (max-width: 320px) {
  .hero__info > div {
    padding: 5px 12px;
  }
}
.hero__info i,
.hero__info em {
  color: #c8edec;
}
@media (max-width: 767px) {
  .hero__info {
    left: 70%;
  }
}
.hero__info p {
  font-size: calc(10px + (12 - 10) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .hero__info p {
    font-size: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .hero__info p {
    font-size: 10px;
  }
}
.hero__info p {
  line-height: calc(14px + (16 - 14) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .hero__info p {
    line-height: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .hero__info p {
    line-height: 14px;
  }
}

.hero__container {
  max-width: 50%;
  position: relative;
  z-index: 2;
  padding-top: 0px !important;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
@media (max-width: 767px) {
  .hero__container {
    max-width: 100%;
    width: 100%;
    top: -25px;
    padding-left: 0;
    background-image: radial-gradient(circle at 27% 50%, #f0e9fb, #d3cbe0 51%);
    margin-bottom: -70px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding-bottom: 2px;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    border-radius: 0% 0% 100% 100%/0% 0% 60% 60%;
    margin-bottom: -52px;
  }
  .hero__container > div {
    margin: 0 auto;
    max-width: 325px;
    text-align: center;
    padding-top: 20px;
  }
  .hero__container .hero__info {
    width: 300px;
  }
}
@media (max-width: 320px) {
  .hero__container {
    top: -24px;
    padding-left: 0;
  }
}
@media (min-width: 1140px) {
  .hero__container {
    margin-left: auto;
    margin-right: 0px;
    max-width: 550px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 600px) {
  .text-fQlQb7K9HImB55gqcRq1w .hero__container {
    top: 55px;
  }
}
div.banner__container {
  max-width: 78%;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0 !important;
  gap: 15.5px;
}
@media (max-width: 1500px) {
  div.banner__container {
    max-width: 86%;
  }
}
@media (max-width: 767px) {
  div.banner__container {
    max-width: 100%;
  }
}
div.banner__container h2 {
  font-size: 44px;
  line-height: 52px;
  margin-bottom: 31px;
}
@media (max-width: 1500px) {
  div.banner__container h2 {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  div.banner__container h2 {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  div.banner__container h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 24px;
  }
}
div.banner__container .left-banner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  padding-top: 20px;
}
div.banner__container .left-banner .small-text p {
  font-size: 12px;
}
div.banner__container .left-banner .small-text p a {
  text-decoration: underline;
  color: #563091;
}
div.banner__container .left-banner p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 31px;
}
@media (max-width: 767px) {
  div.banner__container .left-banner p {
    font-size: 15px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  div.banner__container .left-banner {
    width: 100%;
    padding: 25px 25px 15px 25px;
  }
}
div.banner__container .right-banner {
  width: 50%;
}
@media (max-width: 767px) {
  div.banner__container .right-banner {
    width: 100%;
  }
}
@media (max-width: 767px) {
  div.banner__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: -40px;
    padding-left: 0;
    flex-direction: column-reverse;
    margin-top: -40px;
    padding-left: 0;
  }
}

.customPadd .callout {
  padding: 20px 32px 40px;
}

.takingDaybue .hero__info i,
.takingDaybue .hero__info em {
  color: #ffffff;
}
.takingDaybue .hero__info b i,
.takingDaybue .hero__info b em {
  color: #c8edec;
}
@media (max-width: 767px) {
  .takingDaybue .hero__container {
    padding-left: 0 !important;
  }
}

.homepage .hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}
.homepage .hero__container .button {
  margin-top: 20px;
}
.homepage .hero__container > div {
  padding-top: 30px;
}
@media (max-width: 767px) {
  .homepage .hero__container > div h1 {
    font-size: 22px;
    line-height: 25px;
    text-align: left;
    font-weight: 500;
  }
  .homepage .hero__container > div p br {
    display: none;
  }
}
@media (min-width: 768px) {
  .homepage .hero__container > div {
    padding-top: 15px;
  }
  .homepage .hero__container > div h1 {
    font-size: 23px;
    line-height: 27px;
  }
}
@media (min-width: 768px) {
  .homepage .hero__container > div {
    padding-top: 30px;
  }
  .homepage .hero__container > div h1 {
    font-size: 30px;
    line-height: 34px;
  }
}
@media (min-width: 1140px) {
  .homepage .hero__container > div {
    top: 10%;
  }
  .homepage .hero__container > div h1 {
    font-size: 50px;
    line-height: 56px;
    font-weight: 500;
  }
  .homepage .hero__container > div a {
    position: absolute;
    bottom: -30%;
  }
  .homepage .hero__container > div a:nt-of-type(3) {
    bottom: -45%;
  }
}
.homepage .text-6S1rXfPmjSIBQlvIX73U0d .hero__info {
  top: 70%;
  left: 88%;
  max-width: 160px;
}
@media (max-width: 767px) {
  .homepage .text-6S1rXfPmjSIBQlvIX73U0d .hero__info {
    top: 88%;
    left: 80%;
    min-width: 125px;
    max-width: 125px;
  }
}
@media (min-width: 1140px) {
  .homepage .text-6S1rXfPmjSIBQlvIX73U0d .hero__container {
    max-width: 450px;
    left: 23% !important;
  }
}
.homepage .text-3lGvc31754dh2eUY8jYgvK .hero__info {
  top: 83%;
  left: 87%;
  width: 100%;
}
.homepage .text-3lGvc31754dh2eUY8jYgvK .hero__info p br {
  display: none;
}
@media (max-width: 767px) {
  .homepage .text-3lGvc31754dh2eUY8jYgvK .hero__info {
    top: 88%;
    left: 80%;
    min-width: 125px;
    max-width: 125px;
  }
}
@media (min-width: 1140px) {
  .homepage .text-3lGvc31754dh2eUY8jYgvK .hero__container {
    max-width: 631px;
  }
  .homepage .text-3lGvc31754dh2eUY8jYgvK .hero__container div p br:nth-of-type(2) {
    display: none;
  }
}
@media (max-width: 767px) {
  .homepage .text-3lGvc31754dh2eUY8jYgvK .hero__container {
    max-width: 230px !important;
  }
  .homepage .text-3lGvc31754dh2eUY8jYgvK .hero__container div p br:nth-of-type(2) {
    display: block;
  }
}
.homepage .text-fQlQb7K9HImB55gqcRq1w .hero__info {
  top: 83%;
  left: 87%;
  min-width: 200px;
  max-width: 200px;
}
.homepage .text-fQlQb7K9HImB55gqcRq1w .hero__info p br {
  display: none;
}
@media (max-width: 767px) {
  .homepage .text-fQlQb7K9HImB55gqcRq1w .hero__info {
    top: 88%;
    left: 80%;
    min-width: 125px;
    max-width: 125px;
  }
}
@media (min-width: 1140px) {
  .homepage .text-fQlQb7K9HImB55gqcRq1w .hero__container {
    top: 14%;
    max-width: 620px;
    bottom: 35%;
  }
}

@media (max-width: 767px) {
  .aboutRett .hero__info {
    width: 105px !important;
    max-width: unset !important;
    min-width: unset !important;
  }
}

.aboutDaybue .hero__info {
  top: 80%;
  left: 67%;
  max-width: 150px;
  width: 100%;
}
.aboutDaybue .hero__info > div {
  padding: 12px 10px;
}
.aboutDaybue .hero__info p br {
  display: none;
}
@media (max-width: 767px) {
  .aboutDaybue .hero__info {
    left: 80%;
    top: 75%;
    min-width: 102px;
    max-width: 102px;
  }
}

@media (max-width: 767px) {
  .caregiverPerspective .hero__container {
    margin-bottom: -52px;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (max-width: 767px) {
  .caregiverPerspective .hero__container > div {
    padding-top: 25px;
  }
}
.caregiverPerspective .care-banner {
  font-family: poppins, sans-serif;
}
@media (max-width: 767px) {
  .caregiverPerspective .care-banner .hero__container {
    margin-bottom: -82px;
  }
  .caregiverPerspective .care-banner .hero__container > div h1 {
    margin-bottom: 20px;
  }
}
.caregiverPerspective .care-banner .hero__info {
  left: 21%;
  top: 87%;
}
@media (max-width: 1023px) {
  .caregiverPerspective .care-banner .hero__info {
    top: 84%;
    left: 28%;
  }
}
@media (max-width: 767px) {
  .caregiverPerspective .care-banner .hero__info {
    right: -15%;
    top: 82%;
    left: unset;
  }
}
.caregiverPerspective .henry-banner .hero__info {
  top: 80%;
  right: 20%;
  left: unset;
}
@media (max-width: 767px) {
  .caregiverPerspective .henry-banner .hero__info {
    right: -15%;
    top: 82%;
    left: unset;
  }
}
@media (max-width: 767px) {
  .caregiverPerspective .henry-banner .hero__asset img {
    aspect-ratio: 3/1.5;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.caregiverPerspective .quinn-banner .hero__info {
  top: 84%;
  right: 8%;
  left: unset;
}
@media (max-width: 767px) {
  .caregiverPerspective .quinn-banner .hero__info {
    right: -15%;
    top: 82%;
    left: unset;
  }
}
.caregiverPerspective .quinn-banner .hero__container h1,
.caregiverPerspective .clare-banner .hero__container h1,
.caregiverPerspective .henry-banner .hero__container h1,
.caregiverPerspective .kate-banner .hero__container h1,
.caregiverPerspective .maddy-banner .hero__container h1,
.caregiverPerspective .ellie-banner .hero__container h1,
.caregiverPerspective .holly-banner .hero__container h1,
.caregiverPerspective .madelyn-banner .hero__container h1,
.caregiverPerspective .nicole-banner .hero__container h1 {
  margin-bottom: 0px;
}
.caregiverPerspective .quinn-banner .hero__container p,
.caregiverPerspective .clare-banner .hero__container p,
.caregiverPerspective .henry-banner .hero__container p,
.caregiverPerspective .kate-banner .hero__container p,
.caregiverPerspective .maddy-banner .hero__container p,
.caregiverPerspective .ellie-banner .hero__container p,
.caregiverPerspective .holly-banner .hero__container p,
.caregiverPerspective .madelyn-banner .hero__container p,
.caregiverPerspective .nicole-banner .hero__container p {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .caregiverPerspective .quinn-banner .hero__container p,
  .caregiverPerspective .clare-banner .hero__container p,
  .caregiverPerspective .kate-banner .hero__container p,
  .caregiverPerspective .henry-banner .hero__container p,
  .caregiverPerspective .holly-banner .hero__container p,
  .caregiverPerspective .maddy-banner .hero__container p,
  .caregiverPerspective .madelyn-banner .hero__container p,
  .caregiverPerspective .ellie-banner .hero__container p,
  .caregiverPerspective .nicole-banner .hero__container p {
    position: relative;
    top: -7px;
    padding-bottom: 20px;
    padding-top: 0;
    margin-top: 11px;
  }
  .caregiverPerspective .maddy-banner .hero__container {
    margin-bottom: -130px;
  }
  .caregiverPerspective .clare-banner .hero__container p {
    padding-bottom: 20px;
    padding-top: 0;
    margin-top: 11px;
  }
  .caregiverPerspective .madelyn-banner .hero__container {
    margin-bottom: -92px;
  }
}
.caregiverPerspective .clare-banner .hero__info {
  top: 84%;
  right: 7%;
  left: unset;
  max-width: 170px;
  width: 100%;
}
.caregiverPerspective .clare-banner .hero__info > div {
  padding: 12px 12px;
}
@media (max-width: 767px) {
  .caregiverPerspective .clare-banner .hero__info {
    right: -15%;
    top: 82%;
    left: unset;
    min-width: 133px;
    max-width: 133px;
    width: 100%;
  }
  .caregiverPerspective .clare-banner .hero__info > div {
    padding: 12px 12px;
  }
}

@media (max-width: 767px) {
  .ellie-banner .hero__asset {
    padding-top: 16px;
  }
}
.ellie-banner .hero__info {
  top: 86%;
  left: 65%;
  max-width: 160px;
  width: 100%;
}
.ellie-banner .hero__info > div {
  padding: 12px 12px;
}
@media (max-width: 767px) {
  .ellie-banner .hero__info {
    left: 25%;
    top: 82%;
    right: -11%;
    max-width: 140px;
    width: 100%;
  }
  .ellie-banner .hero__info > div p br {
    display: none;
  }
}

.holly-banner .hero__info {
  top: 77%;
  left: 76%;
}
@media (max-width: 767px) {
  .holly-banner .hero__info {
    top: 82%;
    max-width: 140px;
    width: 100%;
  }
  .holly-banner .hero__info > div p br {
    display: none;
  }
}

.kate-banner .hero__info {
  top: 84%;
  left: 33%;
  max-width: 165px;
}
@media (max-width: 767px) {
  .kate-banner .hero__info {
    top: 82%;
    left: 24%;
    max-width: 140px;
    width: 100%;
  }
  .kate-banner .hero__info > div p br {
    display: none;
  }
}

.maddy-banner .hero__info {
  top: 81%;
  left: 70%;
  max-width: 154px;
  width: 100%;
}
@media (max-width: 767px) {
  .maddy-banner .hero__info {
    left: 76%;
    top: 85%;
    right: -11%;
    max-width: 140px;
  }
}

.madelyn-banner .hero__info {
  top: 74%;
  left: 74%;
  max-width: 160px;
  width: 100%;
}
@media (max-width: 767px) {
  .madelyn-banner .hero__info {
    left: 76%;
    top: 80%;
    right: -11%;
    max-width: 140px;
  }
}

@media (max-width: 767px) {
  .patient-educator .hero__container {
    margin-bottom: -70px;
  }
  .patient-educator .hero__container h1 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .patient-educator .hero__container h1 {
    font-size: 34px;
  }
}
.patient-educator .hero__info {
  top: 79%;
  left: 82%;
  right: -3%;
}
@media (max-width: 767px) {
  .patient-educator .hero__info {
    left: 83%;
    top: 81%;
    right: -13%;
  }
}

.treatment-support .hero__info {
  top: 76%;
  right: -3%;
  left: unset;
  width: 158px;
}
@media (max-width: 767px) {
  .treatment-support .hero__info {
    width: 128px;
    right: -14%;
  }
}

.downloadable-resource .hero__info {
  top: 80%;
  right: -2%;
  left: unset;
  max-width: 204px;
}
@media (max-width: 767px) {
  .downloadable-resource .hero__info {
    width: 180px;
    right: -14%;
    left: 67% !important;
  }
}

.side-effects {
  position: relative;
  z-index: 2;
}
.side-effects p a {
  text-decoration: underline;
  color: #563091;
}
.side-effects p {
  padding: 42px 0;
}

.shareSparkle .purple--box--small {
  padding: 35px 133px;
  background-color: #ede9f3;
}

.imp-safety {
  margin-bottom: 6px;
}
.imp-safety h4 {
  font-size: 22px;
  line-height: 10px;
}
@media (max-width: 767px) {
  .imp-safety h4 {
    line-height: 20px;
    font-size: 15px;
    margin-top: 10px;
  }
}
.imp-safety b {
  font-weight: bold;
  color: #563091;
}

.terms {
  position: relative;
  z-index: 2;
}
.terms p {
  font-size: 15px;
}

.safety a {
  text-decoration: underline;
  color: #563091;
}

.events .hero__info {
  max-width: 224px;
  top: 84%;
  left: unset;
  right: -6%;
}
.events .hero__info div {
  padding: 19px 20px;
}
@media (max-width: 767px) {
  .events .hero__info {
    right: -10%;
  }
  .events .hero__info div {
    padding: 10px 13px;
  }
}

.submit__sparkle__container .submit__sparkle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 55px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.submit__sparkle__container .submit__sparkle .submit-left img {
  margin-left: -20px;
  max-width: 341px;
  width: 341px;
}
@media (max-width: 767px) {
  .submit__sparkle__container .submit__sparkle .submit-left img {
    margin-left: 0;
    max-width: 249px;
    width: 249px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.submit__sparkle__container .submit__sparkle .submit-left p {
  padding-left: 0 !important;
  font-size: 14px;
}
@media (max-width: 767px) {
  .submit__sparkle__container .submit__sparkle .submit-left p {
    padding-left: 20px !important;
    width: 65%;
  }
}
.submit__sparkle__container .submit__sparkle .submit-right h3 {
  margin: 0;
  font-size: 30px;
  line-height: 37px;
}
@media (max-width: 767px) {
  .submit__sparkle__container .submit__sparkle .submit-right h3 {
    text-align: left;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 30px;
  }
}
.submit__sparkle__container .submit__sparkle .submit-right .button {
  font-size: 16px;
}
@media (max-width: 767px) {
  .submit__sparkle__container .submit__sparkle .submit-right {
    padding: 0 6px;
  }
}
@media (max-width: 767px) {
  .submit__sparkle__container .submit__sparkle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 5px;
  }
}

.hero-title h1 {
  font-size: 58px;
  line-height: 72px;
}
@media (max-width: 767px) {
  .hero-title h1 {
    font-size: 36px;
    line-height: 35px;
  }
}

@media (max-width: 767px) {
  .aboutDaybue.shareSparkle .hero__container {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media (max-width: 767px) {
  .aboutDaybue.shareSparkle .hero__asset img {
    aspect-ratio: 3/1.5;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.aboutDaybue.shareSparkle .hero__asset .hero__info {
  top: 88%;
  left: 26%;
  max-width: 145px;
}
@media (max-width: 767px) {
  .aboutDaybue.shareSparkle .hero__asset .hero__info {
    max-width: 125px;
    top: 79%;
  }
}

.aboutDaybue.shareSparkle .share-exp p {
  line-height: 26px;
}

@media (max-width: 767px) {
  .aboutDaybue.shareSparkle .share-exp p {
    line-height: 21px;
  }
}
.resources .customWidthDlayout img {
  max-width: 341px;
  width: 341px;
}

@media (max-width: 767px) {
  .resources .hero .hero__asset {
    max-width: 100%;
    left: 0px;
  }
  .resources .customPaddingMobile {
    padding-left: 20px;
    padding-right: 20px;
  }
  .resources .customWidthDlayout img {
    max-width: 249px;
    width: 249px;
  }
  .resources .customWidthFootnotes {
    max-width: 249px !important;
    width: 249px !important;
    margin: 0px auto !important;
    margin-bottom: 40px !important;
  }
  .resources .customWidthFootnotes br {
    display: none;
  }
}
@media (max-width: 767px) {
  .holly-banner .hero__container {
    margin-bottom: -136px;
  }
}

@media (max-width: 767px) {
  .kate-banner .hero__asset {
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  .commercial-title .hero__container {
    margin-bottom: -52px;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  .commercial-title .hero__container > div {
    padding-top: 30px;
  }
  .commercial-title .hero__container h1 br {
    display: none;
  }
}

.desktop\:hidden {
  display: none;
}

.heroBtn {
  padding-top: 0;
  padding-left: 0;
  margin-bottom: 30px;
}

.modal {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: none;
}
.modal.active {
  display: block;
}

.modal__inner {
  width: 80%;
  max-width: 1124px;
  padding: 78px 90px 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 100%;
  overflow-y: auto;
  border-radius: 20px;
  outline: none;
}
@media (max-width: 767px) {
  .modal__inner {
    width: 90%;
    padding: 30px;
    max-height: 100%;
    margin: 0 auto;
  }
  .modal__inner .asset {
    width: 100%;
  }
}
.modal__inner sup {
  top: -0.25em;
}

.modal__close {
  width: 34px;
  height: 34px;
  background-color: transparent;
  position: absolute;
  top: 5%;
  right: 35px;
  border-radius: 24px;
  border: solid 1px white;
  cursor: pointer;
  z-index: 10;
}
.modal__close:hover::after, .modal__close:hover::before {
  width: 44%;
}
.modal__close::after, .modal__close::before {
  content: "";
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  height: 3px;
  width: 60%;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.modal__footer__image {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
}

.modal__content :not(.button),
.modal__content * :not(.button) {
  color: white;
}

.modal__content {
  position: relative;
  z-index: 2;
  text-align: center;
}

@media (max-width: 767px) {
  .modal--webinar {
    top: 0px;
  }
  .modal--webinar .modal__inner {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .modal--webinar .modal--webinar__content {
    padding: 0px 25px;
  }
  .modal--webinar .asset {
    display: block;
  }
  .modal--webinar .button {
    margin: 0px 25px;
  }
}

.modal h2 {
  font-weight: 300;
  font-size: calc(28px + (44 - 28) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .modal h2 {
    font-size: 44px;
  }
}
@media only screen and (max-width: 479px) {
  .modal h2 {
    font-size: 28px;
  }
}
.modal h2 {
  line-height: calc(34px + (42 - 34) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .modal h2 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 479px) {
  .modal h2 {
    line-height: 34px;
  }
}

.modal.interstitial .modal__content p:nth-child(2) {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .modal.hcp .asset {
    max-width: 70%;
  }
}

.modal .closeButton {
  width: 34px;
  height: 34px;
  background-color: transparent;
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 24px;
  cursor: pointer;
  z-index: 10;
}
.modal .closeButton:hover::after, .modal .closeButton:hover::before {
  width: 100%;
}
.modal .closeButton::after, .modal .closeButton::before {
  content: "";
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  height: 3px;
  width: 90%;
  background-color: #563091;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.modal .closeButton::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.modal-home h2 {
  font-size: 44px;
  line-height: 52px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .modal-home h2 {
    font-size: 25px;
    line-height: 30px;
  }
}

.modal.gradient-border .modal__inner {
  border-radius: 20px;
  background-clip: padding-box;
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal.gradient-border .modal__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 3px; /* border thickness */
  background: -webkit-gradient(linear, left top, right top, from(#563091), to(#38abab));
  background: linear-gradient(90deg, #563091, #38abab);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: exclude;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 5;
}

.mixing-it-up {
  margin-top: -35px;
}
.mixing-it-up .modal__inner {
  max-width: 335px;
  background: #fff;
  margin: 0;
}
.mixing-it-up .modal__inner .modal__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "logo" "body" "product";
}
.mixing-it-up .modal__inner .modal__grid .mixing-it-up-logo {
  position: relative;
  grid-area: logo;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 210px;
  margin: 20px auto 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mixing-it-up .modal__inner .modal__grid .mixing-it-up-logo img {
  max-width: 205px;
}
.mixing-it-up .modal__inner .modal__grid .modal__body {
  grid-area: body;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mixing-it-up .modal__inner .modal__grid .modal__body h3 {
  font-family: "Montserrat";
  font-size: 18px;
  color: #563091;
  font-weight: 600;
  margin-bottom: 12px;
}
.mixing-it-up .modal__inner .modal__grid .modal__body p {
  font-family: "Montserrat";
  font-size: 16px;
  color: #414042;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin: 0 0 12px;
}
.mixing-it-up .modal__inner .modal__grid .modal__body .external {
  font-size: 13px;
  margin: 0 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mixing-it-up .modal__inner .modal__grid .modal__body .external:after {
  content: "";
  background-image: url("/media/content/images/externalLinkIcon.svg");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  color: #fff;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.5rem;
}
.mixing-it-up .modal__inner .modal__grid .modal__body a.link {
  font-size: 12px;
  color: #563091;
  font-weight: 400;
  text-decoration: underline;
}
.mixing-it-up .modal__inner .modal__grid .mixing-it-up-product {
  margin-top: -40px;
  grid-area: product;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: -1;
}
.mixing-it-up .modal__inner .modal__grid .mixing-it-up-product picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mixing-it-up .modal__inner .modal__grid .mixing-it-up-product img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
}
@media (min-width: 1023px) {
  .mixing-it-up .modal__inner {
    max-width: 1024px;
  }
  .mixing-it-up .modal__inner .modal__grid {
    grid-template-areas: "body logo" "body logo" "body product" "body product" "body product";
  }
  .mixing-it-up .modal__inner .modal__grid .mixing-it-up-logo {
    margin: 22px 0 22px 120px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .mixing-it-up .modal__inner .modal__grid .mixing-it-up-logo img {
    max-width: 190px;
  }
  .mixing-it-up .modal__inner .modal__grid .modal__body {
    padding: 40px 20px 40px 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .mixing-it-up .modal__inner .modal__grid .modal__body h3 {
    font-size: 29px;
    margin-bottom: 22px;
  }
  .mixing-it-up .modal__inner .modal__grid .modal__body .external {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .mixing-it-up .modal__inner .modal__grid .modal__body p {
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 28px;
    text-align: left;
  }
  .mixing-it-up .modal__inner .modal__grid .modal__body a.link {
    font-size: 18px;
  }
  .mixing-it-up .modal__inner .modal__grid .mixing-it-up-product {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 0;
  }
  .mixing-it-up .modal__inner .modal__grid .mixing-it-up-product img {
    max-width: 420px;
    height: auto;
  }
}
@media (min-width: 1100px) {
  .mixing-it-up .modal__inner .modal__grid .mixing-it-up-logo {
    margin: 22px 0 22px 155px;
    -webkit-transition: margin 0.6s;
    transition: margin 0.6s;
  }
  .mixing-it-up .modal__inner .modal__grid .mixing-it-up-product img {
    max-width: 500px;
    -webkit-transition: max-width 0.6s;
    transition: max-width 0.6s;
  }
}
@media (min-width: 1023px) {
  .mixing-it-up {
    margin-top: 0;
  }
}

.asset {
  max-width: 100%;
  width: 100%;
}

.tooltip__content {
  position: absolute;
  -webkit-transform: rotateX(90deg) translate(-50%, -110%);
          transform: rotateX(90deg) translate(-50%, -110%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  text-align: center;
  font-size: 14px;
  max-width: 320px;
}
.tooltip__content::after {
  content: "";
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip__content.active, .tooltip__content:hover, .tooltipReveal .tooltip__content {
  -webkit-transform: rotateX(0deg) translate(-50%, -110%);
          transform: rotateX(0deg) translate(-50%, -110%);
}
@media (max-width: 767px) {
  .tooltip__content {
    max-width: 130px;
  }
}

.tooltip__fakeHover {
  cursor: pointer;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 130px;
  height: 25px;
  background-color: transparent;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tooltip__fakeHover:hover + .tooltip__content {
  -webkit-transform: rotateX(0deg) translate(-50%, -110%);
          transform: rotateX(0deg) translate(-50%, -110%);
}

.tooltip__trigger span {
  cursor: pointer;
  text-decoration: underline;
  color: #563091;
}

.bio p {
  font-size: calc(13px + (16 - 13) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .bio p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .bio p {
    font-size: 13px;
  }
}
.bio p {
  line-height: 1.2;
}
@media (max-width: 767px) {
  .bio img {
    max-width: 140px;
  }
}

.VForm input, .VForm select, .VForm textarea {
  display: block;
  border: solid 2px #414042;
  width: 100%;
  padding: 10px 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 7px;
  padding-right: 68px;
}
.VForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
}
.VForm select.inactive {
  color: gray;
}
.VForm label {
  font-weight: 600;
  line-height: 1;
  padding-bottom: 10px;
  display: block;
  color: #333333;
}
.VForm label:not(.consent) {
  margin-top: 20px;
}
.VForm h6 {
  color: #563091;
}
.VForm .input__container {
  margin-bottom: 20px;
}
.VForm .error {
  color: #dc1313;
}
.VForm input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: white;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 35px;
  height: 35px;
  border: 0.15em solid #563091;
  border-radius: 0;
  padding: 0px;
  display: grid;
  place-content: center;
}
.VForm input[type=checkbox] {
  border-color: #563091;
  position: relative;
  border-radius: 7px;
}
.VForm input[type=checkbox].error {
  border-color: #dc1313;
}
.VForm input[type=checkbox]::before {
  content: "";
  width: 0.9em;
  height: 0.9em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em #563091;
          box-shadow: inset 1em 1em #563091;
  /* Windows High Contrast Mode */
  background-color: #563091;
}
.VForm input[type=checkbox]:checked::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.VForm input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid #563091;
  outline-offset: max(2px, 0.15em);
}
.VForm input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.VForm .input--checkbox label {
  padding-left: 20px;
  font-weight: 400;
  max-width: 90%;
  width: 100%;
}
@media (max-width: 767px) {
  .VForm .input--checkbox label {
    max-width: 80%;
  }
}
.VForm .input--checkbox a {
  text-decoration: underline;
}
.VForm .select--wrapper {
  position: relative;
  overflow: hidden;
  background-color: transparent;
}
.VForm .select--wrapper span {
  position: absolute;
  z-index: -1;
  top: 0px;
  right: 0px;
  width: 60px;
  height: 100%;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background-color: #563091;
}
.VForm .select--wrapper span::after {
  content: "";
  position: absolute;
  top: 20px;
  left: calc(100% - 40px);
  border-right: solid 5px white;
  border-bottom: solid 5px white;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  -webkit-transform: translateY(-50%) rotateZ(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotateZ(45deg);
}
@media (min-width: 767px) {
  .VForm .grid > div:nth-of-type(odd) {
    padding-right: 20px;
  }
  .VForm .grid > div:nth-of-type(odd) ::after {
    right: 32px;
  }
  .VForm .grid > div:nth-of-type(even) {
    padding-left: 20px;
  }
}

.iconList {
  margin: 0 auto;
}
.iconList .grid .icon .grid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media (max-width: 767px) {
  .iconList .grid .icon .grid {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.icon {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .icon:not(:last-child) {
    margin-bottom: 35px;
  }
}
.icon img {
  width: 100%;
  max-width: 138px;
}
.icon .icon__image {
  width: 20%;
  padding-right: 30px;
  max-width: calc(110px + (165 - 110) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .icon .icon__image {
    max-width: 165px;
  }
}
@media only screen and (max-width: 479px) {
  .icon .icon__image {
    max-width: 110px;
  }
}
@media (max-width: 767px) {
  .icon .icon__image {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding-right: 0px;
  }
}
.icon .icon__content {
  max-width: 745px;
  width: 80%;
}
.icon .icon__content b,
.icon .icon__content strong {
  color: #563091;
}
@media (max-width: 767px) {
  .icon .icon__content {
    width: 100%;
    text-align: center;
  }
}
.icon .list {
  margin-left: 20px;
}

.iconList--alt .grid {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.iconList--alt .icon {
  width: 25%;
}
@media (max-width: 1023px) {
  .iconList--alt .icon {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .iconList--alt .icon {
    width: 100%;
  }
}
.iconList--alt .icon .grid {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.iconList--alt .icon img {
  width: 77px;
}
.iconList--alt .icon .icon__image {
  max-width: 100px;
  min-width: 80px;
  padding-right: 0px;
}
@media (max-width: 767px) {
  .iconList--alt .icon .icon__image {
    margin-bottom: 0px;
  }
}
.iconList--alt .icon .icon__content {
  max-width: 100%;
  width: 67%;
  padding-left: 10px;
}
.iconList--alt .icon .icon__content b,
.iconList--alt .icon .icon__content strong {
  color: #563091;
}
@media (max-width: 767px) {
  .iconList--alt .icon .icon__content {
    text-align: left;
  }
}

.iconList--mini > :first-child {
  width: 20%;
  max-width: 77px;
}
.iconList--mini > :first-child img {
  max-width: 77px;
}
.iconList--mini > :nth-child(2) {
  width: 80%;
  max-width: 830px;
  padding-left: 20px;
}

.iconList--vertical .icon {
  width: 33%;
  text-align: center;
}
.iconList--vertical .icon .grid {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.iconList--vertical .icon .icon__image {
  width: 100%;
  padding-right: 0px;
  margin-bottom: 40px;
}
.iconList--vertical .icon .icon__image img {
  max-width: 135px;
}
@media (max-width: 767px) {
  .iconList--vertical .icon {
    width: 100%;
  }
  .iconList--vertical .icon .icon__image {
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

.iconList--small .grid .icon .grid {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media (max-width: 767px) {
  .iconList--small .grid .icon .grid {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.iconList--small .icon__image {
  max-width: 52px;
  padding-right: 0px;
  width: 55px;
}
@media (max-width: 767px) {
  .iconList--small .icon__image {
    margin-bottom: 0px;
  }
}
.iconList--small .icon__content {
  padding-left: 30px;
  width: 100%;
  max-width: calc(100% - 100px);
}
@media (max-width: 767px) {
  .iconList--small .icon__content {
    text-align: left;
    padding-left: 16px;
  }
}
.iconList--small.iconList--small--medium .icon__image {
  max-width: 77px;
  width: 77px;
}
@media (max-width: 767px) {
  .iconList--small.iconList--small--medium .icon__image {
    max-width: 70px;
    width: 70px;
  }
}
.Vcta {
  border-radius: 20px;
  color: #333333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  background-color: white;
  overflow: hidden;
}
@media (max-width: 767px) {
  .Vcta {
    padding-top: 0px;
  }
}
.Vcta.cta--center {
  text-align: center;
}
.Vcta .button {
  margin-top: 20px;
}
.Vcta h3 {
  margin-bottom: 0px;
}
.Vcta .Vcta {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Vcta .Vcta .Vcta__content {
  padding-top: 0px;
}

.Vcta__header {
  width: 100%;
  text-align: left;
  padding: 20px 80px;
  color: white;
}

.Vcta__content {
  padding: 50px 60px;
}
.Vcta__content .asset {
  max-width: 208px;
}
.Vcta__content + .Vcta {
  padding-bottom: 0px;
}

.Vcta__content--asset {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.Vcta__content--asset > :nth-child(1) {
  max-width: 164px;
  padding-right: 40px;
  width: 164px;
}
@media (max-width: 767px) {
  .Vcta__content--asset > :nth-child(1) {
    margin: 0 auto;
    width: 100%;
    padding-right: 0px;
    padding-bottom: 15px;
  }
}
.Vcta__content--asset > :nth-child(2) {
  width: calc(100% - 164px);
}
@media (max-width: 767px) {
  .Vcta__content--asset > :nth-child(2) {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
}

.VCta--register.about-vcta {
  max-width: 100%;
}
.VCta--register.about-vcta h2 {
  margin-bottom: 10px;
}
.VCta--register .Vcta__content {
  color: white;
}
.VCta--register .Vcta__content > :nth-child(1) {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.VCta--register .Vcta__content .button {
  min-width: 135px;
}

.cta--largeImage .Vcta__content--asset > :nth-child(1) {
  max-width: 258px;
}
@media (max-width: 767px) {
  .cta--largeImage .Vcta__content--asset > :nth-child(1) {
    max-width: 184px;
  }
}

.Vconnect h2 {
  color: #00878b;
}
.Vconnect nobr {
  font-size: 62%;
}
.Vconnect hr {
  max-width: 100%;
  background-color: transparent;
  border-bottom: solid 2px #563091;
  margin: 40px auto;
}
.Vconnect .button {
  margin-top: 20px;
}
.Vconnect .Vconnect__logo {
  max-width: calc(184px + (263 - 184) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .Vconnect .Vconnect__logo {
    max-width: 263px;
  }
}
@media only screen and (max-width: 479px) {
  .Vconnect .Vconnect__logo {
    max-width: 184px;
  }
}
.Vconnect .Vconnect__image {
  max-width: calc(248px + (426 - 248) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .Vconnect .Vconnect__image {
    max-width: 426px;
  }
}
@media only screen and (max-width: 479px) {
  .Vconnect .Vconnect__image {
    max-width: 248px;
  }
}
.Vconnect strong, .Vconnect b {
  color: #563091;
}
@media (max-width: 767px) {
  .Vconnect {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.accord {
  position: relative;
  z-index: 2;
}
.accord .btnBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.accord .btnIcon {
  background: transparent;
  color: #563091;
  font-size: 18px;
  line-height: 26px;
  outline: none;
  border: none;
  cursor: pointer;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-right: 38px;
}
.accord .plusIcon {
  background-color: #563091;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  position: relative;
}
.accord .plusIcon::before {
  content: "";
  width: 60%;
  height: 5px;
  background-color: white;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
}
.accord .plusIcon::after {
  content: "";
  width: 60%;
  height: 5px;
  background-color: white;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
}
.accord .collapsed::after {
  height: 0px;
}
.accord .accord__body {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
  overflow: hidden;
}
.accord .accord__body p:not(:last-child) {
  margin-bottom: 20px;
}
.accord .accord__body .list li {
  padding-bottom: 5px;
}
.accord .accord__body a {
  text-decoration: underline;
  color: #563091;
  font-weight: 600;
}
.accord .accord__tab {
  cursor: pointer;
  position: relative;
  padding-right: 60px;
  background-color: transparent;
  border-radius: 0.2rem;
  -webkit-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}
.accord .accord__header {
  margin: 0;
  padding: 0;
  letter-spacing: 0.025rem;
  color: #563091;
}
.accord .accord__header p {
  margin: 0;
}
@media (max-width: 767px) {
  .accord .accord__header {
    width: 100%;
  }
}
.accord .accord__icon {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  width: 30px;
  height: 30px;
  border: solid 2px #563091;
  border-radius: 50%;
  background-color: #563091;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  -webkit-transform: translate(0px, -50%);
      -ms-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
}
.accord .accord__icon:after, .accord .accord__icon:before {
  content: "";
  width: 60%;
  height: 5px;
  background-color: white;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
}
.accord .accord__icon::after {
  height: 60%;
  width: 5px;
}
.accord .shadow-none {
  -webkit-transition: -webkit-box-shadow 350ms ease-in-out;
  transition: -webkit-box-shadow 350ms ease-in-out;
  transition: box-shadow 350ms ease-in-out;
  transition: box-shadow 350ms ease-in-out, -webkit-box-shadow 350ms ease-in-out;
}
.accord .accord__card {
  position: relative;
  margin-bottom: 1.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  padding: 18px 25px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
}
@media (max-width: 767px) {
  .accord .accord__card {
    margin-bottom: 0.8rem;
  }
}
.accord .accord__card.active .accord__icon:after, .accord .accord__card.active .accord__icon:before {
  background-color: white;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.accord .accord__card.active .accord__icon::after {
  height: 0px;
}
.accord .accord__card.active .corner {
  -webkit-transform: translate(0rem, 0rem);
      -ms-transform: translate(0rem, 0rem);
          transform: translate(0rem, 0rem);
}
.accord .accord__card.active .accord__header {
  color: #563091;
}

.VCard {
  max-width: 440px;
  width: 40%;
  padding: 35px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  background-color: white;
}
.VCard .card__asset {
  max-width: 138px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.VCard strong,
.VCard b {
  color: #563091;
}
.VCard .button {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .VCard {
    width: 100%;
    max-width: 800px;
  }
  .VCard:not(:last-child) {
    margin-bottom: 40px;
  }
}
.VCard.VResource {
  max-width: 530px;
  width: 47%;
}
.VCard.VResource .VCard__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.VCard.VResource .VCard__content > :nth-child(1) {
  min-height: 200px;
}
@media (max-width: 767px) {
  .VCard.VResource .VCard__content > :nth-child(1) {
    min-height: auto;
  }
}
.VCard.VResource .VCard__content > :nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: inherit;
}
@media (max-width: 767px) {
  .VCard.VResource .VCard__content > :nth-child(2) {
    display: block;
  }
}
.VCard.VResource .VCard__content .VResource__buttons {
  margin-top: auto;
}
@media (max-width: 767px) {
  .VCard.VResource .VCard__content {
    display: block;
  }
}
.VCard.VResource .card__asset.asset--wide {
  height: 200px;
  max-width: 201px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.VCard.VResource .card__asset.asset--full {
  height: 200px;
  width: 100%;
  max-width: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media (max-width: 767px) {
  .VCard.VResource .card__asset.asset--full {
    display: block;
    height: auto;
  }
}
.VCard.VResource .card__asset.asset--full img {
  width: auto;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .VCard.VResource {
    width: 100%;
    max-width: 800px;
  }
}

@media (max-width: 767px) {
  .downloadable-resource .VCard .card__asset {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .downloadable-resource .VCard .card__asset.asset--wide {
    margin-bottom: -7px;
  }
}

@media (max-width: 767px) {
  .downloadable-resource .card-grid2 .VCard .card__asset.asset--wide {
    margin-bottom: -18px;
  }
}

.VBox {
  padding: 20px 40px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  padding-top: 0px;
}
@media (max-width: 767px) {
  .VBox {
    padding: 20px;
    padding-top: 0px;
  }
}
.VBox .iconList--alt .icon {
  margin-bottom: 30px;
  width: 50%;
}
@media (max-width: 767px) {
  .VBox .iconList--alt .icon {
    width: 100%;
  }
}
.VBox .iconList--alt .icon .grid {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.VBox .iconList--alt .icon .icon__image {
  width: 30%;
  max-width: 100px;
}
@media (max-width: 767px) {
  .VBox .iconList--alt .icon .icon__image {
    width: 100%;
    max-width: 500px;
  }
}
.VBox .iconList--alt .icon .icon__content {
  max-width: 340px;
  width: 70%;
}
@media (max-width: 767px) {
  .VBox .iconList--alt .icon .icon__content {
    width: 100%;
    max-width: 540px;
  }
}

.VBox--white {
  background-color: white;
}

.VBox--arrow {
  max-width: 450px;
  padding: 20px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 40%;
}
.VBox--arrow .asset {
  max-width: 56px !important;
  width: 100%;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .VBox--arrow {
    width: 100%;
    max-width: 800px;
  }
  .VBox--arrow h3 {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .VBox__arrow {
    width: 100%;
    display: block;
    justify-self: center;
    margin: 20px auto;
    text-align: center;
  }
  .VBox__arrow .asset {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    max-width: 76px;
  }
}

.VBox__title {
  background-color: #c8edec;
  text-align: center;
  padding: 20px 20px;
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
  margin-bottom: 50px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .VBox__title {
    margin-bottom: 40px;
  }
}
.VBox__title p {
  font-size: calc(18px + (18 - 18) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .VBox__title p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .VBox__title p {
    font-size: 18px;
  }
}
.VBox__title p {
  line-height: calc(22px + (22 - 22) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .VBox__title p {
    line-height: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .VBox__title p {
    line-height: 22px;
  }
}

.VBox--iconList {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .VBox--iconList {
    padding: 20px;
    padding-top: 0px;
  }
  .VBox--iconList .iconList--small .icon__image {
    width: 100%;
    max-width: 800px;
    margin-bottom: 20px;
  }
  .VBox--iconList .iconList--small .icon__image img {
    max-width: 50px;
  }
  .VBox--iconList .iconList--small .icon__content {
    width: 100%;
    max-width: 800px;
    text-align: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .VBox--iconList .iconList--small .icon__content {
    text-align: center !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .VBox--iconList .icon__content {
    text-align: center !important;
  }
}

/* purgecss start ignore  */
.locatorWidget form {
  background-color: white;
  padding: 39px 44px 39px 47px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 4px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1px 4px 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.locatorWidget form > :first-child {
  border-right: solid #ffffff 1px;
}
@media (max-width: 767px) {
  .locatorWidget form > :first-child {
    border-right: none #ffffff 1px;
    border-bottom: solid #ffffff 1px;
  }
}
@media (max-width: 767px) {
  .locatorWidget form > :nth-child(2) {
    margin-top: 20px;
  }
}
.locatorWidget form .flex-row-reverse label {
  padding-left: 20px;
}
.locatorWidget form > div {
  position: relative;
}
.locatorWidget form button {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
@media (max-width: 767px) {
  .locatorWidget form button {
    position: relative;
    margin-top: 20px;
  }
}
.locatorWidget form .fullHeightForm label {
  display: none;
}

.locatorWidget__results {
  border-radius: 10px;
  -webkit-box-shadow: 1px 4px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1px 4px 10px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}

.locatorWidget__title {
  background-color: #563091;
  padding: 17px 90px 19px 37px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.locatorWidget__results__item {
  margin: 17px 90px 19px 37px;
  outline: solid 4px transparent;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: rgba(86, 48, 145, 0);
}
.locatorWidget__results__item:not(:last-of-type) {
  border-bottom: solid 1px #333333;
}
.locatorWidget__results__item a {
  margin-bottom: 40px;
}
.locatorWidget__results__item.active {
  outline-color: rgba(86, 48, 145, 0.5);
  border-bottom: solid 1px transparent;
  background-color: rgba(86, 48, 145, 0.5);
}

.locatorWidget__results__type:not(:last-of-type):after {
  content: " | ";
}

.locatorWidget_subsection {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.locatorWidget_subsection.active {
  max-height: 5000px;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}

.locatorWidget__results__container {
  overflow-y: auto;
  max-height: 475px;
}

.locatorEntry {
  padding: 27px 32px 32.3px 88px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  position: relative;
}
.locatorEntry p {
  margin: 0px;
  padding: 0px;
}
.locatorEntry p:not(:last-child) {
  margin-bottom: 6px;
}
.locatorEntry a {
  color: #563091;
  text-decoration: underline;
}
.locatorEntry:not(:last-child) {
  margin-bottom: 20px;
}

.locatorEntry__key {
  position: absolute;
  top: 27px;
  left: 29px;
  background-color: #00878a;
  width: 33px;
  height: 33px;
  border-radius: 20px;
}
.locatorEntry__key span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
}

.locator__entries {
  max-height: 600px;
  overflow-y: auto;
  margin-right: 2rem;
  padding: 1rem;
}
@media (max-width: 767px) {
  .locator__entries {
    margin: 0 auto;
  }
}

.locatorModal .modal__inner {
  background-color: white;
  background: white;
  width: 60%;
  max-width: 624px;
}
.locatorModal .modal__content {
  text-align: left;
}
.locatorModal .modal__content * {
  color: #333333;
}
.locatorModal .modal__content .locatorEntry__key {
  display: none;
}
.locatorModal .modal__content .locatorEntry {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px;
}

.locatorEntry__excellence {
  background-color: #563091;
  color: white !important;
  padding-left: 10px !important;
}

/* purgecss end ignore  */
#map {
  width: 100%;
  height: 100%;
  max-height: 650px;
  padding-bottom: 650px;
}
@media (max-width: 767px) {
  #map {
    margin: 0px;
    min-height: 350px;
    max-height: 350px;
    padding-bottom: 350px;
  }
}

.masonary-text div > p:last-of-type {
  margin-left: 0.5em;
}
.masonary-text h2 {
  font-size: 35px;
  line-height: 42px;
  text-align: center;
  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 187, 186)), to(rgb(89, 43, 138)));
  background: linear-gradient(270deg, rgb(0, 187, 186) 0%, rgb(89, 43, 138) 100%);
  color: #fff;
  padding: 14px;
  border-radius: 15px;
  height: 100%;
}
@media (max-width: 767px) {
  .masonary-text h2 {
    font-size: 28px;
    line-height: 34px;
    padding: 22px;
  }
}
.masonary-text h2 a {
  width: 100%;
  height: 100%;
}
.masonary-text p {
  margin: 0 0 0 0;
  line-height: 26px;
}
.masonary-text p a {
  text-decoration: underline;
  color: #563091;
}
@media (max-width: 767px) {
  .masonary-text p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 46px 0 46px 0;
  }
}

.masonary .eapps-widget-toolbar {
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  display: block;
  z-index: 99999;
  padding-bottom: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
  opacity: 0;
}

@media (max-width: 767px) {
  .hUNZRN {
    padding: 40px 0 !important;
    margin-left: 6px;
  }
}

.eapp-photo-gallery-item-data-info.jsx-2404041271 {
  padding: 0 25px !important;
}

.submit-story-form .header {
  padding-top: 27px;
}
.submit-story-form h2 {
  margin-bottom: 26px;
}

.v-table {
  margin-bottom: 40px;
}
.v-table > .desktop-table::-webkit-scrollbar {
  height: 5px;
  display: none !important;
}
.v-table > .desktop-table::-webkit-scrollbar-track {
  background: #e0e0e0;
  border-radius: 10px;
}
.v-table > .desktop-table::-webkit-scrollbar-thumb {
  background: #c3b4d9;
  border-radius: 10px;
}
.v-table .desktop-table {
  border-radius: 46px 0 0 0;
  scroll-behavior: smooth;
  border-left: 0.39px solid #d6d6d6;
}
.v-table .desktop-table .chart-table {
  border-bottom: 0.39px solid #d6d6d6;
  border-top: 0.39px solid #d6d6d6;
  border-collapse: collapse;
  width: 1100px;
  /* max-width: 600px;
      width: 600px; */
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  color: #191919;
}
.v-table .desktop-table .chart-table th {
  /* padding: 10px 20px; */
  border: 0px solid #414042;
  min-width: 180px;
  width: 180px;
}
.v-table .desktop-table .chart-table th:first-child {
  border: 0px solid #414042;
}
.v-table .desktop-table .chart-table td {
  /* padding: 10px 20px; */
  border: 1px solid #d6d6d6;
  font-size: 14px;
  padding: 12px 15px;
  text-align: center;
  border-bottom: none !important;
  border-top: 0px !important;
}
.v-table .desktop-table .head-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 14px;
  padding-top: 11px;
  padding-bottom: 8px;
}
.v-table .desktop-table .head-img img {
  width: 77px;
}
.v-table .desktop-table .chart-table th.corner-cell {
  background-color: #58308c;
  font-size: 18px;
  color: #fff;
  min-width: 100px;
  width: 156px;
  position: sticky;
  left: 0;
  z-index: 2;
}
.v-table .desktop-table .area-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.v-table .desktop-table .area-img img {
  width: 84px;
}
.v-table .desktop-table .area-img {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.v-table .desktop-table .area-text {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.v-table .desktop-table .head-text {
  font-size: 14px;
  color: #191919;
  text-align: left;
  padding-left: 17px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.v-table .desktop-table .head-text .p-name {
  font-size: 18px;
  color: #592b8a;
  display: block;
  font-weight: 600;
}
.v-table .desktop-table .head-text .p-age {
  font-size: 16px;
  color: #297f7f;
  display: block;
  font-weight: 600;
}
.v-table .desktop-table .area-text {
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  color: #592b8a;
  padding-left: 0px;
  text-align: center;
}
.v-table .desktop-table .chart-table tr:first-child {
  min-width: 222px;
  width: 222px;
}
.v-table .desktop-table .chart-table tr:nth-child(even) {
  background: #ede9f3;
}
.v-table .desktop-table .chart-table tr td:first-child {
  position: sticky;
  left: -1px;
  z-index: 2;
  text-align: left;
  background: #fff;
}
.v-table .desktop-table .chart-table tr:nth-child(even) td:first-child {
  padding: 12px 13px;
}
.v-table .desktop-table .chart-table tr:nth-child(odd) td:first-child {
  height: 2px;
}
.v-table .desktop-table .chart-table tr td.head-divider {
  background: -webkit-gradient(linear, left top, right top, from(#592b8a), to(rgb(0, 187, 186)));
  background: linear-gradient(to right, #592b8a 0%, rgb(0, 187, 186) 100%);
  height: 60px;
  position: relative;
}
.v-table .mobile-table .card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
  margin: 1rem auto;
}
.v-table .mobile-table .card {
  border: 0.5px solid #414042;
  border-radius: 9px 0 0 0;
}
.v-table .mobile-table .card .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.8rem 0.8rem;
}
.v-table .mobile-table .card .profile .left {
  width: 40%;
}
.v-table .mobile-table .card .profile .left img {
  width: 90%;
}
.v-table .mobile-table .card .profile .right {
  width: 60%;
}
.v-table .mobile-table .card .profile .right p {
  line-height: 1.5;
}
.v-table .mobile-table .card .profile .right .head-text {
  color: #592b8a;
  font-size: 20px;
  font-weight: 700;
}
.v-table .mobile-table .card .profile .right .age {
  margin-top: 6px;
  color: #297f7f;
  font-size: 18px;
  font-weight: 600;
}
.v-table .mobile-table .card .profile .right .timeline {
  margin-top: 6px;
  color: #191919;
  font-size: 14px;
}
.v-table .mobile-table .card .client-improvements table {
  width: 100%;
  border-collapse: collapse;
}
.v-table .mobile-table .card .client-improvements table th p {
  color: #592b8a;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .v-table .mobile-table .card .client-improvements table th p {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    margin-top: 7px;
  }
}
.v-table .mobile-table .card .client-improvements table th div {
  height: 50%;
  width: 100%;
}
.v-table .mobile-table .card .client-improvements table th div img {
  width: 70%;
}
.v-table .mobile-table .card .client-improvements table tr > * {
  padding: 1rem;
  text-align: center;
  width: 0px;
}
.v-table .mobile-table .card .client-improvements table tr:nth-child(odd) {
  background-color: #ede9f3;
}
.v-table .mobile-table .card .client-improvements table td p {
  font-size: 14px;
}
.v-table .mobile-table .card .client-improvements table th:first-child,
.v-table .mobile-table .card .client-improvements table td:first-child {
  border-right: 0.5px solid #414042;
}
.v-table .mobile-table .card .client-improvements table tr:not(:first-child) th,
.v-table .mobile-table .card .client-improvements table tr:not(:first-child) td {
  border-top: 0.5px solid #414042;
}
.v-table .mobile-table .accordian {
  width: 100%;
}
.v-table .mobile-table .accordian .header {
  background-image: linear-gradient(250deg, rgb(0, 187, 186) 0%, rgb(89, 43, 138) 100%);
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.7rem;
  gap: 1rem;
}
.v-table .mobile-table .accordian .header p {
  margin-top: 0;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
}
.v-table .mobile-table .btn {
  background-color: #592b8a;
  height: 35px;
  width: 154px;
  color: #fff;
  border-radius: 20px;
  border: none;
  margin-top: 16px;
  font-weight: 600;
}
@media screen and (max-width: 450px) {
  .v-table .mobile-table .btn {
    font-size: 14px;
    width: 157px;
  }
}
.v-table .mobile-table .close {
  display: none;
}

.v-table .desktop-table {
  position: relative; /* Ensure the parent has relative positioning */
}
.v-table .desktop-table::after {
  content: "";
  position: absolute;
  width: 125px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(white));
  background: linear-gradient(to right, transparent, white);
  top: 0;
  right: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1; /* Ensure it starts visible */
}
.v-table .desktop-table.no-gradient::after {
  opacity: 0;
}

@media screen and (max-width: 701px) {
  .v-table {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .v-table .mobile-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .v-table .mobile-table .card-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 411px) {
  .v-table .profile .left {
    width: 34% !important;
  }
}
.agile {
  position: relative;
}

.agile--ssr .agile__slides--cloned {
  display: none;
}

.agile--ssr .agile__slides > * {
  overflow: hidden;
  width: 0;
}

.agile--ssr .agile__slides > *:first-child {
  width: 100%;
}

.agile--rtl .agile__track,
.agile--rtl .agile__slides,
.agile--rtl .agile__actions,
.agile--rtl .agile__dots {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.agile:focus,
.agile:active,
.agile *:focus,
.agile *:active {
  outline: none;
}

.agile__list {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.agile__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.agile__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.agile--no-nav-buttons .agile__actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.agile__slides {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: unset;
      flex-shrink: unset;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.agile--disabled .agile__slides {
  display: block;
  width: 100%;
}

.agile__slide {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.agile__slide,
.agile__slide * {
  -webkit-user-drag: none;
}

.agile--fade .agile__slide {
  opacity: 0;
  position: relative;
  z-index: 0;
}

.agile--fade .agile__slide--active {
  opacity: 1;
  z-index: 2;
}

.agile--fade .agile__slide--expiring {
  opacity: 1;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  z-index: 1;
}

.agile__nav-button[disabled] {
  cursor: default;
}

.agile__dots {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  white-space: nowrap;
}

.agile__dot button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
}

/* Float four columns side by side */
.video-section-container h3 {
  font-weight: 600;
  color: #592b8a;
}
.video-section-container h3 b {
  font-weight: 500;
}

.video-container {
  width: 100%;
  overflow: hidden; /* Prevents overflow on the main container */
}

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden; /* Ensures no overflow in the iframe container */
}

/* Remove extra left and right margins, due to padding in columns */
.video-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 47px 5px 0;
  gap: 13px;
}

.video-column {
  width: 32%;
  margin-bottom: 10px;
}

/* Style the counter cards */
.video-card {
  padding: 16px;
  text-align: left;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  cursor: pointer;
}
.video-card .overlay-container {
  position: absolute;
  width: 100%;
  height: 97%;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .video-card .overlay-container {
    height: 99%;
  }
}
@media screen and (max-width: 414px) {
  .video-card .overlay-container {
    height: 96%;
  }
}
@media screen and (max-width: 390px) {
  .video-card .overlay-container {
    height: 89%;
  }
}
@media screen and (max-width: 375px) {
  .video-card .overlay-container {
    height: 85%;
  }
}
.video-card .overlay-container p {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.non-clickable {
  pointer-events: none; /* Disables clicking */
  opacity: 0.5;
  cursor: not-allowed; /* Optional: Changes the cursor to indicate it's non-clickable */
}

.video-card:hover,
.video-card.active {
  -webkit-box-shadow: 0 4px 8px 0 rgb(41, 127, 127);
          box-shadow: 0 4px 8px 0 rgb(41, 127, 127); /* this adds the "card" effect */
}

.video-card p {
  font-size: 12px;
  color: #592b8a;
  font-weight: 700;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 768px) {
  .video-row {
    margin: 47px 5px 0;
  }
  .video-column {
    width: 100%;
    display: block;
    margin-bottom: 50px;
  }
  .video-card {
    padding: 0;
  }
  .video-card > div {
    height: unset !important;
  }
  .video-card p {
    line-height: 21px !important;
  }
  .video-card:hover,
  .video-card.active {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .video-card.active {
    padding: 10px;
  }
  .mobileOnly {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .mobileOnly {
    display: none !important;
  }
}
.homepage {
  padding-top: 8px;
}
.homepage .desktopCustompad .Vcta__content {
  padding: 50px 40px;
}
.homepage .customFlexBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.homepage .customWidth {
  width: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .homepage .customWidth {
    width: 20px;
  }
}
@media (min-width: 400px) {
  .homepage {
    padding-top: 0px;
  }
}
@media (min-width: 420px) {
  .homepage {
    padding-top: 35px;
  }
}
@media (min-width: 960px) {
  .homepage {
    padding-top: 55px;
  }
}
@media (min-width: 1024px) {
  .homepage {
    padding-top: 89px;
  }
}
.homepage .banner-link.at-top {
  top: 139px !important;
}
@media (min-width: 768px) {
  .homepage .banner-link.at-top {
    top: 99px !important;
  }
}
@media (min-width: 1001px) {
  .homepage .banner-link.at-top {
    top: 139px !important;
  }
}
.homepage .banner-link {
  width: 100%;
  position: fixed;
  z-index: 10;
}
@media (min-width: 768px) {
  .homepage .banner-link {
    top: 148px;
  }
}
@media (min-width: 959px) {
  .homepage .banner-link {
    top: 146px;
  }
}
@media (min-width: 1001px) {
  .homepage .banner-link {
    top: 186px;
  }
}
@media (min-width: 1024px) {
  .homepage .banner-link {
    top: 183px;
  }
}
.homepage .asset--1 {
  max-width: 407px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .homepage .asset--1 {
    max-width: 250px;
  }
}
@media (max-width: 767px) {
  .homepage .customContainer .asset--1 {
    max-width: 320px;
  }
}
.homepage .customContainer .custumWidth {
  max-width: 290px;
}
.homepage .customContainer .custumWidth div {
  margin-left: 4px;
}
@media screen and (max-width: 600px) {
  .homepage .customContainer .custumWidth div {
    margin-left: 0px;
  }
}
.homepage .hero {
  position: relative;
}
.homepage .hero .hero__container {
  position: absolute;
  left: 30%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.homepage .hero .hero__container h1 {
  color: white;
}
.homepage .hero .hero__container p {
  color: #fff;
  font-weight: 600;
}
@media (max-width: 767px) {
  .homepage .hero .hero__container p {
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    margin-top: -5px;
  }
}
.homepage .hero .hero__container {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .homepage .hero .hero__container {
    width: 60%;
    max-width: 200px;
    margin-right: auto;
    margin-left: 0px;
    left: 20px;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    background-color: transparent;
    background-image: none;
    text-align: left;
  }
}
.homepage .hero .hero__asset {
  width: 100%;
  max-width: 100%;
}
.homepage.homepage_ES {
  padding-top: 0;
  top: 0;
}
.homepage.homepage_ES .hero__info {
  max-width: 152px;
}
.homepage.homepage_ES .cust-h1 h1 {
  font-size: calc(36px + (52 - 36) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .homepage.homepage_ES .cust-h1 h1 {
    font-size: 52px;
  }
}
@media only screen and (max-width: 479px) {
  .homepage.homepage_ES .cust-h1 h1 {
    font-size: 36px;
  }
}
.homepage.homepage_ES .cust-h1 h1 {
  line-height: calc(42px + (52 - 42) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .homepage.homepage_ES .cust-h1 h1 {
    line-height: 52px;
  }
}
@media only screen and (max-width: 479px) {
  .homepage.homepage_ES .cust-h1 h1 {
    line-height: 42px;
  }
}
.homepage .ascend-meet {
  background-color: #e6f8f8;
  border-radius: 15px;
  padding: 32px 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .homepage .ascend-meet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 32px 20px;
    text-align: center;
  }
}
.homepage .ascend-meet img {
  max-width: 302px;
  width: 302px;
  margin-bottom: 46px;
}
@media (max-width: 767px) {
  .homepage .ascend-meet img {
    max-width: 243px;
    width: 243px;
  }
}
.homepage .ascend-meet .left-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.homepage .ascend-meet .left-col h3 {
  margin-bottom: 0;
  font-size: 32px;
  line-height: 42px;
}
@media (max-width: 767px) {
  .homepage .ascend-meet .left-col h3 {
    font-size: 28px;
    line-height: 34px;
  }
}
.homepage .ascend-meet .left-col h4 {
  margin-top: 5px;
  font-size: 22px;
  line-height: 38px;
}
@media (max-width: 767px) {
  .homepage .ascend-meet .left-col h4 {
    line-height: 27px;
  }
}
.homepage .ascend-meet .left-col p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .homepage .ascend-meet .left-col p {
    font-size: 15px;
    line-height: 21px;
  }
}
.homepage .ascend-meet .right-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
@media (min-width: 300px) {
  .homepage {
    top: 171px;
  }
}
@media (min-width: 321px) {
  .homepage {
    top: 172px;
  }
}
@media (min-width: 333px) {
  .homepage {
    top: 151px;
  }
}
@media (min-width: 340px) {
  .homepage {
    top: 85px;
  }
}
@media (min-width: 493px) {
  .homepage {
    top: 37px;
  }
}
@media (max-width: 767px) {
  .homepage {
    position: relative;
  }
  .homepage .fixed-banner {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 298px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .homepage .fixed-banner {
    top: 180px;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .homepage .fixed-banner {
    top: 219px;
  }
}
@media (max-width: 767px) {
  .homepage .footnote {
    font-size: 12px;
  }
}
.homepage .customHeading {
  color: #592b8a;
}
.homepage .customHeading h2 {
  font-size: 44px;
  font-weight: 600;
  line-height: 51px;
  padding: 0px 164px;
}
@media (max-width: 767px) {
  .homepage .customHeading h2 {
    padding: 0px 50px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media (max-width: 375px) {
  .homepage .customHeading h2 {
    padding: 0px 40px !important;
    font-size: 28px;
    line-height: 34px;
  }
}
.homepage .customFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 36px;
}
.homepage .customFlex a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  border-radius: 30px;
  background-color: #563091;
  color: white;
  font-weight: 600;
  font-size: calc(14px + 2 * (100vw - 479px) / 1021);
  line-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 144px;
  min-width: 100px;
}
.homepage .customFlex a .youtube {
  width: 26px;
  height: 25px;
}
.homepage .customFlex a div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  left: 12px;
}
@media (max-width: 767px) {
  .homepage .callout--grid.grid.mb-2.justify-between {
    margin-bottom: 0px !important;
  }
  .homepage .customFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
    gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .homepage .customPaddingHome .Vcta__content {
    padding: 50px 20px;
  }
}

@media (max-width: 767px) {
  .main-home .hero .hero__info {
    display: block;
  }
}

.homepage .customContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.homepage .customContainer .js-editable {
  margin-left: 0px;
  margin-right: 0px;
}
.homepage .custumWidth {
  max-width: 300px;
}
@media (max-width: 767px) {
  .homepage .custumWidth {
    max-width: 200px;
  }
  .homepage .banner-link.at-top .fixed-banner {
    top: 100px !important;
  }
}
@media (max-width: 767px) {
  .homepage .customReducePaddMobile .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.homepage .m-30 h2 {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .aboutDaybue .hero .hero__container {
    margin-bottom: -70px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .aboutDaybue .hero .hero__asset {
    padding-top: 11px;
  }
}
.aboutDaybue .imp-notice ul li a {
  font-weight: 600;
  color: #592b8a;
}
.aboutDaybue .customPurple {
  color: #563091;
}
@media (max-width: 767px) {
  .aboutDaybue .callout-caregiver {
    width: 100%;
    height: 100%;
  }
}
.aboutDaybue .container .imp-notice > div:nth-child(1) .list {
  margin-top: 5px;
}
.aboutDaybue .container .imp-notice > div:nth-child(1) > p:nth-child(1) b {
  font-weight: bolder;
}
.aboutDaybue #side-effects .header {
  margin-bottom: 37px !important;
  padding-top: 0;
}
.aboutDaybue #side-effects .header > div:nth-child(1) h4 {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .aboutDaybue .weeks .iconList .grid .icon {
    margin-bottom: 0;
  }
  .aboutDaybue .Vcta__header {
    text-align: center;
    padding: 20px 55px;
  }
  .aboutDaybue .Vcta__header h3 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
  }
  .aboutDaybue .Vcta__content {
    padding: 50px 40px;
  }
  .aboutDaybue .Vcta__content p {
    font-size: 18px;
    line-height: 24px;
  }
  .aboutDaybue .footnote {
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 32px;
  }
  .aboutDaybue .footnote-claire {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 32px;
  }
  .aboutDaybue .footnote-claire p {
    font-size: 12px;
  }
  .aboutDaybue .customModal__subTitle br {
    display: none;
  }
  .aboutDaybue #patient-callout .container {
    padding-bottom: 0;
  }
}
.aboutDaybue #patient-callout .customPatientmargin {
  margin-left: 0px;
}
@media (max-width: 767px) {
  .aboutDaybue .last-paragraph-container {
    position: relative;
    top: -290px;
  }
  .aboutDaybue .last-paragraph-container p {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 640px) {
  .aboutDaybue .last-paragraph-container {
    top: -290px;
  }
}
@media (max-width: 630px) {
  .aboutDaybue .last-paragraph-container {
    top: -315px;
  }
}
@media (max-width: 618px) {
  .aboutDaybue .last-paragraph-container {
    top: -318px;
  }
}
@media (max-width: 524px) {
  .aboutDaybue .last-paragraph-container {
    top: -323px;
  }
}
@media (max-width: 500px) {
  .aboutDaybue .last-paragraph-container {
    top: -311px;
  }
}
@media (max-width: 484px) {
  .aboutDaybue .last-paragraph-container {
    top: -332px;
  }
}
@media (max-width: 460px) {
  .aboutDaybue .last-paragraph-container {
    top: -350px;
  }
}
@media (max-width: 449px) {
  .aboutDaybue .last-paragraph-container {
    top: -356px;
  }
}
@media (max-width: 401px) {
  .aboutDaybue .last-paragraph-container {
    top: -377px;
  }
}
@media (max-width: 361px) {
  .aboutDaybue .last-paragraph-container {
    top: -401px;
  }
}
@media (max-width: 359px) {
  .aboutDaybue .last-paragraph-container {
    top: -420px;
  }
}

.customModalContiner {
  gap: 20px;
}

.customModalFlexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.acc-icon .icon-asset .asset {
  width: 81%;
}

@media screen and (max-width: 700px) {
  .customModalContiner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .customModalContiner .acc-icon {
    width: 40rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .customModalContiner .acc-icon .icon-asset {
    width: 9.1rem;
  }
  .customModalContiner .customModalFlexBox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .customModalContiner .customModalFlexBox .acc-plus-icon {
    padding-top: 0px !important;
  }
}
.locatorPage .h1-2 h1 {
  color: #00878b;
  font-weight: 600;
  font-family: poppins;
  font-size: 44px;
  line-height: 51px;
}

.aboutRett #section-1 .container {
  padding-bottom: 0;
}
.aboutRett .container.customCenter .Vcta__content.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.aboutRett .container.customCenter .Vcta__content.grid b {
  font-size: 22px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .aboutRett .container.customCenter .Vcta__content.grid {
    padding: 50px 40px;
  }
}
.aboutRett .Vcta__content--asset > :nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .aboutRett .customCenter .Vcta__header {
    text-align: center;
    padding: 20px 40px;
  }
  .aboutRett .customCenter .Vcta__header h3 {
    font-size: 28px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .aboutRett #symptoms .icon .icon__content {
    text-align: left;
  }
  .aboutRett #symptoms .icon .icon__content > :first-child {
    text-align: center;
  }
  .aboutRett #symptoms .iconList--alt .icon .icon__content {
    text-align: left;
  }
  .aboutRett #symptoms .iconList--alt .icon .icon__content > :first-child {
    text-align: left;
  }
}
.aboutRett #symptoms .container {
  padding-bottom: 12px;
}
.aboutRett #register-updates .VCta--register .Vcta__content > div:nth-child(1) {
  max-width: -webkit-fit-content;
}
.aboutRett #register-updates .container {
  padding-top: 0px;
  padding-bottom: 0;
}
.aboutRett .mobileVisble {
  display: none;
}
.aboutRett .mobileHide {
  display: inline-block;
}
@media (max-width: 767px) {
  .aboutRett .mobileVisble {
    display: inline;
    margin-left: 20px;
    margin-bottom: 32px;
  }
  .aboutRett .mobileHide {
    display: none;
  }
}
@media (max-width: 767px) {
  .aboutRett .Vcta__header {
    text-align: center;
  }
  .aboutRett .customMargin > div p {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  #patient-callout .container {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
#patient-callout .container .picture > div:nth-child(1) {
  padding: 0 !important;
}
#patient-callout .container .text-container {
  padding-left: 40px;
  padding-right: 20px;
}
@media screen and (max-width: 875px) {
  #patient-callout .container .text-container {
    padding-left: 20px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 782px) {
  #patient-callout .container .text-container {
    padding-left: 8px;
    padding-right: 4px;
  }
}
@media (max-width: 767px) {
  #patient-callout .container .text-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#patient-callout .container .text-container > div hr {
  background: #c3b4d8;
  height: 2px;
  border: none;
}
#patient-callout .container .text-container > div {
  text-align: left;
}
#patient-callout .container .text-container > div h3 {
  margin-bottom: 0;
  font-size: 28px;
}
#patient-callout .container .text-container > div p {
  margin-top: 0;
}
@media (max-width: 767px) {
  #patient-callout .container .text-container .button {
    line-height: 1.3;
    padding: 9px 40px !important;
  }
}
@media (max-width: 1023px) {
  #patient-callout .container .question-text > div h3 {
    padding-top: 50px;
    padding-bottom: 10px;
    font-size: 22px;
  }
}
@media (max-width: 1023px) {
  #patient-callout .container .question-text > div p {
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  #patient-callout .container .abt-daybue > div {
    text-align: center;
  }
}

.takingDaybue .hero__info {
  top: 80%;
  left: 70%;
}
.takingDaybue .customWidth .hero__info {
  left: 67% !important;
  top: 86% !important;
  max-width: 202px !important;
  width: 202px !important;
}
.takingDaybue .customPaddingx > div {
  padding: 0px 20px;
}
@media screen and (max-width: 495px) {
  .takingDaybue .customPaddingx > div {
    padding: 0px;
  }
}
.takingDaybue .customPadd40 > div {
  padding: 0px 40px;
}
@media (max-width: 767px) {
  .takingDaybue .banner-daybue .hero__info > div {
    padding: 6px 14px;
  }
}
.takingDaybue .daybue-diarrhea > div > :nth-child(3) {
  font-size: 12px;
}
.takingDaybue .side-effect-container {
  max-width: 914px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .takingDaybue .start-treatment .Vcta__header {
    padding: 20px 40px;
    text-align: center;
  }
}
.takingDaybue .start-treatment .Vcta__content {
  padding: 35px 60px 25px;
}
.takingDaybue .start-treatment .Vcta__content p {
  padding-top: 10px;
}
.takingDaybue .patient-educator .purple--box {
  padding: 55px 27px 55px 340px;
}
.takingDaybue .patient-educator h3 {
  font-size: 30px;
  line-height: 38px;
  color: #592b8a;
  font-weight: 400;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .takingDaybue .patient-educator h3 {
    font-size: 22px;
    line-height: 26px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .takingDaybue .track-child .Vcta__header {
    padding: 20px 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .takingDaybue .last-paragraph-container {
    position: relative;
    top: -190px;
  }
  .takingDaybue .last-paragraph-container p {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 495px) {
  .takingDaybue .last-paragraph-container {
    top: -216px;
  }
}
@media (max-width: 424px) {
  .takingDaybue .last-paragraph-container {
    top: -235px;
  }
}
@media (max-width: 385px) {
  .takingDaybue .last-paragraph-container {
    top: -253px;
  }
}
.takingDaybue .customPaddingEllie {
  padding-left: 40px;
}

@media (max-width: 768px) {
  .aboutDaybue section > div:first-child {
    padding-top: 50px;
  }
}
.aboutDaybue #studied .header > div:nth-child(1) h2 {
  margin-bottom: 22px;
}
.aboutDaybue #study-results .header {
  margin-bottom: 35px !important;
}
.aboutDaybue #study-results .header > div:nth-child(1) > h3 {
  margin-bottom: 25px;
}
.aboutDaybue #study-results .header > div:nth-child(1) > h4 {
  margin-top: 40px;
}
.aboutDaybue #study-results .notes-imp div > p:last-of-type b {
  color: #563091;
}
.aboutDaybue #study-results .notes-imp div ul ul li::before {
  content: "–";
  color: #00bbba;
}
.aboutDaybue #improvement .header > div:nth-child(1) h2,
.aboutDaybue #improvement .header > div:nth-child(1) h3 {
  color: #592b8a;
  font-family: "Montserrat";
  margin: 0;
}
.aboutDaybue #improvement .header > div:nth-child(1) h2 {
  font-size: 69px;
  line-height: 84px;
}
@media (max-width: 767px) {
  .aboutDaybue #improvement .header > div:nth-child(1) h2 {
    font-size: 34px;
    line-height: 42px;
    font-weight: bold;
  }
}
.aboutDaybue #improvement .header > div:nth-child(1) h3 {
  font-size: 38px;
  line-height: 48px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
@media (max-width: 767px) {
  .aboutDaybue #improvement .header > div:nth-child(1) h3 {
    font-size: 21px;
    line-height: 25px;
    margin: 5px 0 10px 0;
  }
}

.caregiverPerspective .customLinkAncor p a,
.caregiverPerspective .customLinkAncor p b {
  color: #563091 !important;
}
@media (max-width: 767px) {
  .caregiverPerspective .cg-tabs-wrapper {
    padding: 0;
  }
}
.caregiverPerspective .customWidth {
  margin-top: 20px;
}
.caregiverPerspective .tab-but {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* Default behavior is to take equal space */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #592b8a;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 32px;
  padding: 11px 18px;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
@media (max-width: 767px) {
  .caregiverPerspective .tab-but-all-stories {
    display: none !important;
  }
}
.caregiverPerspective .tab-but.active {
  color: #fff;
  background-color: #592b8a;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.caregiverPerspective .extra-tab {
  display: none !important;
}
@media (max-width: 767px) {
  .caregiverPerspective .extra-tab {
    display: block !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
  }
}
.caregiverPerspective .cg-tabs {
  gap: 20px;
  max-width: 1063px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .caregiverPerspective .cg-tabs {
    gap: 1px;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
.caregiverPerspective .all-stories .all-stories-header h2 {
  margin-bottom: 10px;
}
.caregiverPerspective .all-stories .stories-right h3 {
  color: #414042;
}
.caregiverPerspective .all-stories .mb.h3-3 h3 {
  font-size: 30px;
  line-height: 37px;
  letter-spacing: -0.63px;
}
@media (max-width: 768px) {
  .caregiverPerspective .all-stories .mb.h3-3 h3 {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.46px;
  }
}
@media (min-width: 1024px) {
  .caregiverPerspective .henry .stories-cards {
    max-height: 383.87px;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .caregiverPerspective .henry .stories-right {
    background-color: #ede9f3 !important;
    border-radius: 20px;
    width: 100%;
    min-height: 100%;
  }
  .caregiverPerspective .henry .stories-left {
    max-width: 356px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .caregiverPerspective .henry .stories-right {
    max-width: 300px;
  }
  .caregiverPerspective .henry .stories-left {
    max-width: 300px;
    width: 100%;
  }
}
.caregiverPerspective .henry-img img {
  border-radius: 20px;
}
.caregiverPerspective .henry-bg {
  background: #ede9f3;
  border-radius: 25px;
  height: 100%;
  padding: 1.87rem 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 67%;
          flex: 1 1 67%;
}
.caregiverPerspective .kates-story .heading {
  padding-bottom: 10px;
}
.caregiverPerspective .kates-story .heading p {
  color: #592b8a;
}
.caregiverPerspective .clares-story {
  text-align: center;
  padding: 43.62px 173.75px;
  margin: 0;
}
.caregiverPerspective .clares-story h3 {
  color: #563091;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .caregiverPerspective .clares-story h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
.caregiverPerspective .kates-story.quinn-story {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
@media (max-width: 767px) {
  .caregiverPerspective .kates-story.quinn-story .stories-left {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.caregiverPerspective .kates-story.quinn-story .stories-right {
  width: 100%;
}
@media (max-width: 767px) {
  .caregiverPerspective .kates-story.quinn-story .stories-right {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.caregiverPerspective .kates-story.quinn-story .stories-right img {
  max-height: 100%;
}
.caregiverPerspective .kates-story.quinn-story .stories-right .right-content {
  top: 0;
  left: 10px;
  padding: 0 32px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.caregiverPerspective .kates-story.quinn-story .stories-right .right-content .button {
  -ms-flex-item-align: center;
      align-self: center;
  width: auto;
}
@media (max-width: 767px) {
  .caregiverPerspective .kates-story.quinn-story .stories-right .right-content {
    padding: 0 16px;
    left: 0;
  }
}
.caregiverPerspective .kates-story.quinn-story .stories-right .right-content h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .caregiverPerspective .kates-story.quinn-story .stories-right .right-content h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
.caregiverPerspective .stories-cards,
.caregiverPerspective .kates-story,
.caregiverPerspective .kates-story.quinn-story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .caregiverPerspective .stories-cards,
  .caregiverPerspective .kates-story,
  .caregiverPerspective .kates-story.quinn-story {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 5px;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .caregiverPerspective .stories-cards.col-rev,
  .caregiverPerspective .kates-story.col-rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.caregiverPerspective .stories-cards .stories-left,
.caregiverPerspective .kates-story .stories-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
}
@media (max-width: 767px) {
  .caregiverPerspective .stories-cards .stories-left,
  .caregiverPerspective .kates-story .stories-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0px;
            flex: 0 0 0;
  }
}
.caregiverPerspective .stories-cards .stories-right,
.caregiverPerspective .kates-story .stories-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 67%;
          flex: 0 0 67%;
}
@media (max-width: 767px) {
  .caregiverPerspective .stories-cards .stories-right,
  .caregiverPerspective .kates-story .stories-right {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.caregiverPerspective .stories-cards .stories-right img,
.caregiverPerspective .kates-story .stories-right img {
  max-height: 100%;
}
.caregiverPerspective .stories-cards .stories-right .right-content,
.caregiverPerspective .kates-story .stories-right .right-content {
  top: 0;
  left: 10px;
  padding: 0 32px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.caregiverPerspective .stories-cards .stories-right .right-content .button,
.caregiverPerspective .kates-story .stories-right .right-content .button {
  -ms-flex-item-align: center;
      align-self: center;
  width: auto;
}
@media (max-width: 767px) {
  .caregiverPerspective .stories-cards .stories-right .right-content,
  .caregiverPerspective .kates-story .stories-right .right-content {
    padding: 0 27px;
    left: 0;
  }
}
.caregiverPerspective .stories-cards .stories-right .right-content h3,
.caregiverPerspective .kates-story .stories-right .right-content h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .caregiverPerspective .stories-cards .stories-right .right-content h3,
  .caregiverPerspective .kates-story .stories-right .right-content h3 {
    font-size: 17px;
    line-height: 25px;
  }
}
.caregiverPerspective .kate-tab,
.caregiverPerspective .ellie-tab,
.caregiverPerspective .maddy-tab {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 970px) {
  .caregiverPerspective .kate-tab,
  .caregiverPerspective .ellie-tab,
  .caregiverPerspective .maddy-tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.caregiverPerspective .kate-tab .left-side,
.caregiverPerspective .ellie-tab .left-side,
.caregiverPerspective .maddy-tab .left-side {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
}
@media (max-width: 767px) {
  .caregiverPerspective .kate-tab .left-side,
  .caregiverPerspective .ellie-tab .left-side,
  .caregiverPerspective .maddy-tab .left-side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media screen and (max-width: 970px) {
  .caregiverPerspective .kate-tab .left-side .asset,
  .caregiverPerspective .ellie-tab .left-side .asset,
  .caregiverPerspective .maddy-tab .left-side .asset {
    max-width: 257px;
  }
}
.caregiverPerspective .kate-tab .right-side,
.caregiverPerspective .ellie-tab .right-side,
.caregiverPerspective .maddy-tab .right-side {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 68%;
          flex: 0 0 68%;
}
@media (max-width: 767px) {
  .caregiverPerspective .kate-tab .right-side,
  .caregiverPerspective .ellie-tab .right-side,
  .caregiverPerspective .maddy-tab .right-side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.caregiverPerspective .kate-tab .right-side img,
.caregiverPerspective .ellie-tab .right-side img,
.caregiverPerspective .maddy-tab .right-side img {
  width: 93px;
}
@media (max-width: 767px) {
  .caregiverPerspective .kate-tab .right-side img,
  .caregiverPerspective .ellie-tab .right-side img,
  .caregiverPerspective .maddy-tab .right-side img {
    width: 77px;
  }
}
.caregiverPerspective .kate-tab .right-side .custom-flex,
.caregiverPerspective .ellie-tab .right-side .custom-flex,
.caregiverPerspective .maddy-tab .right-side .custom-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1069px) {
  .caregiverPerspective .kate-tab .right-side .custom-flex,
  .caregiverPerspective .ellie-tab .right-side .custom-flex,
  .caregiverPerspective .maddy-tab .right-side .custom-flex {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .caregiverPerspective .kate-tab .right-side .custom-flex,
  .caregiverPerspective .ellie-tab .right-side .custom-flex,
  .caregiverPerspective .maddy-tab .right-side .custom-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0px;
  }
}
.caregiverPerspective .kate-tab .right-side .custom-flex .icon__image,
.caregiverPerspective .ellie-tab .right-side .custom-flex .icon__image,
.caregiverPerspective .maddy-tab .right-side .custom-flex .icon__image {
  width: 14%;
  padding-right: 10px;
  margin: 0px;
  height: 100%;
}
@media (max-width: 767px) {
  .caregiverPerspective .kate-tab .right-side .custom-flex .icon__image,
  .caregiverPerspective .ellie-tab .right-side .custom-flex .icon__image,
  .caregiverPerspective .maddy-tab .right-side .custom-flex .icon__image {
    width: 40%;
    padding-right: 0;
  }
}
.caregiverPerspective .kate-tab .right-side .custom-flex .icon__content p:nth-of-type(2),
.caregiverPerspective .ellie-tab .right-side .custom-flex .icon__content p:nth-of-type(2),
.caregiverPerspective .maddy-tab .right-side .custom-flex .icon__content p:nth-of-type(2) {
  margin-top: 6px;
}
@media (max-width: 767px) {
  .caregiverPerspective .kate-tab .right-side .custom-flex .icon__content,
  .caregiverPerspective .kate-tab .right-side .custom-flex .icon__image,
  .caregiverPerspective .ellie-tab .right-side .custom-flex .icon__content,
  .caregiverPerspective .ellie-tab .right-side .custom-flex .icon__image,
  .caregiverPerspective .maddy-tab .right-side .custom-flex .icon__content,
  .caregiverPerspective .maddy-tab .right-side .custom-flex .icon__image {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .caregiverPerspective .kate-tab .right-side .custom-flex .icon__image,
  .caregiverPerspective .ellie-tab .right-side .custom-flex .icon__image,
  .caregiverPerspective .maddy-tab .right-side .custom-flex .icon__image {
    margin-top: 8px;
  }
}
@media (min-width: 768px) and (max-width: 809px) {
  .caregiverPerspective .stories-cards .stories-right h3 {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  .caregiverPerspective .stories-cards .stories-right button {
    margin-top: 10px !important;
  }
}
@media (min-width: 809px) and (max-width: 1135px) {
  .caregiverPerspective .stories-cards .stories-right h3 {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .caregiverPerspective .stories-cards .stories-right button {
    margin-top: 10px !important;
  }
}

.submit-story .top-section {
  padding-top: 27px;
}
@media (max-width: 767px) {
  .submit-story .top-section {
    padding-top: 27px;
  }
}
.submit-story .top-section h2 {
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .submit-story .top-section h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 27px;
  }
}
.submit-story .top-section p {
  font-size: 18px;
  line-height: 26px;
}
.submit-story .top-section p b {
  color: #563091;
}
@media (max-width: 767px) {
  .submit-story .top-section p {
    font-size: 15px;
    line-height: 21px;
  }
}
.submit-story .campaign-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 20px;
}
.submit-story .sparkle-faq {
  padding-top: 15px;
}
.submit-story .sparkle-faq p {
  margin: 0 0 42px;
}
.submit-story .sparkle-faq p b {
  text-align: center;
  display: block;
}

.faq .patient-info p a {
  font-weight: 600;
}

.custom-mb-4 {
  margin-bottom: 30px;
}

.pbook .top-section h2 {
  font-size: 44px;
  line-height: 52px;
}
@media (max-width: 767px) {
  .pbook .top-section h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .pbook .top-section p {
    font-size: 15px;
    line-height: 21px;
  }
}
.pbook .top-section h4 {
  font-size: 32px;
  line-height: 38px;
  font-family: "Poppins";
  font-weight: 500;
  color: #563091;
}
@media (max-width: 767px) {
  .pbook .top-section h4 {
    font-size: 22px;
    line-height: 27px;
  }
}
.pbook .top-section a {
  color: #563091;
  text-decoration: underline;
}
.pbook .purple-link a {
  color: #563091;
  text-decoration: underline;
}

.sitemap h2 {
  color: #00878b;
}
@media (max-width: 767px) {
  .sitemap .container {
    padding-left: 26px;
  }
}
.sitemap .sitemap-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(2) {
  padding-left: 15px;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(3) {
  padding-left: 15px;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(4) {
  padding-left: 15px;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(5) {
  padding-left: 15px;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(6) {
  padding-left: 15px;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(7) {
  padding-left: 15px;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(8) {
  padding-left: 15px;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(9) {
  padding-left: 15px;
}
.sitemap .sitemap-container div:nth-child(4) .sitemap-links a:nth-child(10) {
  padding-left: 15px;
}
.sitemap .sitemap-container .mb-16 {
  margin: 30px 0 8px;
  padding: 0;
}
.sitemap .sitemap-container .mb-28 {
  padding: 0;
  margin-bottom: 18px;
}
.sitemap .sitemap-container div.sitemap-links {
  width: 100%;
}
.sitemap .sitemap-container div {
  width: 33.3333333333%;
}
.sitemap .sitemap-container div:nth-child(1) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.sitemap .sitemap-container div:nth-child(2) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
@media (max-width: 767px) {
  .sitemap .sitemap-container div:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.sitemap .sitemap-container div:nth-child(3) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.sitemap .sitemap-container div:nth-child(4) {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.sitemap .sitemap-container div:nth-child(5) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (max-width: 767px) {
  .sitemap .sitemap-container div:nth-child(5) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
.sitemap .sitemap-container div:nth-child(6) {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
@media (max-width: 767px) {
  .sitemap .sitemap-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sitemap .title {
  color: #563091;
}

.ascend-thank-you h2 {
  font-size: 44px;
  line-height: 52px;
}
@media (max-width: 767px) {
  .ascend-thank-you h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.ascend-thank-you a {
  color: #563091;
  text-decoration: underline;
}

.ascend-page img {
  max-width: 302px;
  width: 302px;
  margin-bottom: 46px;
}
@media (max-width: 767px) {
  .ascend-page img {
    max-width: 243px;
    width: 243px;
  }
}
.ascend-page h2 {
  font-size: 44px;
  line-height: 52px;
}
@media (max-width: 767px) {
  .ascend-page h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.ascend-page p {
  text-align: left;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .ascend-page p {
    font-size: 15px;
    line-height: 21px;
  }
}
.ascend-page .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
@media (max-width: 767px) {
  .ascend-page .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ascend-page .buttons .daybue-team {
  max-width: 335px;
  height: 40px;
}
.ascend-page .buttons .ascend {
  max-width: 210px;
  height: 40px;
  padding: 0 19px !important;
}

@media (max-width: 767px) {
  .ascend-form {
    padding: 0;
  }
}

.ascend-thank-you .thank-you-copy h2 {
  padding-right: 74px;
  margin-top: 58px;
}
.ascend-thank-you .thank-you-copy p {
  padding-right: 180px;
}
@media (max-width: 767px) {
  .ascend-thank-you .thank-you-copy h2 {
    padding-right: 75px;
    margin-top: 19px;
  }
  .ascend-thank-you .thank-you-copy p {
    padding-right: 0;
  }
}

.events .header-text h2 {
  font-size: 44px;
  line-height: 52px;
}
@media (max-width: 767px) {
  .events .header-text h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.events .header-text p {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .events .header-text p {
    font-size: 15px;
    line-height: 21px;
  }
}
.events .header-text a {
  text-decoration: underline;
}
.events .ascend-meet {
  background-color: #e6f8f8;
  border-radius: 15px;
  padding: 43px 44px;
  padding-left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .events .ascend-meet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 32px 20px;
    text-align: center;
  }
}
.events .ascend-meet img {
  width: 216px;
}
@media (max-width: 767px) {
  .events .ascend-meet img {
    max-width: 186px;
    width: 186px;
    margin-bottom: 29px;
  }
}
.events .ascend-meet .left-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.events .ascend-meet .left-col h3 {
  margin-bottom: 0;
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .events .ascend-meet .left-col h3 {
    font-size: 22px;
    line-height: 26px;
  }
}
.events .ascend-meet .left-col h4 {
  margin-top: 5px;
  font-size: 22px;
  line-height: 38px;
}
@media (max-width: 767px) {
  .events .ascend-meet .left-col h4 {
    line-height: 27px;
  }
}
.events .ascend-meet .left-col p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
  max-width: 568px;
}
@media (max-width: 767px) {
  .events .ascend-meet .left-col p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 29px;
  }
}
.events .ascend-meet .right-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .events .ascend-meet .button {
    margin-top: 10px !important;
  }
}
.events .event-miss {
  border-radius: 15px;
  padding: 40px 20px;
  -webkit-box-shadow: 0 2px 6px 1px rgba(65, 64, 66, 0.2);
          box-shadow: 0 2px 6px 1px rgba(65, 64, 66, 0.2);
  text-align: center;
}
.events .event-miss h3 {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .events .event-miss h3 {
    margin-bottom: 15px;
    padding: 0 25px;
  }
}
.events .event-miss .buttons {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .events .event-miss .buttons {
    margin-top: 10px;
  }
}
.events .events-header {
  margin-bottom: 0 !important;
}
.events .caregiver-series h3 {
  margin-bottom: 11px;
}
@media (min-width: 767px) {
  .events .caregiver-series h3 br {
    display: none;
  }
}
.events .link-color b {
  color: #592b8a;
}

.pletter {
  margin-bottom: -40px;
}
.pletter p b {
  color: #563091;
}
.pletter p b:nth-child(0) {
  color: #000;
}
.pletter p blast-child {
  color: #563091;
}
.pletter p a {
  color: #563091;
  text-decoration: underline;
}
.pletter .text-black b {
  color: #000;
}
.pletter .text-small div > p:nth-of-type(4) {
  font-size: 12px;
}
.pletter .text-black-2 p a b {
  color: #563091;
}
.pletter .text-black-2 p b {
  color: #000;
}
.pletter .social-icon {
  margin-top: -20px;
}
.pletter .container {
  padding-bottom: 0;
}
.pletter .rett-sign {
  width: 40%;
}
@media (max-width: 767px) {
  .pletter .rett-sign {
    width: 100%;
  }
}

@media (max-width: 388px) {
  .resource-educator .patient-educator .last-paragraph-container {
    position: relative;
    top: -439px;
    padding-left: 40px;
  }
  .resource-educator .patient-educator .last-paragraph-container p {
    font-size: 12px;
    line-height: 15px;
  }
  .resource-educator .patient-educator .custommarginBottom {
    margin-bottom: -20px !important;
  }
}
@media (min-width: 389px) and (max-width: 407px) {
  .resource-educator .patient-educator .last-paragraph-container {
    position: relative;
    top: -458px;
    padding-left: 40px;
  }
  .resource-educator .patient-educator .custommarginBottom {
    margin-bottom: -20px !important;
  }
}
@media (min-width: 408px) and (max-width: 424px) {
  .resource-educator .patient-educator .last-paragraph-container {
    position: relative;
    top: -458px;
    padding-left: 40px;
  }
  .resource-educator .patient-educator .custommarginBottom {
    margin-bottom: -20px !important;
  }
}
@media (min-width: 425px) and (max-width: 444px) {
  .resource-educator .patient-educator .last-paragraph-container {
    position: relative;
    top: -396px;
    padding-left: 40px;
  }
  .resource-educator .patient-educator .custommarginBottom {
    margin-bottom: -20px !important;
  }
}
@media (min-width: 445px) and (max-width: 449px) {
  .resource-educator .patient-educator .last-paragraph-container {
    position: relative;
    top: -418px;
    padding-left: 40px;
  }
  .resource-educator .patient-educator .custommarginBottom {
    margin-bottom: -20px !important;
  }
}
@media (min-width: 450px) and (max-width: 633px) {
  .resource-educator .patient-educator .last-paragraph-container {
    position: relative;
    top: -388px;
    padding-left: 40px;
  }
  .resource-educator .patient-educator .custommarginBottom {
    margin-bottom: -20px !important;
  }
}
@media (min-width: 634px) and (max-width: 681px) {
  .resource-educator .patient-educator .last-paragraph-container {
    position: relative;
    top: -368px;
    padding-left: 40px;
  }
  .resource-educator .patient-educator .custommarginBottom {
    margin-bottom: -20px !important;
  }
}
@media screen and (max-width: 768px) {
  .resource-educator .patient-educator .last-paragraph-container {
    position: relative;
    top: -299px;
    padding-left: 40px;
  }
  .resource-educator .patient-educator .custommarginBottom {
    margin-bottom: -20px !important;
  }
}
@media screen and (max-width: 629px) {
  .resource-educator .patient-educator .last-paragraph-container {
    top: -339px;
  }
}
@media screen and (max-width: 451px) {
  .resource-educator .patient-educator .last-paragraph-container {
    top: -357px;
  }
}
@media screen and (max-width: 444px) {
  .resource-educator .patient-educator .last-paragraph-container {
    top: -389px;
  }
}
@media screen and (max-width: 424px) {
  .resource-educator .patient-educator .last-paragraph-container {
    top: -417px;
  }
}
@media screen and (max-width: 388px) {
  .resource-educator .patient-educator .last-paragraph-container {
    top: -437px;
  }
}
.resource-educator .patient-educator .purple--box {
  padding: 25px 33px 33px 366px;
}
.resource-educator .patient-educator .purple--box .asset {
  max-width: 100%;
}
@media (max-width: 767px) {
  .resource-educator .patient-educator {
    padding: 0;
  }
}
.resource-educator .patient-educator h3 {
  font-size: 30px;
  line-height: 38px;
  color: #592b8a;
  font-weight: 400;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .resource-educator .patient-educator h3 {
    font-size: 22px;
    line-height: 26px;
    text-align: left;
  }
}
@media (max-width: 395px) {
  .resource-educator .asset-right .last-paragraph-container {
    position: relative;
    top: -230px;
    width: 100%;
    left: -14%;
    padding-left: 40px;
  }
  .resource-educator .asset-right .last-paragraph-container p {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (min-width: 360px) and (max-width: 365px) {
  .resource-educator .asset-right .last-paragraph-container {
    position: relative;
    top: -245px;
    width: 100%;
    left: -14%;
    padding-left: 40px;
  }
  .resource-educator .asset-right .last-paragraph-container p {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (min-width: 396px) and (max-width: 446px) {
  .resource-educator .asset-right .last-paragraph-container {
    position: relative;
    top: -230px;
    width: 100%;
    left: -14%;
    padding-left: 48px;
  }
  .resource-educator .asset-right .last-paragraph-container p {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (min-width: 447px) and (max-width: 600px) {
  .resource-educator .asset-right .last-paragraph-container {
    position: relative;
    top: -210px;
    width: 100%;
    left: -14%;
    margin-bottom: 0;
    padding-left: 55px;
  }
  .resource-educator .asset-right .last-paragraph-container p {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .resource-educator .asset-right .last-paragraph-container {
    position: relative;
    top: -210px;
    width: 100%;
    left: -14%;
    margin-bottom: 0;
    padding-left: 95px;
  }
  .resource-educator .asset-right .last-paragraph-container p {
    font-size: 12px;
    line-height: 15px;
  }
}
.resource-educator .asset-right .purple--box {
  padding: 73px 366px 75px 64px;
  width: 100%;
}
.resource-educator .asset-right .purple--box .asset {
  right: 0;
  left: unset;
}
.resource-educator .educator-points .icon {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .resource-educator .Vcta__header {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .resource-educator .Vcta__content {
    padding: 20px 25px;
  }
}
@media (max-width: 767px) {
  .resource-educator .Vcta__content .asset {
    max-width: 150px;
  }
}
@media (max-width: 767px) {
  .resource-educator .button-auto {
    margin: auto;
  }
}
.resource-educator .footnote-style p {
  display: none;
}
@media (max-width: 767px) {
  .resource-educator .footnote-style p {
    display: block;
    position: absolute;
    top: 304px;
    font-size: 12px;
  }
}
.resource-educator .purple--box-1 {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1015px) {
  .resource-educator .purple--box-1 {
    padding: 25px 20px 33px 366px !important;
  }
  .resource-educator .purple--box-1 .asset {
    max-width: calc(51% - 40px);
    height: 80%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .resource-educator .purple--box-1 .button {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1015px) {
  .resource-educator .purple--box-2 .asset {
    max-width: 47%;
    height: 89%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

.resource-educator .patient-educator.custom .purple--box {
  padding: 25px 33px 33px 280px !important;
}

.advocacy {
  margin-bottom: -43px;
}
@media (max-width: 767px) {
  .advocacy .VCard {
    padding: 40px 19px;
  }
}
.advocacy .img-section {
  padding: 10px 20px;
}
@media (max-width: 767px) {
  .advocacy .img-section .footnote {
    margin: 0 0 0 51px;
  }
}
@media (max-width: 767px) {
  .advocacy .img-section .asset {
    max-width: 280px;
    margin: 0 auto;
    display: block;
  }
}
@media (max-width: 767px) {
  .advocacy .img-section {
    padding: 25px 0;
  }
}

.treatment-support .connect-bg {
  background-color: #ede9f3;
  margin-top: -5px;
}
@media (max-width: 767px) {
  .treatment-support .img-text h3 {
    text-align: center;
  }
}

.downloadable-resource .VCard {
  padding: 32px;
}
@media (max-width: 767px) {
  .downloadable-resource .VCard {
    padding: 25px 18px;
  }
}

.aboutDaybue #masonary-gallery .RootLayout__RootComponent-sc-1doisyz-0 .EmbedRoot__Root-sc-1c4b4pg-0::before {
  content: none !important;
}
@media (min-width: 768px) {
  .aboutDaybue .btnCustomPad {
    padding: 10px 10px !important;
    line-height: 20px;
  }
}
@media (min-width: 918px) {
  .aboutDaybue .btnCustomPad {
    padding: 10px 30px !important;
  }
}

.faq .customParas p {
  margin-top: 5px;
}
.faq .customcalloutMarginTop {
  margin-top: 54px;
}

.es {
  min-height: 400px;
}

@media (max-width: 767px) {
  #upcoming .Vcta__header {
    padding: 20px 50px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .past-events .customLipadding .list {
    margin-top: 12px;
  }
}

.sparkleForm button#input_2 {
  font-weight: bold;
  color: #fff;
}

.caregiverPerspective .customOpacityImage .asset {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none;
}

@media screen and (max-width: 605px) {
  .customIconsWidth .iconList .icon .custom-flex .icon__content {
    max-width: 240px;
    margin: 0px auto;
  }
}
@media screen and (max-width: 495px) {
  .newCustomFlex .iconList .icon .custom-flex .icon__content {
    max-width: 275px;
  }
}
@media screen and (max-width: 375px) and (max-width: 495px) {
  .newCustomFlex .iconList .icon .custom-flex .icon__content {
    max-width: 265px;
  }
}
.sub--small p:first-of-type b {
  font-size: 13px !important;
  font-weight: normal;
}

.customFontSection div p:nth-of-type(2) b {
  color: #000 !important;
  font-size: 13px;
  font-weight: normal;
}

@media screen and (max-width: 600px) {
  .customWidthMobileImage .Vconnect__image {
    max-width: 350px !important;
    margin-bottom: 30px;
  }
}
.hiddenMobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .hiddenMobile {
    display: block;
  }
}
.custom-margin {
  margin-bottom: 23px;
}

@media screen and (max-width: 767px) {
  .tvcommercial .video-row {
    margin-top: 0;
  }
  .tvcommercial .video-column {
    margin-bottom: 0;
  }
}

.commercial-title .hero__asset .hero__info {
  min-width: 208px;
  max-width: 210px;
  top: 81%;
  left: 77%;
}
@media screen and (max-width: 767px) {
  .commercial-title .hero__asset .hero__info {
    min-width: 180px;
    max-width: 180px;
    left: 70%;
  }
}

.custom-footnote-font p {
  font-size: 14px !important;
}

.customFw h3 {
  font-weight: 500 !important;
}

body.noscroll {
  overflow: auto !important;
}

/*! purgecss end ignore */
.edit {
  width: 75px;
  height: 75px;
  display: none;
}
.edit .icon,
.edit svg {
  width: 100%;
  height: 100%;
}

.mb-31 {
  margin-bottom: 31px !important;
  position: relative;
  z-index: 2;
}

.fpo {
  position: relative;
}
.fpo::after {
  content: "FPO";
  font-size: 2rem;
  color: magenta;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 25%;
  opacity: 0.5;
}

.supernova .jotform-form #text_27 p {
  margin-top: -5px;
}

.jotform-form #label_21 {
  font-weight: normal;
}

.supernova .jotform-form #text_59 p strong {
  line-height: 1;
}

.sitemap h2 {
  margin-bottom: 10px;
}

.sitemap-container > div:last-child {
  margin-top: -35px;
}

.sitemap .sitemap-container .mb-16 {
  margin: 30px 0 16px;
}

@media (max-width: 767px) {
  .sitemap-container > div:nth-child(2) {
    margin-top: 0px;
  }
  .sitemap-container > div:last-child {
    margin-top: 0px;
  }
  .sitemap .sitemap-container > div {
    width: 100%;
  }
}
.customModal {
  visibility: visible;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(77, 77, 77, 0.7);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 1rem;
  z-index: 999;
}

.customModal:target {
  visibility: visible;
  opacity: 1;
}

.customModal__body {
  padding: 26.5px;
  background: #fff !important;
  border-radius: 20px 20px 0 0;
}

@media screen and (max-height: 910px) {
  .customModal__body {
    max-height: 405px;
    overflow-y: auto;
  }
}
@media screen and (max-height: 980px) {
  .customModal__body {
    max-height: 600px;
    overflow-y: auto;
    border-radius: 15px;
  }
}
@media screen and (max-width: 768px) {
  .customModal__body {
    padding: 13px 24.5px 25px;
  }
}
@media screen and (max-width: 1200px) {
  .customModal__body {
    max-height: 405px;
    overflow-y: auto;
  }
}
.customModal__content {
  border-radius: 4px;
  position: relative;
  width: 100%;
  max-width: 1150px;
  border-radius: 12px;
  background: #fff;
}

.customModal__footer {
  text-align: center;
  background: #e6f8f8;
  padding: 1rem;
  margin-top: 32px;
  border-radius: 0px 0px 12px 12px;
}
.customModal__footer a {
  color: #585858;
}
.customModal__footer i {
  color: #d02d2c;
}

.customModal__button {
  border-radius: 30px;
  background-color: #563091;
  color: white;
  padding: 0px 20px !important;
  font-weight: 600;
  font-size: 1rem;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.customModal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #585858;
  text-decoration: none;
  cursor: pointer;
}

.customModal__title {
  color: #00878b !important;
  padding: 0px;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 52px;
  margin: 0px;
}

.customModal__subTitle {
  font-family: poppins, sans-serif;
  color: #592b8a;
  line-height: 38px;
  font-size: 30px;
  padding: 0px;
  letter-spacing: -0.63px;
  margin: 0px;
  margin-bottom: 42px;
  margin-top: 8px;
}

.customModal__h {
  color: #592b8a;
  font-weight: bold;
}

.customModal__p {
  color: #414042;
  margin-top: 12px;
}

@media only screen and (max-width: 480px) {
  .customModal {
    overflow-y: scroll !important;
    height: 100vh;
  }
  .customModal__title {
    font-weight: 600;
    font-size: 1.75rem !important;
    line-height: 34px;
  }
  .customModal__content {
    max-height: 90%;
    border-radius: 4px;
    overflow-y: scroll;
    margin-bottom: 2rem;
  }
  .customModal__subTitle {
    font-size: 22px !important;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.46px;
    margin-bottom: 1rem !important;
  }
  .customModal__image {
    width: 100%;
    margin: 0 !important;
    margin-top: 2px;
  }
}
@media (min-width: 300px) and (max-width: 767px) {
  .customModal {
    overflow-y: scroll !important;
    height: 100vh;
  }
  .customModal__title {
    font-weight: 600;
    font-size: 28px !important;
    line-height: 34px;
  }
  .customModal__content {
    max-width: 326px;
    width: 100%;
    max-height: 90%;
    border-radius: 4px;
    overflow-y: scroll;
    margin-bottom: 2rem;
  }
  .customModal__subTitle {
    font-size: 22px !important;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.46px;
    margin-bottom: 2rem !important;
  }
  .customModal__image {
    width: 97%;
    margin: 0 !important;
    margin-top: 2px;
    padding-left: 7px;
  }
  .customModal__h {
    padding: 0 18px;
  }
  .customModal__p {
    padding: 0 18px;
  }
  .customModal__p:last-of-type {
    margin-bottom: 15px;
  }
  .customModal__button {
    font-size: 0.75rem;
  }
}
@media only screen and (min-device-width: 1025px) {
  .customModal__image {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
  .customModal {
    overflow-y: scroll !important;
    height: 100vh;
  }
  .customModal__title {
    font-weight: 600;
    font-size: 1.75rem !important;
    line-height: 34px;
  }
  .customModal__content {
    max-height: 90%;
    border-radius: 4px;
    overflow-y: scroll;
    margin-bottom: 2rem;
  }
  .customModal__subTitle {
    font-size: 22px !important;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.46px;
    margin-bottom: 1rem !important;
  }
  .customModal__image {
    width: 100%;
    margin: 0 !important;
    margin-top: 2px;
  }
  .customModal__button {
    font-size: 0.75rem !important;
  }
}
@media (max-width: 767px) {
  .customModal__imageContainer {
    border-radius: 15px;
    padding-top: 14px;
    -webkit-box-shadow: 0px 2px 12px 1px rgba(41, 127, 127, 0.2);
            box-shadow: 0px 2px 12px 1px rgba(41, 127, 127, 0.2);
  }
}
.customPurple {
  margin-top: 15px !important;
}
.customPurple h2 {
  padding-bottom: 12px;
}

.customPurple p {
  color: #592b8a;
}

@media screen and (max-width: 1200px) {
  .customModal__content {
    max-width: 80%;
    width: 80%;
  }
}
@media screen and (max-width: 1200px) {
  .customModal__content {
    max-width: 98%;
    width: 98%;
  }
}
.caregiverPerspective .nicole-banner .hero__info {
  top: 81% !important;
  left: 79% !important;
}

.resources .hero__info {
  top: 79%;
  left: 79%;
  right: -3%;
}
@media screen and (max-width: 479px) {
  .resources .customh4 h4 {
    font-size: 18px !important;
  }
}

.customCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.customCard .cardImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.customCard .cardBox {
  padding: 20px;
  border-radius: 20px;
}
.customCard .cardBox .cardBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background-color: #eee7f3;
}
.customCard .cardBox .cardBody h3 {
  text-align: center;
  margin-bottom: 0px;
}
.customCard .cardBox .cardBody p {
  text-align: center;
}
.customCard .cardBox .cardBody div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.imp-note div > p {
  color: #563091;
}

.jotform-wrapper {
  margin-top: 3rem;
  border: 1px solid var(--text-color-level3, rgba(26, 26, 26, 0.1));
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 600px) {
  .pbook .jotform-wrapper {
    border: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
.pbook .form-all {
  max-width: 956px !important;
}

.customSymbol p nobr {
  line-height: 18px !important;
}

@media only screen and (min-width: 890px) {
  #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.downloadable-resource .hero__info {
  min-width: 210px;
}

.shifter {
  margin-bottom: -65px;
}
@media only screen and (min-width: 425px) {
  .shifter {
    margin-bottom: -40px;
  }
}
@media only screen and (min-width: 600px) {
  .shifter {
    margin-bottom: -35px;
  }
}
@media only screen and (min-width: 768px) {
  .shifter {
    margin-bottom: -20px;
  }
}
@media only screen and (min-width: 900px) {
  .shifter {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 960px) {
  .shifter {
    margin-bottom: -35px;
  }
}
@media only screen and (min-width: 1000px) {
  .shifter {
    margin-bottom: -45px;
  }
}
@media only screen and (min-width: 1140px) {
  .shifter {
    margin-bottom: -44px;
  }
}

.interiorPage .shifter {
  margin-bottom: -55px;
}
@media only screen and (min-width: 1000px) {
  .interiorPage .shifter {
    margin-bottom: -20px;
  }
}