/* src/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  -webkit-text-size-adjust: 100%;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/NotoSans-Light.woff2) format("woff2"), url(/assets/fonts/NotoSans-Light.woff) format("woff");
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/NotoSans-Regular.woff2) format("woff2"), url(/assets/fonts/NotoSans-Regular.woff) format("woff");
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/NotoSans-SemiBold.woff2) format("woff2"), url(/assets/fonts/NotoSans-SemiBold.woff) format("woff");
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/NotoSans-Bold.woff2) format("woff2"), url(/assets/fonts/NotoSans-Bold.woff) format("woff");
}
.b-0 {
  border: 0px solid;
}
.b-0\:t {
  border-top: 0px solid;
}
.b-0\:b {
  border-bottom: 0px solid;
}
.b-0\:l {
  border-left: 0px solid;
}
.b-0\:r {
  border-right: 0px solid;
}
.b-0\:v {
  border-top: 0px solid;
  border-bottom: 0px solid;
}
.b-0\:h {
  border-left: 0px solid;
  border-right: 0px solid;
}
.b-1 {
  border: 1px solid;
}
.b-1\:t {
  border-top: 1px solid;
}
.b-1\:b {
  border-bottom: 1px solid;
}
.b-1\:l {
  border-left: 1px solid;
}
.b-1\:r {
  border-right: 1px solid;
}
.b-1\:v {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.b-1\:h {
  border-left: 1px solid;
  border-right: 1px solid;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-weight: 500;
}
h1,
.h1 {
  font-size: 1.1em;
  margin-bottom: 0.8571em;
  font-weight: 300;
  color: var(--c-grey-600);
}
@media (min-width: 820px) {
  h1,
  .h1 {
    font-size: 1.6em;
  }
}
h2,
.h2 {
  font-size: 1.6666em;
  margin-bottom: 0.8em;
  margin-top: 2em;
  font-weight: 300;
  color: var(--c-blue-500);
}
@media (min-width: 820px) {
  h2,
  .h2 {
    font-size: 2.4em;
  }
}
h3,
.h3 {
  font-size: 1.4666em;
  margin-bottom: 0.5em;
  line-height: 1.3;
}
@media (min-width: 820px) {
  h3,
  .h3 {
    margin-bottom: 1.1363em;
  }
}
h4,
.h4 {
  font-weight: 500;
  font-style: italic;
}
p,
.p,
h4,
.h4,
ul,
ol,
td,
th {
  margin-bottom: 1.25em;
  line-height: 1.4;
}
@media (min-width: 820px) {
  p,
  .p,
  h4,
  .h4,
  ul,
  ol,
  td,
  th {
    font-size: 1.4666em;
  }
}
p.fit-button,
.p.fit-button,
h4.fit-button,
.h4.fit-button,
ul.fit-button,
ol.fit-button,
td.fit-button,
th.fit-button {
  padding-top: 0.5em;
}
p,
.p {
  margin-bottom: 1em;
}
small,
.small {
  font-size: 0.8888em;
}
.tiny {
  font-size: 0.42em;
}
em,
.em {
  text-decoration: underline;
}
sup,
.sup {
  font-size: 0.6666em;
  vertical-align: text-top;
  line-height: 1.6666;
}
ul.small,
ol.small {
  font-size: 0.8em;
}
@media (min-width: 820px) {
  ul.small,
  ol.small {
    font-size: 1.3333em;
  }
}
ul.small li,
ol.small li {
  margin-bottom: 0.2em;
}
ul li {
  list-style: outside disc;
  display: list-item;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
ul.check-blue li {
  list-style: inside none;
  padding-left: 2.5em;
  position: relative;
  margin-left: 0;
  margin-bottom: 1.45em;
  line-height: 1.45em;
  font-weight: 300;
}
ul.check-blue li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: 0;
  width: 22px;
  height: 22px;
  background-image: url(/assets/icons/icon-check.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}
@media (min-width: 820px) {
  ul.check-blue li:before {
    width: 30px;
    height: 30px;
  }
}
ul.bulb-blue li {
  list-style: inside none;
  margin-left: 0;
  position: relative;
  margin-left: 0;
  margin-bottom: 3em;
  line-height: 1.45em;
  font-weight: 300;
}
ul.bulb-blue li span.heading {
  font-size: 1.1818em;
}
ul.bulb-blue li:before {
  content: "";
  display: block;
  width: 40px;
  height: 52px;
  background-image: url(/assets/icons/icon_bulb.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 821px) {
  ul.bulb-blue li {
    padding-left: 52px;
  }
  ul.bulb-blue li:before {
    position: absolute;
    left: 0;
    top: -12px;
  }
}
@media (min-width: 1201px) {
  ul.bulb-blue li {
    padding-left: 80px;
  }
  ul.bulb-blue li:before {
    left: 12px;
    top: -16px;
  }
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
strong,
.strong,
.semibold {
  font-weight: 500;
}
.bold {
  font-weight: 800;
}
a,
button.btn-link {
  color: var(--c-blue-500);
  text-decoration: none;
}
a.pdf-download,
a.pdf-download-small,
button.btn-link.pdf-download,
button.btn-link.pdf-download-small {
  cursor: pointer;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
}
a.pdf-download:before,
a.pdf-download-small:before,
button.btn-link.pdf-download:before,
button.btn-link.pdf-download-small:before {
  content: "";
  background-image: url(/assets/icons/pdf_blau.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  display: inline-block;
  height: 27px;
  width: 17px;
  vertical-align: bottom;
  margin-right: 8px;
}
@media (min-width: 821px) {
  a.pdf-download,
  a.pdf-download-small,
  button.btn-link.pdf-download,
  button.btn-link.pdf-download-small {
    font-size: 1.4666em;
    line-height: 44px;
  }
  a.pdf-download:before,
  a.pdf-download-small:before,
  button.btn-link.pdf-download:before,
  button.btn-link.pdf-download-small:before {
    width: 32px;
    height: 44px;
    margin-right: 12px;
  }
}
a.pdf-download-small,
button.btn-link.pdf-download-small {
  font-weight: 400;
}
@media (min-width: 821px) {
  a.pdf-download-small,
  button.btn-link.pdf-download-small {
    font-size: 1em;
    line-height: 30px;
  }
  a.pdf-download-small:before,
  button.btn-link.pdf-download-small:before {
    width: 22px;
    height: 30px;
    margin-right: 8px;
  }
}
.fs-base {
  font-size: 1rem;
}
.fs-18 {
  font-size: 1em;
}
@media (min-width: 821px) {
  .fs-18 {
    font-size: 1.2em;
  }
}
.fs-20 {
  font-size: 1em;
}
@media (min-width: 821px) {
  .fs-20 {
    font-size: 1.3333em;
  }
}
.fs-22 {
  font-size: 1em;
}
@media (min-width: 821px) {
  .fs-22 {
    font-size: 1.4666em;
  }
}
.fs-26 {
  font-size: 1em;
}
@media (min-width: 821px) {
  .fs-26 {
    font-size: 1.6333em;
  }
}
.fs-28 {
  font-size: 1em;
}
@media (min-width: 821px) {
  .fs-28 {
    font-size: 1.75em;
  }
}
.fs-32 {
  font-size: 1em;
}
@media (min-width: 821px) {
  .fs-32 {
    font-size: 2.1333em;
  }
}
p,
ul {
  font-weight: 300;
}
label {
  line-height: 1.4;
}
input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=password],
.input,
select,
.select,
textarea {
  width: 100%;
  font-family: "NotoSans", sans-serif;
  border: 1px solid var(--c-grey-500);
  display: block;
  padding: 0.925em 1em;
  font-size: 1em;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) inset;
  margin-bottom: 1.25em;
  font-weight: 300;
}
input[type=text].ng-invalid:not(.ng-pristine):not(.ng-untouched),
input[type=email].ng-invalid:not(.ng-pristine):not(.ng-untouched),
input[type=number].ng-invalid:not(.ng-pristine):not(.ng-untouched),
input[type=tel].ng-invalid:not(.ng-pristine):not(.ng-untouched),
input[type=password].ng-invalid:not(.ng-pristine):not(.ng-untouched),
.input.ng-invalid:not(.ng-pristine):not(.ng-untouched),
select.ng-invalid:not(.ng-pristine):not(.ng-untouched),
.select.ng-invalid:not(.ng-pristine):not(.ng-untouched),
textarea.ng-invalid:not(.ng-pristine):not(.ng-untouched) {
  border-color: var(--c-red-200);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) inset, 0 0 4px rgba(168, 0, 0, 0.3);
}
@media (min-width: 820px) {
  input[type=text],
  input[type=email],
  input[type=number],
  input[type=tel],
  input[type=password],
  .input,
  select,
  .select,
  textarea {
    padding: 0.6em 0.8em;
    font-size: 1.4666em;
  }
}
input[type=text]:not(.ctrl-error-msg):has(+ span.error-message),
input[type=text].ctrl-error-msg.ng-touched.ng-invalid,
input[type=email]:not(.ctrl-error-msg):has(+ span.error-message),
input[type=email].ctrl-error-msg.ng-touched.ng-invalid,
input[type=number]:not(.ctrl-error-msg):has(+ span.error-message),
input[type=number].ctrl-error-msg.ng-touched.ng-invalid,
input[type=tel]:not(.ctrl-error-msg):has(+ span.error-message),
input[type=tel].ctrl-error-msg.ng-touched.ng-invalid,
input[type=password]:not(.ctrl-error-msg):has(+ span.error-message),
input[type=password].ctrl-error-msg.ng-touched.ng-invalid,
.input:not(.ctrl-error-msg):has(+ span.error-message),
.input.ctrl-error-msg.ng-touched.ng-invalid,
select:not(.ctrl-error-msg):has(+ span.error-message),
select.ctrl-error-msg.ng-touched.ng-invalid,
.select:not(.ctrl-error-msg):has(+ span.error-message),
.select.ctrl-error-msg.ng-touched.ng-invalid,
textarea:not(.ctrl-error-msg):has(+ span.error-message),
textarea.ctrl-error-msg.ng-touched.ng-invalid {
  margin-bottom: 0;
}
input[type=text]:not(.ignore-ng-valid).ng-valid,
input[type=text].ignore-ng-valid.valid,
input[type=email]:not(.ignore-ng-valid).ng-valid,
input[type=email].ignore-ng-valid.valid,
input[type=number]:not(.ignore-ng-valid).ng-valid,
input[type=number].ignore-ng-valid.valid,
input[type=tel]:not(.ignore-ng-valid).ng-valid,
input[type=tel].ignore-ng-valid.valid,
input[type=password]:not(.ignore-ng-valid).ng-valid,
input[type=password].ignore-ng-valid.valid,
.input:not(.ignore-ng-valid).ng-valid,
.input.ignore-ng-valid.valid,
textarea:not(.ignore-ng-valid).ng-valid,
textarea.ignore-ng-valid.valid {
  background-image: url(/assets/icons/check-green.svg);
  background-repeat: no-repeat;
  background-position: right 1em center;
}
select {
  background-image: url(/assets/icons/chevron-down-dark.svg), linear-gradient(var(--c-grey-200), var(--c-grey-200));
  background-size: 20px auto, 40px 100%;
  background-position: right 10px center, right center;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0.925em 42px 0.925em 1em;
  text-overflow: ellipsis;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
label {
  display: none;
}
input:disabled,
select:disabled {
  cursor: not-allowed;
  border-color: var(--c-grey-400);
  color: var(--c-grey-400);
  box-shadow: none;
}
label:has(+ input:disabled),
label:has(+ select:disabled) {
  color: var(--c-grey-400);
}
input[type=checkbox],
input[type=radio] {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
input[type=checkbox]:focus-visible + label,
input[type=radio]:focus-visible + label {
  outline: solid 1px black;
  outline-offset: 5px;
  border-radius: 1px;
}
input[type=checkbox] + label,
input[type=radio] + label {
  display: block;
  padding-left: 2em;
  margin-bottom: 1.5em;
  position: relative;
  cursor: pointer;
}
@media (min-width: 820px) {
  input[type=checkbox] + label,
  input[type=radio] + label {
    font-size: 1.4446em;
    font-weight: 300;
  }
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2727em;
  height: 1.2727em;
  border: 1px solid var(--c-grey-500);
}
input[type=checkbox] + label.grouped,
input[type=radio] + label.grouped {
  margin-bottom: 0.5em;
}
input[type=checkbox] + label.-center-vertical:before,
input[type=radio] + label.-center-vertical:before {
  top: calc(50% - 0.7em);
}
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
  background-size: 65% auto;
}
input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
  opacity: 0.5;
  cursor: not-allowed;
}
input[type=radio] + label:before {
  border-radius: 50%;
}
input[type=radio]:checked + label:before {
  background-image: url(/assets/icons/disc-dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
input[type=checkbox]:checked + label:before {
  background-image: url(/assets/icons/check-dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.error-message,
ctrl-error-message {
  color: var(--c-red-600);
  margin-top: 0.75em;
  margin-bottom: 1.25em;
  display: block;
}
details > summary {
  background-image: url(/assets/icons/big-chevron-down-dark.svg);
  background-repeat: no-repeat;
  background-size: 26px 20px;
  line-height: 28px;
  background-position: right 16px center;
  padding: 16px 48px 16px 24px;
  padding-left: 2em;
  margin-bottom: 1.5em;
  position: relative;
  cursor: pointer;
  font-weight: 500;
}
@media (min-width: 820px) {
  details > summary {
    font-size: 1.4446em;
    font-weight: 300;
  }
}
details > summary.grouped {
  margin-bottom: 0.5em;
}
details > summary.-center-vertical:before {
  top: calc(50% - 0.7em);
}
details > summary::marker {
  content: none;
}
@media (min-width: 820px) {
  details > summary {
    line-height: 32px;
    background-position: right 30px center;
    padding: 16px 64px 16px 24px;
  }
}
details[open] > summary {
  background-image: url(/assets/icons/big-chevron-up-dark.svg);
}
button:where(:not(.btn-link)),
.button:where(:not(.btn-link)) {
  --button-color: var(--c-blue-900);
  --button-bg-color: var(--c-orange);
  font-family: "NotoSans", sans-serif;
  font-weight: 500;
  color: var(--button-color);
  border: 0 none;
  background-color: var(--button-bg-color);
  padding: 12px 32px;
  line-height: 1em;
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.0666em;
  background-repeat: no-repeat;
  white-space: nowrap;
  outline-offset: 4px;
}
button:where(:not(.btn-link)):not(.submit-order):not(.no-max-width):not(.-nmw),
.button:where(:not(.btn-link)):not(.submit-order):not(.no-max-width):not(.-nmw) {
  max-width: 160px;
}
@media (min-width: 820px) {
  button:where(:not(.btn-link)),
  .button:where(:not(.btn-link)) {
    padding: 16px 48px;
    font-size: 1.3333em;
  }
  button:where(:not(.btn-link)):not(.submit-order):not(.no-max-width):not(.-nmw),
  .button:where(:not(.btn-link)):not(.submit-order):not(.no-max-width):not(.-nmw) {
    max-width: 220px;
  }
}
button:where(:not(.btn-link)).btn-stretch,
.button:where(:not(.btn-link)).btn-stretch {
  width: 100%;
}
button:where(:not(.btn-link)).btn-wrap,
.button:where(:not(.btn-link)).btn-wrap {
  white-space: normal;
}
button:where(:not(.btn-link)).btn-big,
.button:where(:not(.btn-link)).btn-big {
  font-size: 1.2em;
}
@media (min-width: 820px) {
  button:where(:not(.btn-link)).btn-big,
  .button:where(:not(.btn-link)).btn-big {
    font-size: 1.3333em;
  }
}
@media (min-width: 1200px) {
  button:where(:not(.btn-link)).btn-big,
  .button:where(:not(.btn-link)).btn-big {
    font-size: 1.4666em;
  }
}
button:where(:not(.btn-link)).btn-small,
.button:where(:not(.btn-link)).btn-small {
  padding: 8px 24px;
  font-size: 0.875em;
}
button:where(:not(.btn-link)).btn-dark,
.button:where(:not(.btn-link)).btn-dark {
  --button-bg-color: var(--c-grey-800);
  --button-color: var(--c-white);
}
button:where(:not(.btn-link)).btn-light,
.button:where(:not(.btn-link)).btn-light {
  --button-bg-color: var(--c-grey-300);
  --button-color: var(--c-white);
}
button:where(:not(.btn-link)).btn-blue,
.button:where(:not(.btn-link)).btn-blue {
  --button-bg-color: var(--c-blue-500);
  --button-color: var(--c-white);
}
button:where(:not(.btn-link)).btn-orange,
.button:where(:not(.btn-link)).btn-orange {
  --button-bg-color: var(--c-orange);
  --button-color: var(--c-blue-900);
}
button:where(:not(.btn-link)).btn-ghost,
.button:where(:not(.btn-link)).btn-ghost {
  --button-bg-color: var(--c-grey-800);
  background-color: transparent;
  border: 1px solid var(--c-grey-800);
  color: var(--c-grey-800);
}
button:where(:not(.btn-link)).btn-back,
button:where(:not(.btn-link)).btn-next,
.button:where(:not(.btn-link)).btn-back,
.button:where(:not(.btn-link)).btn-next {
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
button:where(:not(.btn-link)).btn-back,
.button:where(:not(.btn-link)).btn-back {
  background-image: url(/assets/icons/chevron-left-light.svg);
  background-position: left 10px center;
}
button:where(:not(.btn-link)).btn-next,
.button:where(:not(.btn-link)).btn-next {
  background-image: url(/assets/icons/chevron-right-dark.svg);
  background-position: right 10px center;
}
button:where(:not(.btn-link)).btn-plus,
.button:where(:not(.btn-link)).btn-plus {
  background-image: url(/assets/icons/plus-light.svg);
  padding-left: 64px;
  background-position: left 24px center;
}
button:where(:not(.btn-link)):disabled,
.button:where(:not(.btn-link)):disabled {
  background-color: var(--c-grey-200) !important;
  --button-color: var(--c-white);
  cursor: not-allowed;
}
button:where(:not(.btn-link)):disabled.btn-next,
.button:where(:not(.btn-link)):disabled.btn-next {
  background-image: url(/assets/icons/chevron-right-light.svg);
}
button.btn-link {
  max-width: unset;
  display: inline-block;
  border: 0 none;
  background: none;
  margin: 0;
  padding: 0;
  font-weight: inherit;
}
button.btn-link:not(:disabled) {
  cursor: pointer;
}
.form-buttons {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 820px) {
  .form-buttons {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .form-buttons {
    margin-bottom: 100px;
  }
}
.dashboard-button {
  display: block;
  line-height: 65px;
  text-decoration: none;
  outline-offset: 0.25rem;
  background-size: 49px 49px, 14px 18px;
  background-position: left 10px center, right 15px center;
  background-repeat: no-repeat, no-repeat;
  padding: 0 30px 0 68px;
}
@media (min-width: 821px) {
  .dashboard-button {
    font-size: 1.7333em;
    line-height: 100px;
    padding: 0 50px 0 114px;
    background-size: 75px 75px, 17px 22px;
    background-position: left 18px center, right 20px center;
  }
}
@media (min-width: 1201px) {
  .dashboard-button {
    outline-offset: 0.5rem;
    line-height: 130px;
    padding: 0 64px 0 135px;
    background-size: 88px 88px, 20px 26px;
    background-position: left 30px center, right 30px center;
  }
}
.dashboard-button span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.dashboard-button.button-lockerlist {
  background-image: url(/assets/icons/circle_locker_list.svg), url(/assets/icons/big-chevron-right-dark.svg);
}
.dashboard-button.button-directlink {
  background-image: url(/assets/icons/circle_direct_link.svg), url(/assets/icons/big-chevron-right-dark.svg);
}
.dashboard-button.button-rent {
  background-image: url(/assets/icons/circle_rent.svg), url(/assets/icons/big-chevron-right-light.svg);
}
.dashboard-button.button-contracts {
  background-image: url(/assets/icons/circle_contract.svg), url(/assets/icons/big-chevron-right-dark.svg);
}
.dashboard-button.button-invoices {
  background-image: url(/assets/icons/circle_invoice.svg), url(/assets/icons/big-chevron-right-dark.svg);
}
.dashboard-button.button-mailbox {
  background-image: url(/assets/icons/circle_mail.svg), url(/assets/icons/big-chevron-right-dark.svg);
  position: relative;
}
.dashboard-button.button-login {
  background-image: url(/assets/icons/circle_shield.svg), url(/assets/icons/big-chevron-right-dark.svg);
}
.grid-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
}
@media screen and (min-width: 821px) {
  .grid-container {
    gap: 0 12px;
  }
  .grid-container.no-wrap-md {
    flex-wrap: nowrap;
  }
  .grid-container.space-between {
    gap: 0 gutter-md;
  }
}
@media screen and (min-width: 1201px) {
  .grid-container {
    gap: 0 24px;
  }
  .grid-container.no-wrap-lg {
    flex-wrap: nowrap;
  }
  .grid-container.space-between {
    gap: 0 gutter-lg;
  }
}
.grid-container.equal-height {
  align-items: stretch;
}
.grid-container.center-vertical {
  align-items: center;
}
.grid-container.bottom-vertical {
  align-items: flex-end;
}
.grid-container.no-wrap {
  flex-wrap: nowrap;
}
.grid-container.center-content {
  justify-content: center;
}
.grid-container.space-between {
  gap: 0 2px;
  justify-content: space-between;
}
.grid {
  display: block;
  flex-grow: 1;
}
.grid.order-0 {
  order: 0;
}
.grid.order-1 {
  order: 1;
}
.grid.order-2 {
  order: 2;
}
.grid.order-3 {
  order: 3;
}
.grid.no-shrink {
  flex-shrink: 0;
}
.grid.no-grow {
  flex-grow: 0;
}
@media screen and (min-width: 821px) {
  .grid.order-0-md {
    order: 0;
  }
  .grid.order-1-md {
    order: 1;
  }
  .grid.order-2-md {
    order: 2;
  }
  .grid.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid.order-0-lg {
    order: 0;
  }
  .grid.order-1-lg {
    order: 1;
  }
  .grid.order-2-lg {
    order: 2;
  }
  .grid.order-3-lg {
    order: 3;
  }
}
.grid-1,
.grid-xs-1,
.grid-sm-1,
.grid-md-1,
.grid-lg-1,
.grid-1-5,
.grid-xs-1-5,
.grid-sm-1-5,
.grid-md-1-5,
.grid-lg-1-5 {
  display: block;
}
.grid-1.order-0,
.grid-xs-1.order-0,
.grid-sm-1.order-0,
.grid-md-1.order-0,
.grid-lg-1.order-0,
.grid-1-5.order-0,
.grid-xs-1-5.order-0,
.grid-sm-1-5.order-0,
.grid-md-1-5.order-0,
.grid-lg-1-5.order-0 {
  order: 0;
}
.grid-1.order-1,
.grid-xs-1.order-1,
.grid-sm-1.order-1,
.grid-md-1.order-1,
.grid-lg-1.order-1,
.grid-1-5.order-1,
.grid-xs-1-5.order-1,
.grid-sm-1-5.order-1,
.grid-md-1-5.order-1,
.grid-lg-1-5.order-1 {
  order: 1;
}
.grid-1.order-2,
.grid-xs-1.order-2,
.grid-sm-1.order-2,
.grid-md-1.order-2,
.grid-lg-1.order-2,
.grid-1-5.order-2,
.grid-xs-1-5.order-2,
.grid-sm-1-5.order-2,
.grid-md-1-5.order-2,
.grid-lg-1-5.order-2 {
  order: 2;
}
.grid-1.order-3,
.grid-xs-1.order-3,
.grid-sm-1.order-3,
.grid-md-1.order-3,
.grid-lg-1.order-3,
.grid-1-5.order-3,
.grid-xs-1-5.order-3,
.grid-sm-1-5.order-3,
.grid-md-1-5.order-3,
.grid-lg-1-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-1.order-0-md,
  .grid-xs-1.order-0-md,
  .grid-sm-1.order-0-md,
  .grid-md-1.order-0-md,
  .grid-lg-1.order-0-md,
  .grid-1-5.order-0-md,
  .grid-xs-1-5.order-0-md,
  .grid-sm-1-5.order-0-md,
  .grid-md-1-5.order-0-md,
  .grid-lg-1-5.order-0-md {
    order: 0;
  }
  .grid-1.order-1-md,
  .grid-xs-1.order-1-md,
  .grid-sm-1.order-1-md,
  .grid-md-1.order-1-md,
  .grid-lg-1.order-1-md,
  .grid-1-5.order-1-md,
  .grid-xs-1-5.order-1-md,
  .grid-sm-1-5.order-1-md,
  .grid-md-1-5.order-1-md,
  .grid-lg-1-5.order-1-md {
    order: 1;
  }
  .grid-1.order-2-md,
  .grid-xs-1.order-2-md,
  .grid-sm-1.order-2-md,
  .grid-md-1.order-2-md,
  .grid-lg-1.order-2-md,
  .grid-1-5.order-2-md,
  .grid-xs-1-5.order-2-md,
  .grid-sm-1-5.order-2-md,
  .grid-md-1-5.order-2-md,
  .grid-lg-1-5.order-2-md {
    order: 2;
  }
  .grid-1.order-3-md,
  .grid-xs-1.order-3-md,
  .grid-sm-1.order-3-md,
  .grid-md-1.order-3-md,
  .grid-lg-1.order-3-md,
  .grid-1-5.order-3-md,
  .grid-xs-1-5.order-3-md,
  .grid-sm-1-5.order-3-md,
  .grid-md-1-5.order-3-md,
  .grid-lg-1-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-1.order-0-lg,
  .grid-xs-1.order-0-lg,
  .grid-sm-1.order-0-lg,
  .grid-md-1.order-0-lg,
  .grid-lg-1.order-0-lg,
  .grid-1-5.order-0-lg,
  .grid-xs-1-5.order-0-lg,
  .grid-sm-1-5.order-0-lg,
  .grid-md-1-5.order-0-lg,
  .grid-lg-1-5.order-0-lg {
    order: 0;
  }
  .grid-1.order-1-lg,
  .grid-xs-1.order-1-lg,
  .grid-sm-1.order-1-lg,
  .grid-md-1.order-1-lg,
  .grid-lg-1.order-1-lg,
  .grid-1-5.order-1-lg,
  .grid-xs-1-5.order-1-lg,
  .grid-sm-1-5.order-1-lg,
  .grid-md-1-5.order-1-lg,
  .grid-lg-1-5.order-1-lg {
    order: 1;
  }
  .grid-1.order-2-lg,
  .grid-xs-1.order-2-lg,
  .grid-sm-1.order-2-lg,
  .grid-md-1.order-2-lg,
  .grid-lg-1.order-2-lg,
  .grid-1-5.order-2-lg,
  .grid-xs-1-5.order-2-lg,
  .grid-sm-1-5.order-2-lg,
  .grid-md-1-5.order-2-lg,
  .grid-lg-1-5.order-2-lg {
    order: 2;
  }
  .grid-1.order-3-lg,
  .grid-xs-1.order-3-lg,
  .grid-sm-1.order-3-lg,
  .grid-md-1.order-3-lg,
  .grid-lg-1.order-3-lg,
  .grid-1-5.order-3-lg,
  .grid-xs-1-5.order-3-lg,
  .grid-sm-1-5.order-3-lg,
  .grid-md-1-5.order-3-lg,
  .grid-lg-1-5.order-3-lg {
    order: 3;
  }
}
.grid-2,
.grid-xs-2,
.grid-sm-2,
.grid-md-2,
.grid-lg-2,
.grid-2-5,
.grid-xs-2-5,
.grid-sm-2-5,
.grid-md-2-5,
.grid-lg-2-5 {
  display: block;
}
.grid-2.order-0,
.grid-xs-2.order-0,
.grid-sm-2.order-0,
.grid-md-2.order-0,
.grid-lg-2.order-0,
.grid-2-5.order-0,
.grid-xs-2-5.order-0,
.grid-sm-2-5.order-0,
.grid-md-2-5.order-0,
.grid-lg-2-5.order-0 {
  order: 0;
}
.grid-2.order-1,
.grid-xs-2.order-1,
.grid-sm-2.order-1,
.grid-md-2.order-1,
.grid-lg-2.order-1,
.grid-2-5.order-1,
.grid-xs-2-5.order-1,
.grid-sm-2-5.order-1,
.grid-md-2-5.order-1,
.grid-lg-2-5.order-1 {
  order: 1;
}
.grid-2.order-2,
.grid-xs-2.order-2,
.grid-sm-2.order-2,
.grid-md-2.order-2,
.grid-lg-2.order-2,
.grid-2-5.order-2,
.grid-xs-2-5.order-2,
.grid-sm-2-5.order-2,
.grid-md-2-5.order-2,
.grid-lg-2-5.order-2 {
  order: 2;
}
.grid-2.order-3,
.grid-xs-2.order-3,
.grid-sm-2.order-3,
.grid-md-2.order-3,
.grid-lg-2.order-3,
.grid-2-5.order-3,
.grid-xs-2-5.order-3,
.grid-sm-2-5.order-3,
.grid-md-2-5.order-3,
.grid-lg-2-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-2.order-0-md,
  .grid-xs-2.order-0-md,
  .grid-sm-2.order-0-md,
  .grid-md-2.order-0-md,
  .grid-lg-2.order-0-md,
  .grid-2-5.order-0-md,
  .grid-xs-2-5.order-0-md,
  .grid-sm-2-5.order-0-md,
  .grid-md-2-5.order-0-md,
  .grid-lg-2-5.order-0-md {
    order: 0;
  }
  .grid-2.order-1-md,
  .grid-xs-2.order-1-md,
  .grid-sm-2.order-1-md,
  .grid-md-2.order-1-md,
  .grid-lg-2.order-1-md,
  .grid-2-5.order-1-md,
  .grid-xs-2-5.order-1-md,
  .grid-sm-2-5.order-1-md,
  .grid-md-2-5.order-1-md,
  .grid-lg-2-5.order-1-md {
    order: 1;
  }
  .grid-2.order-2-md,
  .grid-xs-2.order-2-md,
  .grid-sm-2.order-2-md,
  .grid-md-2.order-2-md,
  .grid-lg-2.order-2-md,
  .grid-2-5.order-2-md,
  .grid-xs-2-5.order-2-md,
  .grid-sm-2-5.order-2-md,
  .grid-md-2-5.order-2-md,
  .grid-lg-2-5.order-2-md {
    order: 2;
  }
  .grid-2.order-3-md,
  .grid-xs-2.order-3-md,
  .grid-sm-2.order-3-md,
  .grid-md-2.order-3-md,
  .grid-lg-2.order-3-md,
  .grid-2-5.order-3-md,
  .grid-xs-2-5.order-3-md,
  .grid-sm-2-5.order-3-md,
  .grid-md-2-5.order-3-md,
  .grid-lg-2-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-2.order-0-lg,
  .grid-xs-2.order-0-lg,
  .grid-sm-2.order-0-lg,
  .grid-md-2.order-0-lg,
  .grid-lg-2.order-0-lg,
  .grid-2-5.order-0-lg,
  .grid-xs-2-5.order-0-lg,
  .grid-sm-2-5.order-0-lg,
  .grid-md-2-5.order-0-lg,
  .grid-lg-2-5.order-0-lg {
    order: 0;
  }
  .grid-2.order-1-lg,
  .grid-xs-2.order-1-lg,
  .grid-sm-2.order-1-lg,
  .grid-md-2.order-1-lg,
  .grid-lg-2.order-1-lg,
  .grid-2-5.order-1-lg,
  .grid-xs-2-5.order-1-lg,
  .grid-sm-2-5.order-1-lg,
  .grid-md-2-5.order-1-lg,
  .grid-lg-2-5.order-1-lg {
    order: 1;
  }
  .grid-2.order-2-lg,
  .grid-xs-2.order-2-lg,
  .grid-sm-2.order-2-lg,
  .grid-md-2.order-2-lg,
  .grid-lg-2.order-2-lg,
  .grid-2-5.order-2-lg,
  .grid-xs-2-5.order-2-lg,
  .grid-sm-2-5.order-2-lg,
  .grid-md-2-5.order-2-lg,
  .grid-lg-2-5.order-2-lg {
    order: 2;
  }
  .grid-2.order-3-lg,
  .grid-xs-2.order-3-lg,
  .grid-sm-2.order-3-lg,
  .grid-md-2.order-3-lg,
  .grid-lg-2.order-3-lg,
  .grid-2-5.order-3-lg,
  .grid-xs-2-5.order-3-lg,
  .grid-sm-2-5.order-3-lg,
  .grid-md-2-5.order-3-lg,
  .grid-lg-2-5.order-3-lg {
    order: 3;
  }
}
.grid-3,
.grid-xs-3,
.grid-sm-3,
.grid-md-3,
.grid-lg-3,
.grid-3-5,
.grid-xs-3-5,
.grid-sm-3-5,
.grid-md-3-5,
.grid-lg-3-5 {
  display: block;
}
.grid-3.order-0,
.grid-xs-3.order-0,
.grid-sm-3.order-0,
.grid-md-3.order-0,
.grid-lg-3.order-0,
.grid-3-5.order-0,
.grid-xs-3-5.order-0,
.grid-sm-3-5.order-0,
.grid-md-3-5.order-0,
.grid-lg-3-5.order-0 {
  order: 0;
}
.grid-3.order-1,
.grid-xs-3.order-1,
.grid-sm-3.order-1,
.grid-md-3.order-1,
.grid-lg-3.order-1,
.grid-3-5.order-1,
.grid-xs-3-5.order-1,
.grid-sm-3-5.order-1,
.grid-md-3-5.order-1,
.grid-lg-3-5.order-1 {
  order: 1;
}
.grid-3.order-2,
.grid-xs-3.order-2,
.grid-sm-3.order-2,
.grid-md-3.order-2,
.grid-lg-3.order-2,
.grid-3-5.order-2,
.grid-xs-3-5.order-2,
.grid-sm-3-5.order-2,
.grid-md-3-5.order-2,
.grid-lg-3-5.order-2 {
  order: 2;
}
.grid-3.order-3,
.grid-xs-3.order-3,
.grid-sm-3.order-3,
.grid-md-3.order-3,
.grid-lg-3.order-3,
.grid-3-5.order-3,
.grid-xs-3-5.order-3,
.grid-sm-3-5.order-3,
.grid-md-3-5.order-3,
.grid-lg-3-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-3.order-0-md,
  .grid-xs-3.order-0-md,
  .grid-sm-3.order-0-md,
  .grid-md-3.order-0-md,
  .grid-lg-3.order-0-md,
  .grid-3-5.order-0-md,
  .grid-xs-3-5.order-0-md,
  .grid-sm-3-5.order-0-md,
  .grid-md-3-5.order-0-md,
  .grid-lg-3-5.order-0-md {
    order: 0;
  }
  .grid-3.order-1-md,
  .grid-xs-3.order-1-md,
  .grid-sm-3.order-1-md,
  .grid-md-3.order-1-md,
  .grid-lg-3.order-1-md,
  .grid-3-5.order-1-md,
  .grid-xs-3-5.order-1-md,
  .grid-sm-3-5.order-1-md,
  .grid-md-3-5.order-1-md,
  .grid-lg-3-5.order-1-md {
    order: 1;
  }
  .grid-3.order-2-md,
  .grid-xs-3.order-2-md,
  .grid-sm-3.order-2-md,
  .grid-md-3.order-2-md,
  .grid-lg-3.order-2-md,
  .grid-3-5.order-2-md,
  .grid-xs-3-5.order-2-md,
  .grid-sm-3-5.order-2-md,
  .grid-md-3-5.order-2-md,
  .grid-lg-3-5.order-2-md {
    order: 2;
  }
  .grid-3.order-3-md,
  .grid-xs-3.order-3-md,
  .grid-sm-3.order-3-md,
  .grid-md-3.order-3-md,
  .grid-lg-3.order-3-md,
  .grid-3-5.order-3-md,
  .grid-xs-3-5.order-3-md,
  .grid-sm-3-5.order-3-md,
  .grid-md-3-5.order-3-md,
  .grid-lg-3-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-3.order-0-lg,
  .grid-xs-3.order-0-lg,
  .grid-sm-3.order-0-lg,
  .grid-md-3.order-0-lg,
  .grid-lg-3.order-0-lg,
  .grid-3-5.order-0-lg,
  .grid-xs-3-5.order-0-lg,
  .grid-sm-3-5.order-0-lg,
  .grid-md-3-5.order-0-lg,
  .grid-lg-3-5.order-0-lg {
    order: 0;
  }
  .grid-3.order-1-lg,
  .grid-xs-3.order-1-lg,
  .grid-sm-3.order-1-lg,
  .grid-md-3.order-1-lg,
  .grid-lg-3.order-1-lg,
  .grid-3-5.order-1-lg,
  .grid-xs-3-5.order-1-lg,
  .grid-sm-3-5.order-1-lg,
  .grid-md-3-5.order-1-lg,
  .grid-lg-3-5.order-1-lg {
    order: 1;
  }
  .grid-3.order-2-lg,
  .grid-xs-3.order-2-lg,
  .grid-sm-3.order-2-lg,
  .grid-md-3.order-2-lg,
  .grid-lg-3.order-2-lg,
  .grid-3-5.order-2-lg,
  .grid-xs-3-5.order-2-lg,
  .grid-sm-3-5.order-2-lg,
  .grid-md-3-5.order-2-lg,
  .grid-lg-3-5.order-2-lg {
    order: 2;
  }
  .grid-3.order-3-lg,
  .grid-xs-3.order-3-lg,
  .grid-sm-3.order-3-lg,
  .grid-md-3.order-3-lg,
  .grid-lg-3.order-3-lg,
  .grid-3-5.order-3-lg,
  .grid-xs-3-5.order-3-lg,
  .grid-sm-3-5.order-3-lg,
  .grid-md-3-5.order-3-lg,
  .grid-lg-3-5.order-3-lg {
    order: 3;
  }
}
.grid-4,
.grid-xs-4,
.grid-sm-4,
.grid-md-4,
.grid-lg-4,
.grid-4-5,
.grid-xs-4-5,
.grid-sm-4-5,
.grid-md-4-5,
.grid-lg-4-5 {
  display: block;
}
.grid-4.order-0,
.grid-xs-4.order-0,
.grid-sm-4.order-0,
.grid-md-4.order-0,
.grid-lg-4.order-0,
.grid-4-5.order-0,
.grid-xs-4-5.order-0,
.grid-sm-4-5.order-0,
.grid-md-4-5.order-0,
.grid-lg-4-5.order-0 {
  order: 0;
}
.grid-4.order-1,
.grid-xs-4.order-1,
.grid-sm-4.order-1,
.grid-md-4.order-1,
.grid-lg-4.order-1,
.grid-4-5.order-1,
.grid-xs-4-5.order-1,
.grid-sm-4-5.order-1,
.grid-md-4-5.order-1,
.grid-lg-4-5.order-1 {
  order: 1;
}
.grid-4.order-2,
.grid-xs-4.order-2,
.grid-sm-4.order-2,
.grid-md-4.order-2,
.grid-lg-4.order-2,
.grid-4-5.order-2,
.grid-xs-4-5.order-2,
.grid-sm-4-5.order-2,
.grid-md-4-5.order-2,
.grid-lg-4-5.order-2 {
  order: 2;
}
.grid-4.order-3,
.grid-xs-4.order-3,
.grid-sm-4.order-3,
.grid-md-4.order-3,
.grid-lg-4.order-3,
.grid-4-5.order-3,
.grid-xs-4-5.order-3,
.grid-sm-4-5.order-3,
.grid-md-4-5.order-3,
.grid-lg-4-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-4.order-0-md,
  .grid-xs-4.order-0-md,
  .grid-sm-4.order-0-md,
  .grid-md-4.order-0-md,
  .grid-lg-4.order-0-md,
  .grid-4-5.order-0-md,
  .grid-xs-4-5.order-0-md,
  .grid-sm-4-5.order-0-md,
  .grid-md-4-5.order-0-md,
  .grid-lg-4-5.order-0-md {
    order: 0;
  }
  .grid-4.order-1-md,
  .grid-xs-4.order-1-md,
  .grid-sm-4.order-1-md,
  .grid-md-4.order-1-md,
  .grid-lg-4.order-1-md,
  .grid-4-5.order-1-md,
  .grid-xs-4-5.order-1-md,
  .grid-sm-4-5.order-1-md,
  .grid-md-4-5.order-1-md,
  .grid-lg-4-5.order-1-md {
    order: 1;
  }
  .grid-4.order-2-md,
  .grid-xs-4.order-2-md,
  .grid-sm-4.order-2-md,
  .grid-md-4.order-2-md,
  .grid-lg-4.order-2-md,
  .grid-4-5.order-2-md,
  .grid-xs-4-5.order-2-md,
  .grid-sm-4-5.order-2-md,
  .grid-md-4-5.order-2-md,
  .grid-lg-4-5.order-2-md {
    order: 2;
  }
  .grid-4.order-3-md,
  .grid-xs-4.order-3-md,
  .grid-sm-4.order-3-md,
  .grid-md-4.order-3-md,
  .grid-lg-4.order-3-md,
  .grid-4-5.order-3-md,
  .grid-xs-4-5.order-3-md,
  .grid-sm-4-5.order-3-md,
  .grid-md-4-5.order-3-md,
  .grid-lg-4-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-4.order-0-lg,
  .grid-xs-4.order-0-lg,
  .grid-sm-4.order-0-lg,
  .grid-md-4.order-0-lg,
  .grid-lg-4.order-0-lg,
  .grid-4-5.order-0-lg,
  .grid-xs-4-5.order-0-lg,
  .grid-sm-4-5.order-0-lg,
  .grid-md-4-5.order-0-lg,
  .grid-lg-4-5.order-0-lg {
    order: 0;
  }
  .grid-4.order-1-lg,
  .grid-xs-4.order-1-lg,
  .grid-sm-4.order-1-lg,
  .grid-md-4.order-1-lg,
  .grid-lg-4.order-1-lg,
  .grid-4-5.order-1-lg,
  .grid-xs-4-5.order-1-lg,
  .grid-sm-4-5.order-1-lg,
  .grid-md-4-5.order-1-lg,
  .grid-lg-4-5.order-1-lg {
    order: 1;
  }
  .grid-4.order-2-lg,
  .grid-xs-4.order-2-lg,
  .grid-sm-4.order-2-lg,
  .grid-md-4.order-2-lg,
  .grid-lg-4.order-2-lg,
  .grid-4-5.order-2-lg,
  .grid-xs-4-5.order-2-lg,
  .grid-sm-4-5.order-2-lg,
  .grid-md-4-5.order-2-lg,
  .grid-lg-4-5.order-2-lg {
    order: 2;
  }
  .grid-4.order-3-lg,
  .grid-xs-4.order-3-lg,
  .grid-sm-4.order-3-lg,
  .grid-md-4.order-3-lg,
  .grid-lg-4.order-3-lg,
  .grid-4-5.order-3-lg,
  .grid-xs-4-5.order-3-lg,
  .grid-sm-4-5.order-3-lg,
  .grid-md-4-5.order-3-lg,
  .grid-lg-4-5.order-3-lg {
    order: 3;
  }
}
.grid-5,
.grid-xs-5,
.grid-sm-5,
.grid-md-5,
.grid-lg-5,
.grid-5-5,
.grid-xs-5-5,
.grid-sm-5-5,
.grid-md-5-5,
.grid-lg-5-5 {
  display: block;
}
.grid-5.order-0,
.grid-xs-5.order-0,
.grid-sm-5.order-0,
.grid-md-5.order-0,
.grid-lg-5.order-0,
.grid-5-5.order-0,
.grid-xs-5-5.order-0,
.grid-sm-5-5.order-0,
.grid-md-5-5.order-0,
.grid-lg-5-5.order-0 {
  order: 0;
}
.grid-5.order-1,
.grid-xs-5.order-1,
.grid-sm-5.order-1,
.grid-md-5.order-1,
.grid-lg-5.order-1,
.grid-5-5.order-1,
.grid-xs-5-5.order-1,
.grid-sm-5-5.order-1,
.grid-md-5-5.order-1,
.grid-lg-5-5.order-1 {
  order: 1;
}
.grid-5.order-2,
.grid-xs-5.order-2,
.grid-sm-5.order-2,
.grid-md-5.order-2,
.grid-lg-5.order-2,
.grid-5-5.order-2,
.grid-xs-5-5.order-2,
.grid-sm-5-5.order-2,
.grid-md-5-5.order-2,
.grid-lg-5-5.order-2 {
  order: 2;
}
.grid-5.order-3,
.grid-xs-5.order-3,
.grid-sm-5.order-3,
.grid-md-5.order-3,
.grid-lg-5.order-3,
.grid-5-5.order-3,
.grid-xs-5-5.order-3,
.grid-sm-5-5.order-3,
.grid-md-5-5.order-3,
.grid-lg-5-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-5.order-0-md,
  .grid-xs-5.order-0-md,
  .grid-sm-5.order-0-md,
  .grid-md-5.order-0-md,
  .grid-lg-5.order-0-md,
  .grid-5-5.order-0-md,
  .grid-xs-5-5.order-0-md,
  .grid-sm-5-5.order-0-md,
  .grid-md-5-5.order-0-md,
  .grid-lg-5-5.order-0-md {
    order: 0;
  }
  .grid-5.order-1-md,
  .grid-xs-5.order-1-md,
  .grid-sm-5.order-1-md,
  .grid-md-5.order-1-md,
  .grid-lg-5.order-1-md,
  .grid-5-5.order-1-md,
  .grid-xs-5-5.order-1-md,
  .grid-sm-5-5.order-1-md,
  .grid-md-5-5.order-1-md,
  .grid-lg-5-5.order-1-md {
    order: 1;
  }
  .grid-5.order-2-md,
  .grid-xs-5.order-2-md,
  .grid-sm-5.order-2-md,
  .grid-md-5.order-2-md,
  .grid-lg-5.order-2-md,
  .grid-5-5.order-2-md,
  .grid-xs-5-5.order-2-md,
  .grid-sm-5-5.order-2-md,
  .grid-md-5-5.order-2-md,
  .grid-lg-5-5.order-2-md {
    order: 2;
  }
  .grid-5.order-3-md,
  .grid-xs-5.order-3-md,
  .grid-sm-5.order-3-md,
  .grid-md-5.order-3-md,
  .grid-lg-5.order-3-md,
  .grid-5-5.order-3-md,
  .grid-xs-5-5.order-3-md,
  .grid-sm-5-5.order-3-md,
  .grid-md-5-5.order-3-md,
  .grid-lg-5-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-5.order-0-lg,
  .grid-xs-5.order-0-lg,
  .grid-sm-5.order-0-lg,
  .grid-md-5.order-0-lg,
  .grid-lg-5.order-0-lg,
  .grid-5-5.order-0-lg,
  .grid-xs-5-5.order-0-lg,
  .grid-sm-5-5.order-0-lg,
  .grid-md-5-5.order-0-lg,
  .grid-lg-5-5.order-0-lg {
    order: 0;
  }
  .grid-5.order-1-lg,
  .grid-xs-5.order-1-lg,
  .grid-sm-5.order-1-lg,
  .grid-md-5.order-1-lg,
  .grid-lg-5.order-1-lg,
  .grid-5-5.order-1-lg,
  .grid-xs-5-5.order-1-lg,
  .grid-sm-5-5.order-1-lg,
  .grid-md-5-5.order-1-lg,
  .grid-lg-5-5.order-1-lg {
    order: 1;
  }
  .grid-5.order-2-lg,
  .grid-xs-5.order-2-lg,
  .grid-sm-5.order-2-lg,
  .grid-md-5.order-2-lg,
  .grid-lg-5.order-2-lg,
  .grid-5-5.order-2-lg,
  .grid-xs-5-5.order-2-lg,
  .grid-sm-5-5.order-2-lg,
  .grid-md-5-5.order-2-lg,
  .grid-lg-5-5.order-2-lg {
    order: 2;
  }
  .grid-5.order-3-lg,
  .grid-xs-5.order-3-lg,
  .grid-sm-5.order-3-lg,
  .grid-md-5.order-3-lg,
  .grid-lg-5.order-3-lg,
  .grid-5-5.order-3-lg,
  .grid-xs-5-5.order-3-lg,
  .grid-sm-5-5.order-3-lg,
  .grid-md-5-5.order-3-lg,
  .grid-lg-5-5.order-3-lg {
    order: 3;
  }
}
.grid-6,
.grid-xs-6,
.grid-sm-6,
.grid-md-6,
.grid-lg-6,
.grid-6-5,
.grid-xs-6-5,
.grid-sm-6-5,
.grid-md-6-5,
.grid-lg-6-5 {
  display: block;
}
.grid-6.order-0,
.grid-xs-6.order-0,
.grid-sm-6.order-0,
.grid-md-6.order-0,
.grid-lg-6.order-0,
.grid-6-5.order-0,
.grid-xs-6-5.order-0,
.grid-sm-6-5.order-0,
.grid-md-6-5.order-0,
.grid-lg-6-5.order-0 {
  order: 0;
}
.grid-6.order-1,
.grid-xs-6.order-1,
.grid-sm-6.order-1,
.grid-md-6.order-1,
.grid-lg-6.order-1,
.grid-6-5.order-1,
.grid-xs-6-5.order-1,
.grid-sm-6-5.order-1,
.grid-md-6-5.order-1,
.grid-lg-6-5.order-1 {
  order: 1;
}
.grid-6.order-2,
.grid-xs-6.order-2,
.grid-sm-6.order-2,
.grid-md-6.order-2,
.grid-lg-6.order-2,
.grid-6-5.order-2,
.grid-xs-6-5.order-2,
.grid-sm-6-5.order-2,
.grid-md-6-5.order-2,
.grid-lg-6-5.order-2 {
  order: 2;
}
.grid-6.order-3,
.grid-xs-6.order-3,
.grid-sm-6.order-3,
.grid-md-6.order-3,
.grid-lg-6.order-3,
.grid-6-5.order-3,
.grid-xs-6-5.order-3,
.grid-sm-6-5.order-3,
.grid-md-6-5.order-3,
.grid-lg-6-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-6.order-0-md,
  .grid-xs-6.order-0-md,
  .grid-sm-6.order-0-md,
  .grid-md-6.order-0-md,
  .grid-lg-6.order-0-md,
  .grid-6-5.order-0-md,
  .grid-xs-6-5.order-0-md,
  .grid-sm-6-5.order-0-md,
  .grid-md-6-5.order-0-md,
  .grid-lg-6-5.order-0-md {
    order: 0;
  }
  .grid-6.order-1-md,
  .grid-xs-6.order-1-md,
  .grid-sm-6.order-1-md,
  .grid-md-6.order-1-md,
  .grid-lg-6.order-1-md,
  .grid-6-5.order-1-md,
  .grid-xs-6-5.order-1-md,
  .grid-sm-6-5.order-1-md,
  .grid-md-6-5.order-1-md,
  .grid-lg-6-5.order-1-md {
    order: 1;
  }
  .grid-6.order-2-md,
  .grid-xs-6.order-2-md,
  .grid-sm-6.order-2-md,
  .grid-md-6.order-2-md,
  .grid-lg-6.order-2-md,
  .grid-6-5.order-2-md,
  .grid-xs-6-5.order-2-md,
  .grid-sm-6-5.order-2-md,
  .grid-md-6-5.order-2-md,
  .grid-lg-6-5.order-2-md {
    order: 2;
  }
  .grid-6.order-3-md,
  .grid-xs-6.order-3-md,
  .grid-sm-6.order-3-md,
  .grid-md-6.order-3-md,
  .grid-lg-6.order-3-md,
  .grid-6-5.order-3-md,
  .grid-xs-6-5.order-3-md,
  .grid-sm-6-5.order-3-md,
  .grid-md-6-5.order-3-md,
  .grid-lg-6-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-6.order-0-lg,
  .grid-xs-6.order-0-lg,
  .grid-sm-6.order-0-lg,
  .grid-md-6.order-0-lg,
  .grid-lg-6.order-0-lg,
  .grid-6-5.order-0-lg,
  .grid-xs-6-5.order-0-lg,
  .grid-sm-6-5.order-0-lg,
  .grid-md-6-5.order-0-lg,
  .grid-lg-6-5.order-0-lg {
    order: 0;
  }
  .grid-6.order-1-lg,
  .grid-xs-6.order-1-lg,
  .grid-sm-6.order-1-lg,
  .grid-md-6.order-1-lg,
  .grid-lg-6.order-1-lg,
  .grid-6-5.order-1-lg,
  .grid-xs-6-5.order-1-lg,
  .grid-sm-6-5.order-1-lg,
  .grid-md-6-5.order-1-lg,
  .grid-lg-6-5.order-1-lg {
    order: 1;
  }
  .grid-6.order-2-lg,
  .grid-xs-6.order-2-lg,
  .grid-sm-6.order-2-lg,
  .grid-md-6.order-2-lg,
  .grid-lg-6.order-2-lg,
  .grid-6-5.order-2-lg,
  .grid-xs-6-5.order-2-lg,
  .grid-sm-6-5.order-2-lg,
  .grid-md-6-5.order-2-lg,
  .grid-lg-6-5.order-2-lg {
    order: 2;
  }
  .grid-6.order-3-lg,
  .grid-xs-6.order-3-lg,
  .grid-sm-6.order-3-lg,
  .grid-md-6.order-3-lg,
  .grid-lg-6.order-3-lg,
  .grid-6-5.order-3-lg,
  .grid-xs-6-5.order-3-lg,
  .grid-sm-6-5.order-3-lg,
  .grid-md-6-5.order-3-lg,
  .grid-lg-6-5.order-3-lg {
    order: 3;
  }
}
.grid-7,
.grid-xs-7,
.grid-sm-7,
.grid-md-7,
.grid-lg-7,
.grid-7-5,
.grid-xs-7-5,
.grid-sm-7-5,
.grid-md-7-5,
.grid-lg-7-5 {
  display: block;
}
.grid-7.order-0,
.grid-xs-7.order-0,
.grid-sm-7.order-0,
.grid-md-7.order-0,
.grid-lg-7.order-0,
.grid-7-5.order-0,
.grid-xs-7-5.order-0,
.grid-sm-7-5.order-0,
.grid-md-7-5.order-0,
.grid-lg-7-5.order-0 {
  order: 0;
}
.grid-7.order-1,
.grid-xs-7.order-1,
.grid-sm-7.order-1,
.grid-md-7.order-1,
.grid-lg-7.order-1,
.grid-7-5.order-1,
.grid-xs-7-5.order-1,
.grid-sm-7-5.order-1,
.grid-md-7-5.order-1,
.grid-lg-7-5.order-1 {
  order: 1;
}
.grid-7.order-2,
.grid-xs-7.order-2,
.grid-sm-7.order-2,
.grid-md-7.order-2,
.grid-lg-7.order-2,
.grid-7-5.order-2,
.grid-xs-7-5.order-2,
.grid-sm-7-5.order-2,
.grid-md-7-5.order-2,
.grid-lg-7-5.order-2 {
  order: 2;
}
.grid-7.order-3,
.grid-xs-7.order-3,
.grid-sm-7.order-3,
.grid-md-7.order-3,
.grid-lg-7.order-3,
.grid-7-5.order-3,
.grid-xs-7-5.order-3,
.grid-sm-7-5.order-3,
.grid-md-7-5.order-3,
.grid-lg-7-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-7.order-0-md,
  .grid-xs-7.order-0-md,
  .grid-sm-7.order-0-md,
  .grid-md-7.order-0-md,
  .grid-lg-7.order-0-md,
  .grid-7-5.order-0-md,
  .grid-xs-7-5.order-0-md,
  .grid-sm-7-5.order-0-md,
  .grid-md-7-5.order-0-md,
  .grid-lg-7-5.order-0-md {
    order: 0;
  }
  .grid-7.order-1-md,
  .grid-xs-7.order-1-md,
  .grid-sm-7.order-1-md,
  .grid-md-7.order-1-md,
  .grid-lg-7.order-1-md,
  .grid-7-5.order-1-md,
  .grid-xs-7-5.order-1-md,
  .grid-sm-7-5.order-1-md,
  .grid-md-7-5.order-1-md,
  .grid-lg-7-5.order-1-md {
    order: 1;
  }
  .grid-7.order-2-md,
  .grid-xs-7.order-2-md,
  .grid-sm-7.order-2-md,
  .grid-md-7.order-2-md,
  .grid-lg-7.order-2-md,
  .grid-7-5.order-2-md,
  .grid-xs-7-5.order-2-md,
  .grid-sm-7-5.order-2-md,
  .grid-md-7-5.order-2-md,
  .grid-lg-7-5.order-2-md {
    order: 2;
  }
  .grid-7.order-3-md,
  .grid-xs-7.order-3-md,
  .grid-sm-7.order-3-md,
  .grid-md-7.order-3-md,
  .grid-lg-7.order-3-md,
  .grid-7-5.order-3-md,
  .grid-xs-7-5.order-3-md,
  .grid-sm-7-5.order-3-md,
  .grid-md-7-5.order-3-md,
  .grid-lg-7-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-7.order-0-lg,
  .grid-xs-7.order-0-lg,
  .grid-sm-7.order-0-lg,
  .grid-md-7.order-0-lg,
  .grid-lg-7.order-0-lg,
  .grid-7-5.order-0-lg,
  .grid-xs-7-5.order-0-lg,
  .grid-sm-7-5.order-0-lg,
  .grid-md-7-5.order-0-lg,
  .grid-lg-7-5.order-0-lg {
    order: 0;
  }
  .grid-7.order-1-lg,
  .grid-xs-7.order-1-lg,
  .grid-sm-7.order-1-lg,
  .grid-md-7.order-1-lg,
  .grid-lg-7.order-1-lg,
  .grid-7-5.order-1-lg,
  .grid-xs-7-5.order-1-lg,
  .grid-sm-7-5.order-1-lg,
  .grid-md-7-5.order-1-lg,
  .grid-lg-7-5.order-1-lg {
    order: 1;
  }
  .grid-7.order-2-lg,
  .grid-xs-7.order-2-lg,
  .grid-sm-7.order-2-lg,
  .grid-md-7.order-2-lg,
  .grid-lg-7.order-2-lg,
  .grid-7-5.order-2-lg,
  .grid-xs-7-5.order-2-lg,
  .grid-sm-7-5.order-2-lg,
  .grid-md-7-5.order-2-lg,
  .grid-lg-7-5.order-2-lg {
    order: 2;
  }
  .grid-7.order-3-lg,
  .grid-xs-7.order-3-lg,
  .grid-sm-7.order-3-lg,
  .grid-md-7.order-3-lg,
  .grid-lg-7.order-3-lg,
  .grid-7-5.order-3-lg,
  .grid-xs-7-5.order-3-lg,
  .grid-sm-7-5.order-3-lg,
  .grid-md-7-5.order-3-lg,
  .grid-lg-7-5.order-3-lg {
    order: 3;
  }
}
.grid-8,
.grid-xs-8,
.grid-sm-8,
.grid-md-8,
.grid-lg-8,
.grid-8-5,
.grid-xs-8-5,
.grid-sm-8-5,
.grid-md-8-5,
.grid-lg-8-5 {
  display: block;
}
.grid-8.order-0,
.grid-xs-8.order-0,
.grid-sm-8.order-0,
.grid-md-8.order-0,
.grid-lg-8.order-0,
.grid-8-5.order-0,
.grid-xs-8-5.order-0,
.grid-sm-8-5.order-0,
.grid-md-8-5.order-0,
.grid-lg-8-5.order-0 {
  order: 0;
}
.grid-8.order-1,
.grid-xs-8.order-1,
.grid-sm-8.order-1,
.grid-md-8.order-1,
.grid-lg-8.order-1,
.grid-8-5.order-1,
.grid-xs-8-5.order-1,
.grid-sm-8-5.order-1,
.grid-md-8-5.order-1,
.grid-lg-8-5.order-1 {
  order: 1;
}
.grid-8.order-2,
.grid-xs-8.order-2,
.grid-sm-8.order-2,
.grid-md-8.order-2,
.grid-lg-8.order-2,
.grid-8-5.order-2,
.grid-xs-8-5.order-2,
.grid-sm-8-5.order-2,
.grid-md-8-5.order-2,
.grid-lg-8-5.order-2 {
  order: 2;
}
.grid-8.order-3,
.grid-xs-8.order-3,
.grid-sm-8.order-3,
.grid-md-8.order-3,
.grid-lg-8.order-3,
.grid-8-5.order-3,
.grid-xs-8-5.order-3,
.grid-sm-8-5.order-3,
.grid-md-8-5.order-3,
.grid-lg-8-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-8.order-0-md,
  .grid-xs-8.order-0-md,
  .grid-sm-8.order-0-md,
  .grid-md-8.order-0-md,
  .grid-lg-8.order-0-md,
  .grid-8-5.order-0-md,
  .grid-xs-8-5.order-0-md,
  .grid-sm-8-5.order-0-md,
  .grid-md-8-5.order-0-md,
  .grid-lg-8-5.order-0-md {
    order: 0;
  }
  .grid-8.order-1-md,
  .grid-xs-8.order-1-md,
  .grid-sm-8.order-1-md,
  .grid-md-8.order-1-md,
  .grid-lg-8.order-1-md,
  .grid-8-5.order-1-md,
  .grid-xs-8-5.order-1-md,
  .grid-sm-8-5.order-1-md,
  .grid-md-8-5.order-1-md,
  .grid-lg-8-5.order-1-md {
    order: 1;
  }
  .grid-8.order-2-md,
  .grid-xs-8.order-2-md,
  .grid-sm-8.order-2-md,
  .grid-md-8.order-2-md,
  .grid-lg-8.order-2-md,
  .grid-8-5.order-2-md,
  .grid-xs-8-5.order-2-md,
  .grid-sm-8-5.order-2-md,
  .grid-md-8-5.order-2-md,
  .grid-lg-8-5.order-2-md {
    order: 2;
  }
  .grid-8.order-3-md,
  .grid-xs-8.order-3-md,
  .grid-sm-8.order-3-md,
  .grid-md-8.order-3-md,
  .grid-lg-8.order-3-md,
  .grid-8-5.order-3-md,
  .grid-xs-8-5.order-3-md,
  .grid-sm-8-5.order-3-md,
  .grid-md-8-5.order-3-md,
  .grid-lg-8-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-8.order-0-lg,
  .grid-xs-8.order-0-lg,
  .grid-sm-8.order-0-lg,
  .grid-md-8.order-0-lg,
  .grid-lg-8.order-0-lg,
  .grid-8-5.order-0-lg,
  .grid-xs-8-5.order-0-lg,
  .grid-sm-8-5.order-0-lg,
  .grid-md-8-5.order-0-lg,
  .grid-lg-8-5.order-0-lg {
    order: 0;
  }
  .grid-8.order-1-lg,
  .grid-xs-8.order-1-lg,
  .grid-sm-8.order-1-lg,
  .grid-md-8.order-1-lg,
  .grid-lg-8.order-1-lg,
  .grid-8-5.order-1-lg,
  .grid-xs-8-5.order-1-lg,
  .grid-sm-8-5.order-1-lg,
  .grid-md-8-5.order-1-lg,
  .grid-lg-8-5.order-1-lg {
    order: 1;
  }
  .grid-8.order-2-lg,
  .grid-xs-8.order-2-lg,
  .grid-sm-8.order-2-lg,
  .grid-md-8.order-2-lg,
  .grid-lg-8.order-2-lg,
  .grid-8-5.order-2-lg,
  .grid-xs-8-5.order-2-lg,
  .grid-sm-8-5.order-2-lg,
  .grid-md-8-5.order-2-lg,
  .grid-lg-8-5.order-2-lg {
    order: 2;
  }
  .grid-8.order-3-lg,
  .grid-xs-8.order-3-lg,
  .grid-sm-8.order-3-lg,
  .grid-md-8.order-3-lg,
  .grid-lg-8.order-3-lg,
  .grid-8-5.order-3-lg,
  .grid-xs-8-5.order-3-lg,
  .grid-sm-8-5.order-3-lg,
  .grid-md-8-5.order-3-lg,
  .grid-lg-8-5.order-3-lg {
    order: 3;
  }
}
.grid-9,
.grid-xs-9,
.grid-sm-9,
.grid-md-9,
.grid-lg-9,
.grid-9-5,
.grid-xs-9-5,
.grid-sm-9-5,
.grid-md-9-5,
.grid-lg-9-5 {
  display: block;
}
.grid-9.order-0,
.grid-xs-9.order-0,
.grid-sm-9.order-0,
.grid-md-9.order-0,
.grid-lg-9.order-0,
.grid-9-5.order-0,
.grid-xs-9-5.order-0,
.grid-sm-9-5.order-0,
.grid-md-9-5.order-0,
.grid-lg-9-5.order-0 {
  order: 0;
}
.grid-9.order-1,
.grid-xs-9.order-1,
.grid-sm-9.order-1,
.grid-md-9.order-1,
.grid-lg-9.order-1,
.grid-9-5.order-1,
.grid-xs-9-5.order-1,
.grid-sm-9-5.order-1,
.grid-md-9-5.order-1,
.grid-lg-9-5.order-1 {
  order: 1;
}
.grid-9.order-2,
.grid-xs-9.order-2,
.grid-sm-9.order-2,
.grid-md-9.order-2,
.grid-lg-9.order-2,
.grid-9-5.order-2,
.grid-xs-9-5.order-2,
.grid-sm-9-5.order-2,
.grid-md-9-5.order-2,
.grid-lg-9-5.order-2 {
  order: 2;
}
.grid-9.order-3,
.grid-xs-9.order-3,
.grid-sm-9.order-3,
.grid-md-9.order-3,
.grid-lg-9.order-3,
.grid-9-5.order-3,
.grid-xs-9-5.order-3,
.grid-sm-9-5.order-3,
.grid-md-9-5.order-3,
.grid-lg-9-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-9.order-0-md,
  .grid-xs-9.order-0-md,
  .grid-sm-9.order-0-md,
  .grid-md-9.order-0-md,
  .grid-lg-9.order-0-md,
  .grid-9-5.order-0-md,
  .grid-xs-9-5.order-0-md,
  .grid-sm-9-5.order-0-md,
  .grid-md-9-5.order-0-md,
  .grid-lg-9-5.order-0-md {
    order: 0;
  }
  .grid-9.order-1-md,
  .grid-xs-9.order-1-md,
  .grid-sm-9.order-1-md,
  .grid-md-9.order-1-md,
  .grid-lg-9.order-1-md,
  .grid-9-5.order-1-md,
  .grid-xs-9-5.order-1-md,
  .grid-sm-9-5.order-1-md,
  .grid-md-9-5.order-1-md,
  .grid-lg-9-5.order-1-md {
    order: 1;
  }
  .grid-9.order-2-md,
  .grid-xs-9.order-2-md,
  .grid-sm-9.order-2-md,
  .grid-md-9.order-2-md,
  .grid-lg-9.order-2-md,
  .grid-9-5.order-2-md,
  .grid-xs-9-5.order-2-md,
  .grid-sm-9-5.order-2-md,
  .grid-md-9-5.order-2-md,
  .grid-lg-9-5.order-2-md {
    order: 2;
  }
  .grid-9.order-3-md,
  .grid-xs-9.order-3-md,
  .grid-sm-9.order-3-md,
  .grid-md-9.order-3-md,
  .grid-lg-9.order-3-md,
  .grid-9-5.order-3-md,
  .grid-xs-9-5.order-3-md,
  .grid-sm-9-5.order-3-md,
  .grid-md-9-5.order-3-md,
  .grid-lg-9-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-9.order-0-lg,
  .grid-xs-9.order-0-lg,
  .grid-sm-9.order-0-lg,
  .grid-md-9.order-0-lg,
  .grid-lg-9.order-0-lg,
  .grid-9-5.order-0-lg,
  .grid-xs-9-5.order-0-lg,
  .grid-sm-9-5.order-0-lg,
  .grid-md-9-5.order-0-lg,
  .grid-lg-9-5.order-0-lg {
    order: 0;
  }
  .grid-9.order-1-lg,
  .grid-xs-9.order-1-lg,
  .grid-sm-9.order-1-lg,
  .grid-md-9.order-1-lg,
  .grid-lg-9.order-1-lg,
  .grid-9-5.order-1-lg,
  .grid-xs-9-5.order-1-lg,
  .grid-sm-9-5.order-1-lg,
  .grid-md-9-5.order-1-lg,
  .grid-lg-9-5.order-1-lg {
    order: 1;
  }
  .grid-9.order-2-lg,
  .grid-xs-9.order-2-lg,
  .grid-sm-9.order-2-lg,
  .grid-md-9.order-2-lg,
  .grid-lg-9.order-2-lg,
  .grid-9-5.order-2-lg,
  .grid-xs-9-5.order-2-lg,
  .grid-sm-9-5.order-2-lg,
  .grid-md-9-5.order-2-lg,
  .grid-lg-9-5.order-2-lg {
    order: 2;
  }
  .grid-9.order-3-lg,
  .grid-xs-9.order-3-lg,
  .grid-sm-9.order-3-lg,
  .grid-md-9.order-3-lg,
  .grid-lg-9.order-3-lg,
  .grid-9-5.order-3-lg,
  .grid-xs-9-5.order-3-lg,
  .grid-sm-9-5.order-3-lg,
  .grid-md-9-5.order-3-lg,
  .grid-lg-9-5.order-3-lg {
    order: 3;
  }
}
.grid-10,
.grid-xs-10,
.grid-sm-10,
.grid-md-10,
.grid-lg-10,
.grid-10-5,
.grid-xs-10-5,
.grid-sm-10-5,
.grid-md-10-5,
.grid-lg-10-5 {
  display: block;
}
.grid-10.order-0,
.grid-xs-10.order-0,
.grid-sm-10.order-0,
.grid-md-10.order-0,
.grid-lg-10.order-0,
.grid-10-5.order-0,
.grid-xs-10-5.order-0,
.grid-sm-10-5.order-0,
.grid-md-10-5.order-0,
.grid-lg-10-5.order-0 {
  order: 0;
}
.grid-10.order-1,
.grid-xs-10.order-1,
.grid-sm-10.order-1,
.grid-md-10.order-1,
.grid-lg-10.order-1,
.grid-10-5.order-1,
.grid-xs-10-5.order-1,
.grid-sm-10-5.order-1,
.grid-md-10-5.order-1,
.grid-lg-10-5.order-1 {
  order: 1;
}
.grid-10.order-2,
.grid-xs-10.order-2,
.grid-sm-10.order-2,
.grid-md-10.order-2,
.grid-lg-10.order-2,
.grid-10-5.order-2,
.grid-xs-10-5.order-2,
.grid-sm-10-5.order-2,
.grid-md-10-5.order-2,
.grid-lg-10-5.order-2 {
  order: 2;
}
.grid-10.order-3,
.grid-xs-10.order-3,
.grid-sm-10.order-3,
.grid-md-10.order-3,
.grid-lg-10.order-3,
.grid-10-5.order-3,
.grid-xs-10-5.order-3,
.grid-sm-10-5.order-3,
.grid-md-10-5.order-3,
.grid-lg-10-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-10.order-0-md,
  .grid-xs-10.order-0-md,
  .grid-sm-10.order-0-md,
  .grid-md-10.order-0-md,
  .grid-lg-10.order-0-md,
  .grid-10-5.order-0-md,
  .grid-xs-10-5.order-0-md,
  .grid-sm-10-5.order-0-md,
  .grid-md-10-5.order-0-md,
  .grid-lg-10-5.order-0-md {
    order: 0;
  }
  .grid-10.order-1-md,
  .grid-xs-10.order-1-md,
  .grid-sm-10.order-1-md,
  .grid-md-10.order-1-md,
  .grid-lg-10.order-1-md,
  .grid-10-5.order-1-md,
  .grid-xs-10-5.order-1-md,
  .grid-sm-10-5.order-1-md,
  .grid-md-10-5.order-1-md,
  .grid-lg-10-5.order-1-md {
    order: 1;
  }
  .grid-10.order-2-md,
  .grid-xs-10.order-2-md,
  .grid-sm-10.order-2-md,
  .grid-md-10.order-2-md,
  .grid-lg-10.order-2-md,
  .grid-10-5.order-2-md,
  .grid-xs-10-5.order-2-md,
  .grid-sm-10-5.order-2-md,
  .grid-md-10-5.order-2-md,
  .grid-lg-10-5.order-2-md {
    order: 2;
  }
  .grid-10.order-3-md,
  .grid-xs-10.order-3-md,
  .grid-sm-10.order-3-md,
  .grid-md-10.order-3-md,
  .grid-lg-10.order-3-md,
  .grid-10-5.order-3-md,
  .grid-xs-10-5.order-3-md,
  .grid-sm-10-5.order-3-md,
  .grid-md-10-5.order-3-md,
  .grid-lg-10-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-10.order-0-lg,
  .grid-xs-10.order-0-lg,
  .grid-sm-10.order-0-lg,
  .grid-md-10.order-0-lg,
  .grid-lg-10.order-0-lg,
  .grid-10-5.order-0-lg,
  .grid-xs-10-5.order-0-lg,
  .grid-sm-10-5.order-0-lg,
  .grid-md-10-5.order-0-lg,
  .grid-lg-10-5.order-0-lg {
    order: 0;
  }
  .grid-10.order-1-lg,
  .grid-xs-10.order-1-lg,
  .grid-sm-10.order-1-lg,
  .grid-md-10.order-1-lg,
  .grid-lg-10.order-1-lg,
  .grid-10-5.order-1-lg,
  .grid-xs-10-5.order-1-lg,
  .grid-sm-10-5.order-1-lg,
  .grid-md-10-5.order-1-lg,
  .grid-lg-10-5.order-1-lg {
    order: 1;
  }
  .grid-10.order-2-lg,
  .grid-xs-10.order-2-lg,
  .grid-sm-10.order-2-lg,
  .grid-md-10.order-2-lg,
  .grid-lg-10.order-2-lg,
  .grid-10-5.order-2-lg,
  .grid-xs-10-5.order-2-lg,
  .grid-sm-10-5.order-2-lg,
  .grid-md-10-5.order-2-lg,
  .grid-lg-10-5.order-2-lg {
    order: 2;
  }
  .grid-10.order-3-lg,
  .grid-xs-10.order-3-lg,
  .grid-sm-10.order-3-lg,
  .grid-md-10.order-3-lg,
  .grid-lg-10.order-3-lg,
  .grid-10-5.order-3-lg,
  .grid-xs-10-5.order-3-lg,
  .grid-sm-10-5.order-3-lg,
  .grid-md-10-5.order-3-lg,
  .grid-lg-10-5.order-3-lg {
    order: 3;
  }
}
.grid-11,
.grid-xs-11,
.grid-sm-11,
.grid-md-11,
.grid-lg-11,
.grid-11-5,
.grid-xs-11-5,
.grid-sm-11-5,
.grid-md-11-5,
.grid-lg-11-5 {
  display: block;
}
.grid-11.order-0,
.grid-xs-11.order-0,
.grid-sm-11.order-0,
.grid-md-11.order-0,
.grid-lg-11.order-0,
.grid-11-5.order-0,
.grid-xs-11-5.order-0,
.grid-sm-11-5.order-0,
.grid-md-11-5.order-0,
.grid-lg-11-5.order-0 {
  order: 0;
}
.grid-11.order-1,
.grid-xs-11.order-1,
.grid-sm-11.order-1,
.grid-md-11.order-1,
.grid-lg-11.order-1,
.grid-11-5.order-1,
.grid-xs-11-5.order-1,
.grid-sm-11-5.order-1,
.grid-md-11-5.order-1,
.grid-lg-11-5.order-1 {
  order: 1;
}
.grid-11.order-2,
.grid-xs-11.order-2,
.grid-sm-11.order-2,
.grid-md-11.order-2,
.grid-lg-11.order-2,
.grid-11-5.order-2,
.grid-xs-11-5.order-2,
.grid-sm-11-5.order-2,
.grid-md-11-5.order-2,
.grid-lg-11-5.order-2 {
  order: 2;
}
.grid-11.order-3,
.grid-xs-11.order-3,
.grid-sm-11.order-3,
.grid-md-11.order-3,
.grid-lg-11.order-3,
.grid-11-5.order-3,
.grid-xs-11-5.order-3,
.grid-sm-11-5.order-3,
.grid-md-11-5.order-3,
.grid-lg-11-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-11.order-0-md,
  .grid-xs-11.order-0-md,
  .grid-sm-11.order-0-md,
  .grid-md-11.order-0-md,
  .grid-lg-11.order-0-md,
  .grid-11-5.order-0-md,
  .grid-xs-11-5.order-0-md,
  .grid-sm-11-5.order-0-md,
  .grid-md-11-5.order-0-md,
  .grid-lg-11-5.order-0-md {
    order: 0;
  }
  .grid-11.order-1-md,
  .grid-xs-11.order-1-md,
  .grid-sm-11.order-1-md,
  .grid-md-11.order-1-md,
  .grid-lg-11.order-1-md,
  .grid-11-5.order-1-md,
  .grid-xs-11-5.order-1-md,
  .grid-sm-11-5.order-1-md,
  .grid-md-11-5.order-1-md,
  .grid-lg-11-5.order-1-md {
    order: 1;
  }
  .grid-11.order-2-md,
  .grid-xs-11.order-2-md,
  .grid-sm-11.order-2-md,
  .grid-md-11.order-2-md,
  .grid-lg-11.order-2-md,
  .grid-11-5.order-2-md,
  .grid-xs-11-5.order-2-md,
  .grid-sm-11-5.order-2-md,
  .grid-md-11-5.order-2-md,
  .grid-lg-11-5.order-2-md {
    order: 2;
  }
  .grid-11.order-3-md,
  .grid-xs-11.order-3-md,
  .grid-sm-11.order-3-md,
  .grid-md-11.order-3-md,
  .grid-lg-11.order-3-md,
  .grid-11-5.order-3-md,
  .grid-xs-11-5.order-3-md,
  .grid-sm-11-5.order-3-md,
  .grid-md-11-5.order-3-md,
  .grid-lg-11-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-11.order-0-lg,
  .grid-xs-11.order-0-lg,
  .grid-sm-11.order-0-lg,
  .grid-md-11.order-0-lg,
  .grid-lg-11.order-0-lg,
  .grid-11-5.order-0-lg,
  .grid-xs-11-5.order-0-lg,
  .grid-sm-11-5.order-0-lg,
  .grid-md-11-5.order-0-lg,
  .grid-lg-11-5.order-0-lg {
    order: 0;
  }
  .grid-11.order-1-lg,
  .grid-xs-11.order-1-lg,
  .grid-sm-11.order-1-lg,
  .grid-md-11.order-1-lg,
  .grid-lg-11.order-1-lg,
  .grid-11-5.order-1-lg,
  .grid-xs-11-5.order-1-lg,
  .grid-sm-11-5.order-1-lg,
  .grid-md-11-5.order-1-lg,
  .grid-lg-11-5.order-1-lg {
    order: 1;
  }
  .grid-11.order-2-lg,
  .grid-xs-11.order-2-lg,
  .grid-sm-11.order-2-lg,
  .grid-md-11.order-2-lg,
  .grid-lg-11.order-2-lg,
  .grid-11-5.order-2-lg,
  .grid-xs-11-5.order-2-lg,
  .grid-sm-11-5.order-2-lg,
  .grid-md-11-5.order-2-lg,
  .grid-lg-11-5.order-2-lg {
    order: 2;
  }
  .grid-11.order-3-lg,
  .grid-xs-11.order-3-lg,
  .grid-sm-11.order-3-lg,
  .grid-md-11.order-3-lg,
  .grid-lg-11.order-3-lg,
  .grid-11-5.order-3-lg,
  .grid-xs-11-5.order-3-lg,
  .grid-sm-11-5.order-3-lg,
  .grid-md-11-5.order-3-lg,
  .grid-lg-11-5.order-3-lg {
    order: 3;
  }
}
.grid-12,
.grid-xs-12,
.grid-sm-12,
.grid-md-12,
.grid-lg-12,
.grid-12-5,
.grid-xs-12-5,
.grid-sm-12-5,
.grid-md-12-5,
.grid-lg-12-5 {
  display: block;
}
.grid-12.order-0,
.grid-xs-12.order-0,
.grid-sm-12.order-0,
.grid-md-12.order-0,
.grid-lg-12.order-0,
.grid-12-5.order-0,
.grid-xs-12-5.order-0,
.grid-sm-12-5.order-0,
.grid-md-12-5.order-0,
.grid-lg-12-5.order-0 {
  order: 0;
}
.grid-12.order-1,
.grid-xs-12.order-1,
.grid-sm-12.order-1,
.grid-md-12.order-1,
.grid-lg-12.order-1,
.grid-12-5.order-1,
.grid-xs-12-5.order-1,
.grid-sm-12-5.order-1,
.grid-md-12-5.order-1,
.grid-lg-12-5.order-1 {
  order: 1;
}
.grid-12.order-2,
.grid-xs-12.order-2,
.grid-sm-12.order-2,
.grid-md-12.order-2,
.grid-lg-12.order-2,
.grid-12-5.order-2,
.grid-xs-12-5.order-2,
.grid-sm-12-5.order-2,
.grid-md-12-5.order-2,
.grid-lg-12-5.order-2 {
  order: 2;
}
.grid-12.order-3,
.grid-xs-12.order-3,
.grid-sm-12.order-3,
.grid-md-12.order-3,
.grid-lg-12.order-3,
.grid-12-5.order-3,
.grid-xs-12-5.order-3,
.grid-sm-12-5.order-3,
.grid-md-12-5.order-3,
.grid-lg-12-5.order-3 {
  order: 3;
}
@media screen and (min-width: 821px) {
  .grid-12.order-0-md,
  .grid-xs-12.order-0-md,
  .grid-sm-12.order-0-md,
  .grid-md-12.order-0-md,
  .grid-lg-12.order-0-md,
  .grid-12-5.order-0-md,
  .grid-xs-12-5.order-0-md,
  .grid-sm-12-5.order-0-md,
  .grid-md-12-5.order-0-md,
  .grid-lg-12-5.order-0-md {
    order: 0;
  }
  .grid-12.order-1-md,
  .grid-xs-12.order-1-md,
  .grid-sm-12.order-1-md,
  .grid-md-12.order-1-md,
  .grid-lg-12.order-1-md,
  .grid-12-5.order-1-md,
  .grid-xs-12-5.order-1-md,
  .grid-sm-12-5.order-1-md,
  .grid-md-12-5.order-1-md,
  .grid-lg-12-5.order-1-md {
    order: 1;
  }
  .grid-12.order-2-md,
  .grid-xs-12.order-2-md,
  .grid-sm-12.order-2-md,
  .grid-md-12.order-2-md,
  .grid-lg-12.order-2-md,
  .grid-12-5.order-2-md,
  .grid-xs-12-5.order-2-md,
  .grid-sm-12-5.order-2-md,
  .grid-md-12-5.order-2-md,
  .grid-lg-12-5.order-2-md {
    order: 2;
  }
  .grid-12.order-3-md,
  .grid-xs-12.order-3-md,
  .grid-sm-12.order-3-md,
  .grid-md-12.order-3-md,
  .grid-lg-12.order-3-md,
  .grid-12-5.order-3-md,
  .grid-xs-12-5.order-3-md,
  .grid-sm-12-5.order-3-md,
  .grid-md-12-5.order-3-md,
  .grid-lg-12-5.order-3-md {
    order: 3;
  }
}
@media screen and (min-width: 1201px) {
  .grid-12.order-0-lg,
  .grid-xs-12.order-0-lg,
  .grid-sm-12.order-0-lg,
  .grid-md-12.order-0-lg,
  .grid-lg-12.order-0-lg,
  .grid-12-5.order-0-lg,
  .grid-xs-12-5.order-0-lg,
  .grid-sm-12-5.order-0-lg,
  .grid-md-12-5.order-0-lg,
  .grid-lg-12-5.order-0-lg {
    order: 0;
  }
  .grid-12.order-1-lg,
  .grid-xs-12.order-1-lg,
  .grid-sm-12.order-1-lg,
  .grid-md-12.order-1-lg,
  .grid-lg-12.order-1-lg,
  .grid-12-5.order-1-lg,
  .grid-xs-12-5.order-1-lg,
  .grid-sm-12-5.order-1-lg,
  .grid-md-12-5.order-1-lg,
  .grid-lg-12-5.order-1-lg {
    order: 1;
  }
  .grid-12.order-2-lg,
  .grid-xs-12.order-2-lg,
  .grid-sm-12.order-2-lg,
  .grid-md-12.order-2-lg,
  .grid-lg-12.order-2-lg,
  .grid-12-5.order-2-lg,
  .grid-xs-12-5.order-2-lg,
  .grid-sm-12-5.order-2-lg,
  .grid-md-12-5.order-2-lg,
  .grid-lg-12-5.order-2-lg {
    order: 2;
  }
  .grid-12.order-3-lg,
  .grid-xs-12.order-3-lg,
  .grid-sm-12.order-3-lg,
  .grid-md-12.order-3-lg,
  .grid-lg-12.order-3-lg,
  .grid-12-5.order-3-lg,
  .grid-xs-12-5.order-3-lg,
  .grid-sm-12-5.order-3-lg,
  .grid-md-12-5.order-3-lg,
  .grid-lg-12-5.order-3-lg {
    order: 3;
  }
}
.grid-0 {
  flex-basis: calc(0% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-0 {
    flex-basis: calc(0% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-0 {
    flex-basis: calc(0% - 12px);
  }
}
.grid-offset-0 {
  margin-left: 0%;
}
.grid-0-5 {
  flex-basis: calc(4% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-0-5 {
    flex-basis: calc(4% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-0-5 {
    flex-basis: calc(4% - 12px);
  }
}
.grid-offset-0-5 {
  margin-left: 4%;
}
.grid-1 {
  flex-basis: calc(8% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-1 {
    flex-basis: calc(8% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-1 {
    flex-basis: calc(8% - 12px);
  }
}
.grid-offset-1 {
  margin-left: 8%;
}
.grid-1-5 {
  flex-basis: calc(12% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-1-5 {
    flex-basis: calc(12% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-1-5 {
    flex-basis: calc(12% - 12px);
  }
}
.grid-offset-1-5 {
  margin-left: 12%;
}
.grid-2 {
  flex-basis: calc(16% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-2 {
    flex-basis: calc(16% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-2 {
    flex-basis: calc(16% - 12px);
  }
}
.grid-offset-2 {
  margin-left: 16%;
}
.grid-2-5 {
  flex-basis: calc(20% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-2-5 {
    flex-basis: calc(20% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-2-5 {
    flex-basis: calc(20% - 12px);
  }
}
.grid-offset-2-5 {
  margin-left: 20%;
}
.grid-3 {
  flex-basis: calc(25% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-3 {
    flex-basis: calc(25% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-3 {
    flex-basis: calc(25% - 12px);
  }
}
.grid-offset-3 {
  margin-left: 25%;
}
.grid-3-5 {
  flex-basis: calc(29% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-3-5 {
    flex-basis: calc(29% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-3-5 {
    flex-basis: calc(29% - 12px);
  }
}
.grid-offset-3-5 {
  margin-left: 29%;
}
.grid-4 {
  flex-basis: calc(33% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-4 {
    flex-basis: calc(33% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-4 {
    flex-basis: calc(33% - 12px);
  }
}
.grid-offset-4 {
  margin-left: 33%;
}
.grid-4-5 {
  flex-basis: calc(37% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-4-5 {
    flex-basis: calc(37% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-4-5 {
    flex-basis: calc(37% - 12px);
  }
}
.grid-offset-4-5 {
  margin-left: 37%;
}
.grid-5 {
  flex-basis: calc(41% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-5 {
    flex-basis: calc(41% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-5 {
    flex-basis: calc(41% - 12px);
  }
}
.grid-offset-5 {
  margin-left: 41%;
}
.grid-5-5 {
  flex-basis: calc(45% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-5-5 {
    flex-basis: calc(45% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-5-5 {
    flex-basis: calc(45% - 12px);
  }
}
.grid-offset-5-5 {
  margin-left: 45%;
}
.grid-6 {
  flex-basis: calc(50% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-6 {
    flex-basis: calc(50% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-6 {
    flex-basis: calc(50% - 12px);
  }
}
.grid-offset-6 {
  margin-left: 50%;
}
.grid-6-5 {
  flex-basis: calc(54% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-6-5 {
    flex-basis: calc(54% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-6-5 {
    flex-basis: calc(54% - 12px);
  }
}
.grid-offset-6-5 {
  margin-left: 54%;
}
.grid-7 {
  flex-basis: calc(58% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-7 {
    flex-basis: calc(58% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-7 {
    flex-basis: calc(58% - 12px);
  }
}
.grid-offset-7 {
  margin-left: 58%;
}
.grid-7-5 {
  flex-basis: calc(62% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-7-5 {
    flex-basis: calc(62% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-7-5 {
    flex-basis: calc(62% - 12px);
  }
}
.grid-offset-7-5 {
  margin-left: 62%;
}
.grid-8 {
  flex-basis: calc(66% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-8 {
    flex-basis: calc(66% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-8 {
    flex-basis: calc(66% - 12px);
  }
}
.grid-offset-8 {
  margin-left: 66%;
}
.grid-8-5 {
  flex-basis: calc(70% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-8-5 {
    flex-basis: calc(70% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-8-5 {
    flex-basis: calc(70% - 12px);
  }
}
.grid-offset-8-5 {
  margin-left: 70%;
}
.grid-9 {
  flex-basis: calc(75% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-9 {
    flex-basis: calc(75% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-9 {
    flex-basis: calc(75% - 12px);
  }
}
.grid-offset-9 {
  margin-left: 75%;
}
.grid-9-5 {
  flex-basis: calc(79% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-9-5 {
    flex-basis: calc(79% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-9-5 {
    flex-basis: calc(79% - 12px);
  }
}
.grid-offset-9-5 {
  margin-left: 79%;
}
.grid-10 {
  flex-basis: calc(83% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-10 {
    flex-basis: calc(83% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-10 {
    flex-basis: calc(83% - 12px);
  }
}
.grid-offset-10 {
  margin-left: 83%;
}
.grid-10-5 {
  flex-basis: calc(87% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-10-5 {
    flex-basis: calc(87% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-10-5 {
    flex-basis: calc(87% - 12px);
  }
}
.grid-offset-10-5 {
  margin-left: 87%;
}
.grid-11 {
  flex-basis: calc(91% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-11 {
    flex-basis: calc(91% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-11 {
    flex-basis: calc(91% - 12px);
  }
}
.grid-offset-11 {
  margin-left: 91%;
}
.grid-11-5 {
  flex-basis: calc(95% - 2px);
}
@media screen and (min-width: 821px) {
  .grid-11-5 {
    flex-basis: calc(95% - 6px);
  }
}
@media screen and (min-width: 1201px) {
  .grid-11-5 {
    flex-basis: calc(95% - 12px);
  }
}
.grid-offset-11-5 {
  margin-left: 95%;
}
.grid-12 {
  flex-basis: 100%;
}
.grid-offset-12 {
  margin-left: 100%;
}
@media screen and (min-width: 1201px) {
  .grid-lg-0 {
    flex-basis: calc(0% - 12px);
  }
  .grid-offset-lg-0 {
    margin-left: 0%;
  }
  .grid-lg-0-5 {
    flex-basis: calc(4% - 12px);
  }
  .grid-offset-lg-0-5 {
    margin-left: 4%;
  }
  .grid-lg-1 {
    flex-basis: calc(8% - 12px);
  }
  .grid-offset-lg-1 {
    margin-left: 8%;
  }
  .grid-lg-1-5 {
    flex-basis: calc(12% - 12px);
  }
  .grid-offset-lg-1-5 {
    margin-left: 12%;
  }
  .grid-lg-2 {
    flex-basis: calc(16% - 12px);
  }
  .grid-offset-lg-2 {
    margin-left: 16%;
  }
  .grid-lg-2-5 {
    flex-basis: calc(20% - 12px);
  }
  .grid-offset-lg-2-5 {
    margin-left: 20%;
  }
  .grid-lg-3 {
    flex-basis: calc(25% - 12px);
  }
  .grid-offset-lg-3 {
    margin-left: 25%;
  }
  .grid-lg-3-5 {
    flex-basis: calc(29% - 12px);
  }
  .grid-offset-lg-3-5 {
    margin-left: 29%;
  }
  .grid-lg-4 {
    flex-basis: calc(33% - 12px);
  }
  .grid-offset-lg-4 {
    margin-left: 33%;
  }
  .grid-lg-4-5 {
    flex-basis: calc(37% - 12px);
  }
  .grid-offset-lg-4-5 {
    margin-left: 37%;
  }
  .grid-lg-5 {
    flex-basis: calc(41% - 12px);
  }
  .grid-offset-lg-5 {
    margin-left: 41%;
  }
  .grid-lg-5-5 {
    flex-basis: calc(45% - 12px);
  }
  .grid-offset-lg-5-5 {
    margin-left: 45%;
  }
  .grid-lg-6 {
    flex-basis: calc(50% - 12px);
  }
  .grid-offset-lg-6 {
    margin-left: 50%;
  }
  .grid-lg-6-5 {
    flex-basis: calc(54% - 12px);
  }
  .grid-offset-lg-6-5 {
    margin-left: 54%;
  }
  .grid-lg-7 {
    flex-basis: calc(58% - 12px);
  }
  .grid-offset-lg-7 {
    margin-left: 58%;
  }
  .grid-lg-7-5 {
    flex-basis: calc(62% - 12px);
  }
  .grid-offset-lg-7-5 {
    margin-left: 62%;
  }
  .grid-lg-8 {
    flex-basis: calc(66% - 12px);
  }
  .grid-offset-lg-8 {
    margin-left: 66%;
  }
  .grid-lg-8-5 {
    flex-basis: calc(70% - 12px);
  }
  .grid-offset-lg-8-5 {
    margin-left: 70%;
  }
  .grid-lg-9 {
    flex-basis: calc(75% - 12px);
  }
  .grid-offset-lg-9 {
    margin-left: 75%;
  }
  .grid-lg-9-5 {
    flex-basis: calc(79% - 12px);
  }
  .grid-offset-lg-9-5 {
    margin-left: 79%;
  }
  .grid-lg-10 {
    flex-basis: calc(83% - 12px);
  }
  .grid-offset-lg-10 {
    margin-left: 83%;
  }
  .grid-lg-10-5 {
    flex-basis: calc(87% - 12px);
  }
  .grid-offset-lg-10-5 {
    margin-left: 87%;
  }
  .grid-lg-11 {
    flex-basis: calc(91% - 12px);
  }
  .grid-offset-lg-11 {
    margin-left: 91%;
  }
  .grid-lg-11-5 {
    flex-basis: calc(95% - 12px);
  }
  .grid-offset-lg-11-5 {
    margin-left: 95%;
  }
  .grid-lg-12 {
    flex-basis: 100%;
  }
  .grid-offset-lg-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .grid-md-0 {
    flex-basis: calc(0% - 6px);
  }
  .grid-offset-md-0 {
    margin-left: 0%;
  }
  .grid-md-0-5 {
    flex-basis: calc(4% - 12px);
  }
  .grid-offset-md-0-5 {
    margin-left: 4%;
  }
  .grid-md-1 {
    flex-basis: calc(8% - 6px);
  }
  .grid-offset-md-1 {
    margin-left: 8%;
  }
  .grid-md-1-5 {
    flex-basis: calc(12% - 12px);
  }
  .grid-offset-md-1-5 {
    margin-left: 12%;
  }
  .grid-md-2 {
    flex-basis: calc(16% - 6px);
  }
  .grid-offset-md-2 {
    margin-left: 16%;
  }
  .grid-md-2-5 {
    flex-basis: calc(20% - 12px);
  }
  .grid-offset-md-2-5 {
    margin-left: 20%;
  }
  .grid-md-3 {
    flex-basis: calc(25% - 6px);
  }
  .grid-offset-md-3 {
    margin-left: 25%;
  }
  .grid-md-3-5 {
    flex-basis: calc(29% - 12px);
  }
  .grid-offset-md-3-5 {
    margin-left: 29%;
  }
  .grid-md-4 {
    flex-basis: calc(33% - 6px);
  }
  .grid-offset-md-4 {
    margin-left: 33%;
  }
  .grid-md-4-5 {
    flex-basis: calc(37% - 12px);
  }
  .grid-offset-md-4-5 {
    margin-left: 37%;
  }
  .grid-md-5 {
    flex-basis: calc(41% - 6px);
  }
  .grid-offset-md-5 {
    margin-left: 41%;
  }
  .grid-md-5-5 {
    flex-basis: calc(45% - 12px);
  }
  .grid-offset-md-5-5 {
    margin-left: 45%;
  }
  .grid-md-6 {
    flex-basis: calc(50% - 6px);
  }
  .grid-offset-md-6 {
    margin-left: 50%;
  }
  .grid-md-6-5 {
    flex-basis: calc(54% - 12px);
  }
  .grid-offset-md-6-5 {
    margin-left: 54%;
  }
  .grid-md-7 {
    flex-basis: calc(58% - 6px);
  }
  .grid-offset-md-7 {
    margin-left: 58%;
  }
  .grid-md-7-5 {
    flex-basis: calc(62% - 12px);
  }
  .grid-offset-md-7-5 {
    margin-left: 62%;
  }
  .grid-md-8 {
    flex-basis: calc(66% - 6px);
  }
  .grid-offset-md-8 {
    margin-left: 66%;
  }
  .grid-md-8-5 {
    flex-basis: calc(70% - 12px);
  }
  .grid-offset-md-8-5 {
    margin-left: 70%;
  }
  .grid-md-9 {
    flex-basis: calc(75% - 6px);
  }
  .grid-offset-md-9 {
    margin-left: 75%;
  }
  .grid-md-9-5 {
    flex-basis: calc(79% - 12px);
  }
  .grid-offset-md-9-5 {
    margin-left: 79%;
  }
  .grid-md-10 {
    flex-basis: calc(83% - 6px);
  }
  .grid-offset-md-10 {
    margin-left: 83%;
  }
  .grid-md-10-5 {
    flex-basis: calc(87% - 12px);
  }
  .grid-offset-md-10-5 {
    margin-left: 87%;
  }
  .grid-md-11 {
    flex-basis: calc(91% - 6px);
  }
  .grid-offset-md-11 {
    margin-left: 91%;
  }
  .grid-md-11-5 {
    flex-basis: calc(95% - 12px);
  }
  .grid-offset-md-11-5 {
    margin-left: 95%;
  }
  .grid-md-12 {
    flex-basis: 100%;
  }
  .grid-offset-md-12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 820px) {
  .grid-sm-0 {
    flex-basis: calc(0% - 2px);
  }
  .grid-offset-sm-0 {
    margin-left: 0%;
  }
  .grid-sm-0-5 {
    flex-basis: calc(4% - 2px);
  }
  .grid-offset-sm-0-5 {
    margin-left: 4%;
  }
  .grid-sm-1 {
    flex-basis: calc(8% - 2px);
  }
  .grid-offset-sm-1 {
    margin-left: 8%;
  }
  .grid-sm-1-5 {
    flex-basis: calc(12% - 2px);
  }
  .grid-offset-sm-1-5 {
    margin-left: 12%;
  }
  .grid-sm-2 {
    flex-basis: calc(16% - 2px);
  }
  .grid-offset-sm-2 {
    margin-left: 16%;
  }
  .grid-sm-2-5 {
    flex-basis: calc(20% - 2px);
  }
  .grid-offset-sm-2-5 {
    margin-left: 20%;
  }
  .grid-sm-3 {
    flex-basis: calc(25% - 2px);
  }
  .grid-offset-sm-3 {
    margin-left: 25%;
  }
  .grid-sm-3-5 {
    flex-basis: calc(29% - 2px);
  }
  .grid-offset-sm-3-5 {
    margin-left: 29%;
  }
  .grid-sm-4 {
    flex-basis: calc(33% - 2px);
  }
  .grid-offset-sm-4 {
    margin-left: 33%;
  }
  .grid-sm-4-5 {
    flex-basis: calc(37% - 2px);
  }
  .grid-offset-sm-4-5 {
    margin-left: 37%;
  }
  .grid-sm-5 {
    flex-basis: calc(41% - 2px);
  }
  .grid-offset-sm-5 {
    margin-left: 41%;
  }
  .grid-sm-5-5 {
    flex-basis: calc(45% - 2px);
  }
  .grid-offset-sm-5-5 {
    margin-left: 45%;
  }
  .grid-sm-6 {
    flex-basis: calc(50% - 2px);
  }
  .grid-offset-sm-6 {
    margin-left: 50%;
  }
  .grid-sm-6-5 {
    flex-basis: calc(54% - 2px);
  }
  .grid-offset-sm-6-5 {
    margin-left: 54%;
  }
  .grid-sm-7 {
    flex-basis: calc(58% - 2px);
  }
  .grid-offset-sm-7 {
    margin-left: 58%;
  }
  .grid-sm-7-5 {
    flex-basis: calc(62% - 2px);
  }
  .grid-offset-sm-7-5 {
    margin-left: 62%;
  }
  .grid-sm-8 {
    flex-basis: calc(66% - 2px);
  }
  .grid-offset-sm-8 {
    margin-left: 66%;
  }
  .grid-sm-8-5 {
    flex-basis: calc(70% - 2px);
  }
  .grid-offset-sm-8-5 {
    margin-left: 70%;
  }
  .grid-sm-9 {
    flex-basis: calc(75% - 2px);
  }
  .grid-offset-sm-9 {
    margin-left: 75%;
  }
  .grid-sm-9-5 {
    flex-basis: calc(79% - 2px);
  }
  .grid-offset-sm-9-5 {
    margin-left: 79%;
  }
  .grid-sm-10 {
    flex-basis: calc(83% - 2px);
  }
  .grid-offset-sm-10 {
    margin-left: 83%;
  }
  .grid-sm-10-5 {
    flex-basis: calc(87% - 2px);
  }
  .grid-offset-sm-10-5 {
    margin-left: 87%;
  }
  .grid-sm-11 {
    flex-basis: calc(91% - 2px);
  }
  .grid-offset-sm-11 {
    margin-left: 91%;
  }
  .grid-sm-11-5 {
    flex-basis: calc(95% - 2px);
  }
  .grid-offset-sm-11-5 {
    margin-left: 95%;
  }
  .grid-sm-12 {
    flex-basis: 100%;
  }
  .grid-offset-sm-12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 480px) {
  .grid-xs-0 {
    flex-basis: calc(0% - 2px);
  }
  .grid-offset-xs-0 {
    margin-left: 0%;
  }
  .grid-xs-0-5 {
    flex-basis: calc(4% - 2px);
  }
  .grid-offset-xs-0-5 {
    margin-left: 4%;
  }
  .grid-xs-1 {
    flex-basis: calc(8% - 2px);
  }
  .grid-offset-xs-1 {
    margin-left: 8%;
  }
  .grid-xs-1-5 {
    flex-basis: calc(12% - 2px);
  }
  .grid-offset-xs-1-5 {
    margin-left: 12%;
  }
  .grid-xs-2 {
    flex-basis: calc(16% - 2px);
  }
  .grid-offset-xs-2 {
    margin-left: 16%;
  }
  .grid-xs-2-5 {
    flex-basis: calc(20% - 2px);
  }
  .grid-offset-xs-2-5 {
    margin-left: 20%;
  }
  .grid-xs-3 {
    flex-basis: calc(25% - 2px);
  }
  .grid-offset-xs-3 {
    margin-left: 25%;
  }
  .grid-xs-3-5 {
    flex-basis: calc(29% - 2px);
  }
  .grid-offset-xs-3-5 {
    margin-left: 29%;
  }
  .grid-xs-4 {
    flex-basis: calc(33% - 2px);
  }
  .grid-offset-xs-4 {
    margin-left: 33%;
  }
  .grid-xs-4-5 {
    flex-basis: calc(37% - 2px);
  }
  .grid-offset-xs-4-5 {
    margin-left: 37%;
  }
  .grid-xs-5 {
    flex-basis: calc(41% - 2px);
  }
  .grid-offset-xs-5 {
    margin-left: 41%;
  }
  .grid-xs-5-5 {
    flex-basis: calc(45% - 2px);
  }
  .grid-offset-xs-5-5 {
    margin-left: 45%;
  }
  .grid-xs-6 {
    flex-basis: calc(50% - 2px);
  }
  .grid-offset-xs-6 {
    margin-left: 50%;
  }
  .grid-xs-6-5 {
    flex-basis: calc(54% - 2px);
  }
  .grid-offset-xs-6-5 {
    margin-left: 54%;
  }
  .grid-xs-7 {
    flex-basis: calc(58% - 2px);
  }
  .grid-offset-xs-7 {
    margin-left: 58%;
  }
  .grid-xs-7-5 {
    flex-basis: calc(62% - 2px);
  }
  .grid-offset-xs-7-5 {
    margin-left: 62%;
  }
  .grid-xs-8 {
    flex-basis: calc(66% - 2px);
  }
  .grid-offset-xs-8 {
    margin-left: 66%;
  }
  .grid-xs-8-5 {
    flex-basis: calc(70% - 2px);
  }
  .grid-offset-xs-8-5 {
    margin-left: 70%;
  }
  .grid-xs-9 {
    flex-basis: calc(75% - 2px);
  }
  .grid-offset-xs-9 {
    margin-left: 75%;
  }
  .grid-xs-9-5 {
    flex-basis: calc(79% - 2px);
  }
  .grid-offset-xs-9-5 {
    margin-left: 79%;
  }
  .grid-xs-10 {
    flex-basis: calc(83% - 2px);
  }
  .grid-offset-xs-10 {
    margin-left: 83%;
  }
  .grid-xs-10-5 {
    flex-basis: calc(87% - 2px);
  }
  .grid-offset-xs-10-5 {
    margin-left: 87%;
  }
  .grid-xs-11 {
    flex-basis: calc(91% - 2px);
  }
  .grid-offset-xs-11 {
    margin-left: 91%;
  }
  .grid-xs-11-5 {
    flex-basis: calc(95% - 2px);
  }
  .grid-offset-xs-11-5 {
    margin-left: 95%;
  }
  .grid-xs-12 {
    flex-basis: 100%;
  }
  .grid-offset-xs-12 {
    margin-left: 100%;
  }
}
.margin-0 {
  margin: 0px;
}
@media screen and (min-width: 821px) {
  .margin-0 {
    margin: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-0 {
    margin: 0px;
  }
}
.margin-0-vertical {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media screen and (min-width: 821px) {
  .margin-0-vertical {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-0-vertical {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.margin-0-top {
  margin-top: 0px;
}
@media screen and (max-width: 820px) {
  .margin-0-top-sm {
    margin-top: 0px;
  }
}
@media screen and (min-width: 821px) {
  .margin-0-top {
    margin-top: 0px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-0-top-md {
    margin-top: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-0-top {
    margin-top: 0px;
  }
  .margin-0-top-lg {
    margin-top: 0px;
  }
}
.margin-0-bottom {
  margin-bottom: 0px;
}
@media screen and (min-width: 821px) {
  .margin-0-bottom {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-0-bottom {
    margin-bottom: 0px;
  }
}
.margin-0-horizontal {
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (min-width: 821px) {
  .margin-0-horizontal {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-0-horizontal {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.margin-0-left {
  margin-left: 0px;
}
@media screen and (min-width: 821px) {
  .margin-0-left {
    margin-left: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-0-left {
    margin-left: 0px;
  }
}
.margin-0-right {
  margin-right: 0px;
}
@media screen and (min-width: 821px) {
  .margin-0-right {
    margin-right: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-0-right {
    margin-right: 0px;
  }
}
.margin-1 {
  margin: 6px;
}
@media screen and (min-width: 821px) {
  .margin-1 {
    margin: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-1 {
    margin: 12px;
  }
}
.margin-1-vertical {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media screen and (min-width: 821px) {
  .margin-1-vertical {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-1-vertical {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.margin-1-top {
  margin-top: 6px;
}
@media screen and (max-width: 820px) {
  .margin-1-top-sm {
    margin-top: 6px;
  }
}
@media screen and (min-width: 821px) {
  .margin-1-top {
    margin-top: 6px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-1-top-md {
    margin-top: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-1-top {
    margin-top: 12px;
  }
  .margin-1-top-lg {
    margin-top: 12px;
  }
}
.margin-1-bottom {
  margin-bottom: 6px;
}
@media screen and (min-width: 821px) {
  .margin-1-bottom {
    margin-bottom: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-1-bottom {
    margin-bottom: 12px;
  }
}
.margin-1-horizontal {
  margin-left: 6px;
  margin-right: 6px;
}
@media screen and (min-width: 821px) {
  .margin-1-horizontal {
    margin-left: 6px;
    margin-right: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-1-horizontal {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.margin-1-left {
  margin-left: 6px;
}
@media screen and (min-width: 821px) {
  .margin-1-left {
    margin-left: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-1-left {
    margin-left: 12px;
  }
}
.margin-1-right {
  margin-right: 6px;
}
@media screen and (min-width: 821px) {
  .margin-1-right {
    margin-right: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-1-right {
    margin-right: 12px;
  }
}
.margin-2 {
  margin: 12px;
}
@media screen and (min-width: 821px) {
  .margin-2 {
    margin: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-2 {
    margin: 24px;
  }
}
.margin-2-vertical {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width: 821px) {
  .margin-2-vertical {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-2-vertical {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.margin-2-top {
  margin-top: 12px;
}
@media screen and (max-width: 820px) {
  .margin-2-top-sm {
    margin-top: 12px;
  }
}
@media screen and (min-width: 821px) {
  .margin-2-top {
    margin-top: 12px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-2-top-md {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-2-top {
    margin-top: 24px;
  }
  .margin-2-top-lg {
    margin-top: 24px;
  }
}
.margin-2-bottom {
  margin-bottom: 12px;
}
@media screen and (min-width: 821px) {
  .margin-2-bottom {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-2-bottom {
    margin-bottom: 24px;
  }
}
.margin-2-horizontal {
  margin-left: 12px;
  margin-right: 12px;
}
@media screen and (min-width: 821px) {
  .margin-2-horizontal {
    margin-left: 12px;
    margin-right: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-2-horizontal {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.margin-2-left {
  margin-left: 12px;
}
@media screen and (min-width: 821px) {
  .margin-2-left {
    margin-left: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-2-left {
    margin-left: 24px;
  }
}
.margin-2-right {
  margin-right: 12px;
}
@media screen and (min-width: 821px) {
  .margin-2-right {
    margin-right: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-2-right {
    margin-right: 24px;
  }
}
.margin-3 {
  margin: 18px;
}
@media screen and (min-width: 821px) {
  .margin-3 {
    margin: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-3 {
    margin: 36px;
  }
}
.margin-3-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
@media screen and (min-width: 821px) {
  .margin-3-vertical {
    margin-top: 18px;
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-3-vertical {
    margin-top: 36px;
    margin-bottom: 36px;
  }
}
.margin-3-top {
  margin-top: 18px;
}
@media screen and (max-width: 820px) {
  .margin-3-top-sm {
    margin-top: 18px;
  }
}
@media screen and (min-width: 821px) {
  .margin-3-top {
    margin-top: 18px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-3-top-md {
    margin-top: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-3-top {
    margin-top: 36px;
  }
  .margin-3-top-lg {
    margin-top: 36px;
  }
}
.margin-3-bottom {
  margin-bottom: 18px;
}
@media screen and (min-width: 821px) {
  .margin-3-bottom {
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-3-bottom {
    margin-bottom: 36px;
  }
}
.margin-3-horizontal {
  margin-left: 18px;
  margin-right: 18px;
}
@media screen and (min-width: 821px) {
  .margin-3-horizontal {
    margin-left: 18px;
    margin-right: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-3-horizontal {
    margin-left: 36px;
    margin-right: 36px;
  }
}
.margin-3-left {
  margin-left: 18px;
}
@media screen and (min-width: 821px) {
  .margin-3-left {
    margin-left: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-3-left {
    margin-left: 36px;
  }
}
.margin-3-right {
  margin-right: 18px;
}
@media screen and (min-width: 821px) {
  .margin-3-right {
    margin-right: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-3-right {
    margin-right: 36px;
  }
}
.margin-4 {
  margin: 24px;
}
@media screen and (min-width: 821px) {
  .margin-4 {
    margin: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-4 {
    margin: 48px;
  }
}
.margin-4-vertical {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media screen and (min-width: 821px) {
  .margin-4-vertical {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-4-vertical {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.margin-4-top {
  margin-top: 24px;
}
@media screen and (max-width: 820px) {
  .margin-4-top-sm {
    margin-top: 24px;
  }
}
@media screen and (min-width: 821px) {
  .margin-4-top {
    margin-top: 24px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-4-top-md {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-4-top {
    margin-top: 48px;
  }
  .margin-4-top-lg {
    margin-top: 48px;
  }
}
.margin-4-bottom {
  margin-bottom: 24px;
}
@media screen and (min-width: 821px) {
  .margin-4-bottom {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-4-bottom {
    margin-bottom: 48px;
  }
}
.margin-4-horizontal {
  margin-left: 24px;
  margin-right: 24px;
}
@media screen and (min-width: 821px) {
  .margin-4-horizontal {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-4-horizontal {
    margin-left: 48px;
    margin-right: 48px;
  }
}
.margin-4-left {
  margin-left: 24px;
}
@media screen and (min-width: 821px) {
  .margin-4-left {
    margin-left: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-4-left {
    margin-left: 48px;
  }
}
.margin-4-right {
  margin-right: 24px;
}
@media screen and (min-width: 821px) {
  .margin-4-right {
    margin-right: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-4-right {
    margin-right: 48px;
  }
}
.margin-5 {
  margin: 30px;
}
@media screen and (min-width: 821px) {
  .margin-5 {
    margin: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-5 {
    margin: 60px;
  }
}
.margin-5-vertical {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 821px) {
  .margin-5-vertical {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-5-vertical {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.margin-5-top {
  margin-top: 30px;
}
@media screen and (max-width: 820px) {
  .margin-5-top-sm {
    margin-top: 30px;
  }
}
@media screen and (min-width: 821px) {
  .margin-5-top {
    margin-top: 30px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-5-top-md {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-5-top {
    margin-top: 60px;
  }
  .margin-5-top-lg {
    margin-top: 60px;
  }
}
.margin-5-bottom {
  margin-bottom: 30px;
}
@media screen and (min-width: 821px) {
  .margin-5-bottom {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-5-bottom {
    margin-bottom: 60px;
  }
}
.margin-5-horizontal {
  margin-left: 30px;
  margin-right: 30px;
}
@media screen and (min-width: 821px) {
  .margin-5-horizontal {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-5-horizontal {
    margin-left: 60px;
    margin-right: 60px;
  }
}
.margin-5-left {
  margin-left: 30px;
}
@media screen and (min-width: 821px) {
  .margin-5-left {
    margin-left: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-5-left {
    margin-left: 60px;
  }
}
.margin-5-right {
  margin-right: 30px;
}
@media screen and (min-width: 821px) {
  .margin-5-right {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-5-right {
    margin-right: 60px;
  }
}
.margin-6 {
  margin: 36px;
}
@media screen and (min-width: 821px) {
  .margin-6 {
    margin: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-6 {
    margin: 72px;
  }
}
.margin-6-vertical {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media screen and (min-width: 821px) {
  .margin-6-vertical {
    margin-top: 36px;
    margin-bottom: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-6-vertical {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
.margin-6-top {
  margin-top: 36px;
}
@media screen and (max-width: 820px) {
  .margin-6-top-sm {
    margin-top: 36px;
  }
}
@media screen and (min-width: 821px) {
  .margin-6-top {
    margin-top: 36px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-6-top-md {
    margin-top: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-6-top {
    margin-top: 72px;
  }
  .margin-6-top-lg {
    margin-top: 72px;
  }
}
.margin-6-bottom {
  margin-bottom: 36px;
}
@media screen and (min-width: 821px) {
  .margin-6-bottom {
    margin-bottom: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-6-bottom {
    margin-bottom: 72px;
  }
}
.margin-6-horizontal {
  margin-left: 36px;
  margin-right: 36px;
}
@media screen and (min-width: 821px) {
  .margin-6-horizontal {
    margin-left: 36px;
    margin-right: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-6-horizontal {
    margin-left: 72px;
    margin-right: 72px;
  }
}
.margin-6-left {
  margin-left: 36px;
}
@media screen and (min-width: 821px) {
  .margin-6-left {
    margin-left: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-6-left {
    margin-left: 72px;
  }
}
.margin-6-right {
  margin-right: 36px;
}
@media screen and (min-width: 821px) {
  .margin-6-right {
    margin-right: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-6-right {
    margin-right: 72px;
  }
}
.margin-7 {
  margin: 42px;
}
@media screen and (min-width: 821px) {
  .margin-7 {
    margin: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-7 {
    margin: 84px;
  }
}
.margin-7-vertical {
  margin-top: 42px;
  margin-bottom: 42px;
}
@media screen and (min-width: 821px) {
  .margin-7-vertical {
    margin-top: 42px;
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-7-vertical {
    margin-top: 84px;
    margin-bottom: 84px;
  }
}
.margin-7-top {
  margin-top: 42px;
}
@media screen and (max-width: 820px) {
  .margin-7-top-sm {
    margin-top: 42px;
  }
}
@media screen and (min-width: 821px) {
  .margin-7-top {
    margin-top: 42px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-7-top-md {
    margin-top: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-7-top {
    margin-top: 84px;
  }
  .margin-7-top-lg {
    margin-top: 84px;
  }
}
.margin-7-bottom {
  margin-bottom: 42px;
}
@media screen and (min-width: 821px) {
  .margin-7-bottom {
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-7-bottom {
    margin-bottom: 84px;
  }
}
.margin-7-horizontal {
  margin-left: 42px;
  margin-right: 42px;
}
@media screen and (min-width: 821px) {
  .margin-7-horizontal {
    margin-left: 42px;
    margin-right: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-7-horizontal {
    margin-left: 84px;
    margin-right: 84px;
  }
}
.margin-7-left {
  margin-left: 42px;
}
@media screen and (min-width: 821px) {
  .margin-7-left {
    margin-left: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-7-left {
    margin-left: 84px;
  }
}
.margin-7-right {
  margin-right: 42px;
}
@media screen and (min-width: 821px) {
  .margin-7-right {
    margin-right: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-7-right {
    margin-right: 84px;
  }
}
.margin-8 {
  margin: 48px;
}
@media screen and (min-width: 821px) {
  .margin-8 {
    margin: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-8 {
    margin: 96px;
  }
}
.margin-8-vertical {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media screen and (min-width: 821px) {
  .margin-8-vertical {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-8-vertical {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
.margin-8-top {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .margin-8-top-sm {
    margin-top: 48px;
  }
}
@media screen and (min-width: 821px) {
  .margin-8-top {
    margin-top: 48px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-8-top-md {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-8-top {
    margin-top: 96px;
  }
  .margin-8-top-lg {
    margin-top: 96px;
  }
}
.margin-8-bottom {
  margin-bottom: 48px;
}
@media screen and (min-width: 821px) {
  .margin-8-bottom {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-8-bottom {
    margin-bottom: 96px;
  }
}
.margin-8-horizontal {
  margin-left: 48px;
  margin-right: 48px;
}
@media screen and (min-width: 821px) {
  .margin-8-horizontal {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-8-horizontal {
    margin-left: 96px;
    margin-right: 96px;
  }
}
.margin-8-left {
  margin-left: 48px;
}
@media screen and (min-width: 821px) {
  .margin-8-left {
    margin-left: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-8-left {
    margin-left: 96px;
  }
}
.margin-8-right {
  margin-right: 48px;
}
@media screen and (min-width: 821px) {
  .margin-8-right {
    margin-right: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-8-right {
    margin-right: 96px;
  }
}
.margin-9 {
  margin: 54px;
}
@media screen and (min-width: 821px) {
  .margin-9 {
    margin: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-9 {
    margin: 108px;
  }
}
.margin-9-vertical {
  margin-top: 54px;
  margin-bottom: 54px;
}
@media screen and (min-width: 821px) {
  .margin-9-vertical {
    margin-top: 54px;
    margin-bottom: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-9-vertical {
    margin-top: 108px;
    margin-bottom: 108px;
  }
}
.margin-9-top {
  margin-top: 54px;
}
@media screen and (max-width: 820px) {
  .margin-9-top-sm {
    margin-top: 54px;
  }
}
@media screen and (min-width: 821px) {
  .margin-9-top {
    margin-top: 54px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-9-top-md {
    margin-top: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-9-top {
    margin-top: 108px;
  }
  .margin-9-top-lg {
    margin-top: 108px;
  }
}
.margin-9-bottom {
  margin-bottom: 54px;
}
@media screen and (min-width: 821px) {
  .margin-9-bottom {
    margin-bottom: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-9-bottom {
    margin-bottom: 108px;
  }
}
.margin-9-horizontal {
  margin-left: 54px;
  margin-right: 54px;
}
@media screen and (min-width: 821px) {
  .margin-9-horizontal {
    margin-left: 54px;
    margin-right: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-9-horizontal {
    margin-left: 108px;
    margin-right: 108px;
  }
}
.margin-9-left {
  margin-left: 54px;
}
@media screen and (min-width: 821px) {
  .margin-9-left {
    margin-left: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-9-left {
    margin-left: 108px;
  }
}
.margin-9-right {
  margin-right: 54px;
}
@media screen and (min-width: 821px) {
  .margin-9-right {
    margin-right: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-9-right {
    margin-right: 108px;
  }
}
.margin-10 {
  margin: 60px;
}
@media screen and (min-width: 821px) {
  .margin-10 {
    margin: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-10 {
    margin: 120px;
  }
}
.margin-10-vertical {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (min-width: 821px) {
  .margin-10-vertical {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-10-vertical {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
.margin-10-top {
  margin-top: 60px;
}
@media screen and (max-width: 820px) {
  .margin-10-top-sm {
    margin-top: 60px;
  }
}
@media screen and (min-width: 821px) {
  .margin-10-top {
    margin-top: 60px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-10-top-md {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-10-top {
    margin-top: 120px;
  }
  .margin-10-top-lg {
    margin-top: 120px;
  }
}
.margin-10-bottom {
  margin-bottom: 60px;
}
@media screen and (min-width: 821px) {
  .margin-10-bottom {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-10-bottom {
    margin-bottom: 120px;
  }
}
.margin-10-horizontal {
  margin-left: 60px;
  margin-right: 60px;
}
@media screen and (min-width: 821px) {
  .margin-10-horizontal {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-10-horizontal {
    margin-left: 120px;
    margin-right: 120px;
  }
}
.margin-10-left {
  margin-left: 60px;
}
@media screen and (min-width: 821px) {
  .margin-10-left {
    margin-left: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-10-left {
    margin-left: 120px;
  }
}
.margin-10-right {
  margin-right: 60px;
}
@media screen and (min-width: 821px) {
  .margin-10-right {
    margin-right: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-10-right {
    margin-right: 120px;
  }
}
.margin-11 {
  margin: 66px;
}
@media screen and (min-width: 821px) {
  .margin-11 {
    margin: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-11 {
    margin: 132px;
  }
}
.margin-11-vertical {
  margin-top: 66px;
  margin-bottom: 66px;
}
@media screen and (min-width: 821px) {
  .margin-11-vertical {
    margin-top: 66px;
    margin-bottom: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-11-vertical {
    margin-top: 132px;
    margin-bottom: 132px;
  }
}
.margin-11-top {
  margin-top: 66px;
}
@media screen and (max-width: 820px) {
  .margin-11-top-sm {
    margin-top: 66px;
  }
}
@media screen and (min-width: 821px) {
  .margin-11-top {
    margin-top: 66px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-11-top-md {
    margin-top: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-11-top {
    margin-top: 132px;
  }
  .margin-11-top-lg {
    margin-top: 132px;
  }
}
.margin-11-bottom {
  margin-bottom: 66px;
}
@media screen and (min-width: 821px) {
  .margin-11-bottom {
    margin-bottom: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-11-bottom {
    margin-bottom: 132px;
  }
}
.margin-11-horizontal {
  margin-left: 66px;
  margin-right: 66px;
}
@media screen and (min-width: 821px) {
  .margin-11-horizontal {
    margin-left: 66px;
    margin-right: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-11-horizontal {
    margin-left: 132px;
    margin-right: 132px;
  }
}
.margin-11-left {
  margin-left: 66px;
}
@media screen and (min-width: 821px) {
  .margin-11-left {
    margin-left: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-11-left {
    margin-left: 132px;
  }
}
.margin-11-right {
  margin-right: 66px;
}
@media screen and (min-width: 821px) {
  .margin-11-right {
    margin-right: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-11-right {
    margin-right: 132px;
  }
}
.margin-12 {
  margin: 72px;
}
@media screen and (min-width: 821px) {
  .margin-12 {
    margin: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-12 {
    margin: 144px;
  }
}
.margin-12-vertical {
  margin-top: 72px;
  margin-bottom: 72px;
}
@media screen and (min-width: 821px) {
  .margin-12-vertical {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-12-vertical {
    margin-top: 144px;
    margin-bottom: 144px;
  }
}
.margin-12-top {
  margin-top: 72px;
}
@media screen and (max-width: 820px) {
  .margin-12-top-sm {
    margin-top: 72px;
  }
}
@media screen and (min-width: 821px) {
  .margin-12-top {
    margin-top: 72px;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .margin-12-top-md {
    margin-top: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-12-top {
    margin-top: 144px;
  }
  .margin-12-top-lg {
    margin-top: 144px;
  }
}
.margin-12-bottom {
  margin-bottom: 72px;
}
@media screen and (min-width: 821px) {
  .margin-12-bottom {
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-12-bottom {
    margin-bottom: 144px;
  }
}
.margin-12-horizontal {
  margin-left: 72px;
  margin-right: 72px;
}
@media screen and (min-width: 821px) {
  .margin-12-horizontal {
    margin-left: 72px;
    margin-right: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-12-horizontal {
    margin-left: 144px;
    margin-right: 144px;
  }
}
.margin-12-left {
  margin-left: 72px;
}
@media screen and (min-width: 821px) {
  .margin-12-left {
    margin-left: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-12-left {
    margin-left: 144px;
  }
}
.margin-12-right {
  margin-right: 72px;
}
@media screen and (min-width: 821px) {
  .margin-12-right {
    margin-right: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .margin-12-right {
    margin-right: 144px;
  }
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.padding-0 {
  padding: 0px;
}
@media screen and (min-width: 821px) {
  .padding-0 {
    padding: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-0 {
    padding: 0px;
  }
}
.padding-0-vertical {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media screen and (min-width: 821px) {
  .padding-0-vertical {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-0-vertical {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.padding-0-top {
  padding-top: 0px;
}
@media screen and (min-width: 821px) {
  .padding-0-top {
    padding-top: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-0-top {
    padding-top: 0px;
  }
}
.padding-0-bottom {
  padding-bottom: 0px;
}
@media screen and (min-width: 821px) {
  .padding-0-bottom {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-0-bottom {
    padding-bottom: 0px;
  }
}
.padding-0-horizontal {
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 821px) {
  .padding-0-horizontal {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-0-horizontal {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.padding-0-left {
  padding-left: 0px;
}
@media screen and (min-width: 821px) {
  .padding-0-left {
    padding-left: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-0-left {
    padding-left: 0px;
  }
}
.padding-0-right {
  padding-right: 0px;
}
@media screen and (min-width: 821px) {
  .padding-0-right {
    padding-right: 0px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-0-right {
    padding-right: 0px;
  }
}
.padding-1 {
  padding: 6px;
}
@media screen and (min-width: 821px) {
  .padding-1 {
    padding: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-1 {
    padding: 12px;
  }
}
.padding-1-vertical,
.alert-error,
.alert-warning,
.alert-notice {
  padding-top: 6px;
  padding-bottom: 6px;
}
@media screen and (min-width: 821px) {
  .padding-1-vertical,
  .alert-error,
  .alert-warning,
  .alert-notice {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-1-vertical,
  .alert-error,
  .alert-warning,
  .alert-notice {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.padding-1-top {
  padding-top: 6px;
}
@media screen and (min-width: 821px) {
  .padding-1-top {
    padding-top: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-1-top {
    padding-top: 12px;
  }
}
.padding-1-bottom {
  padding-bottom: 6px;
}
@media screen and (min-width: 821px) {
  .padding-1-bottom {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-1-bottom {
    padding-bottom: 12px;
  }
}
.padding-1-horizontal {
  padding-left: 6px;
  padding-right: 6px;
}
@media screen and (min-width: 821px) {
  .padding-1-horizontal {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-1-horizontal {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.padding-1-left {
  padding-left: 6px;
}
@media screen and (min-width: 821px) {
  .padding-1-left {
    padding-left: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-1-left {
    padding-left: 12px;
  }
}
.padding-1-right {
  padding-right: 6px;
}
@media screen and (min-width: 821px) {
  .padding-1-right {
    padding-right: 6px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-1-right {
    padding-right: 12px;
  }
}
.padding-2 {
  padding: 12px;
}
@media screen and (min-width: 821px) {
  .padding-2 {
    padding: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-2 {
    padding: 24px;
  }
}
.padding-2-vertical {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media screen and (min-width: 821px) {
  .padding-2-vertical {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-2-vertical {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.padding-2-top {
  padding-top: 12px;
}
@media screen and (min-width: 821px) {
  .padding-2-top {
    padding-top: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-2-top {
    padding-top: 24px;
  }
}
.padding-2-bottom {
  padding-bottom: 12px;
}
@media screen and (min-width: 821px) {
  .padding-2-bottom {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-2-bottom {
    padding-bottom: 24px;
  }
}
.padding-2-horizontal,
.alert-error,
.alert-warning,
.alert-notice {
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 821px) {
  .padding-2-horizontal,
  .alert-error,
  .alert-warning,
  .alert-notice {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-2-horizontal,
  .alert-error,
  .alert-warning,
  .alert-notice {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.padding-2-left {
  padding-left: 12px;
}
@media screen and (min-width: 821px) {
  .padding-2-left {
    padding-left: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-2-left {
    padding-left: 24px;
  }
}
.padding-2-right {
  padding-right: 12px;
}
@media screen and (min-width: 821px) {
  .padding-2-right {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-2-right {
    padding-right: 24px;
  }
}
.padding-3 {
  padding: 18px;
}
@media screen and (min-width: 821px) {
  .padding-3 {
    padding: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-3 {
    padding: 36px;
  }
}
.padding-3-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media screen and (min-width: 821px) {
  .padding-3-vertical {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-3-vertical {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.padding-3-top {
  padding-top: 18px;
}
@media screen and (min-width: 821px) {
  .padding-3-top {
    padding-top: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-3-top {
    padding-top: 36px;
  }
}
.padding-3-bottom {
  padding-bottom: 18px;
}
@media screen and (min-width: 821px) {
  .padding-3-bottom {
    padding-bottom: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-3-bottom {
    padding-bottom: 36px;
  }
}
.padding-3-horizontal {
  padding-left: 18px;
  padding-right: 18px;
}
@media screen and (min-width: 821px) {
  .padding-3-horizontal {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-3-horizontal {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.padding-3-left {
  padding-left: 18px;
}
@media screen and (min-width: 821px) {
  .padding-3-left {
    padding-left: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-3-left {
    padding-left: 36px;
  }
}
.padding-3-right {
  padding-right: 18px;
}
@media screen and (min-width: 821px) {
  .padding-3-right {
    padding-right: 18px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-3-right {
    padding-right: 36px;
  }
}
.padding-4 {
  padding: 24px;
}
@media screen and (min-width: 821px) {
  .padding-4 {
    padding: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-4 {
    padding: 48px;
  }
}
.padding-4-vertical {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media screen and (min-width: 821px) {
  .padding-4-vertical {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-4-vertical {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.padding-4-top {
  padding-top: 24px;
}
@media screen and (min-width: 821px) {
  .padding-4-top {
    padding-top: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-4-top {
    padding-top: 48px;
  }
}
.padding-4-bottom {
  padding-bottom: 24px;
}
@media screen and (min-width: 821px) {
  .padding-4-bottom {
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-4-bottom {
    padding-bottom: 48px;
  }
}
.padding-4-horizontal {
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (min-width: 821px) {
  .padding-4-horizontal {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-4-horizontal {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.padding-4-left {
  padding-left: 24px;
}
@media screen and (min-width: 821px) {
  .padding-4-left {
    padding-left: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-4-left {
    padding-left: 48px;
  }
}
.padding-4-right {
  padding-right: 24px;
}
@media screen and (min-width: 821px) {
  .padding-4-right {
    padding-right: 24px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-4-right {
    padding-right: 48px;
  }
}
.padding-5 {
  padding: 30px;
}
@media screen and (min-width: 821px) {
  .padding-5 {
    padding: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-5 {
    padding: 60px;
  }
}
.padding-5-vertical {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 821px) {
  .padding-5-vertical {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-5-vertical {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.padding-5-top {
  padding-top: 30px;
}
@media screen and (min-width: 821px) {
  .padding-5-top {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-5-top {
    padding-top: 60px;
  }
}
.padding-5-bottom {
  padding-bottom: 30px;
}
@media screen and (min-width: 821px) {
  .padding-5-bottom {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-5-bottom {
    padding-bottom: 60px;
  }
}
.padding-5-horizontal {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (min-width: 821px) {
  .padding-5-horizontal {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-5-horizontal {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.padding-5-left {
  padding-left: 30px;
}
@media screen and (min-width: 821px) {
  .padding-5-left {
    padding-left: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-5-left {
    padding-left: 60px;
  }
}
.padding-5-right {
  padding-right: 30px;
}
@media screen and (min-width: 821px) {
  .padding-5-right {
    padding-right: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-5-right {
    padding-right: 60px;
  }
}
.padding-6 {
  padding: 36px;
}
@media screen and (min-width: 821px) {
  .padding-6 {
    padding: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-6 {
    padding: 72px;
  }
}
.padding-6-vertical {
  padding-top: 36px;
  padding-bottom: 36px;
}
@media screen and (min-width: 821px) {
  .padding-6-vertical {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-6-vertical {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
.padding-6-top {
  padding-top: 36px;
}
@media screen and (min-width: 821px) {
  .padding-6-top {
    padding-top: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-6-top {
    padding-top: 72px;
  }
}
.padding-6-bottom {
  padding-bottom: 36px;
}
@media screen and (min-width: 821px) {
  .padding-6-bottom {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-6-bottom {
    padding-bottom: 72px;
  }
}
.padding-6-horizontal {
  padding-left: 36px;
  padding-right: 36px;
}
@media screen and (min-width: 821px) {
  .padding-6-horizontal {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-6-horizontal {
    padding-left: 72px;
    padding-right: 72px;
  }
}
.padding-6-left {
  padding-left: 36px;
}
@media screen and (min-width: 821px) {
  .padding-6-left {
    padding-left: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-6-left {
    padding-left: 72px;
  }
}
.padding-6-right {
  padding-right: 36px;
}
@media screen and (min-width: 821px) {
  .padding-6-right {
    padding-right: 36px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-6-right {
    padding-right: 72px;
  }
}
.padding-7 {
  padding: 42px;
}
@media screen and (min-width: 821px) {
  .padding-7 {
    padding: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-7 {
    padding: 84px;
  }
}
.padding-7-vertical {
  padding-top: 42px;
  padding-bottom: 42px;
}
@media screen and (min-width: 821px) {
  .padding-7-vertical {
    padding-top: 42px;
    padding-bottom: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-7-vertical {
    padding-top: 84px;
    padding-bottom: 84px;
  }
}
.padding-7-top {
  padding-top: 42px;
}
@media screen and (min-width: 821px) {
  .padding-7-top {
    padding-top: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-7-top {
    padding-top: 84px;
  }
}
.padding-7-bottom {
  padding-bottom: 42px;
}
@media screen and (min-width: 821px) {
  .padding-7-bottom {
    padding-bottom: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-7-bottom {
    padding-bottom: 84px;
  }
}
.padding-7-horizontal {
  padding-left: 42px;
  padding-right: 42px;
}
@media screen and (min-width: 821px) {
  .padding-7-horizontal {
    padding-left: 42px;
    padding-right: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-7-horizontal {
    padding-left: 84px;
    padding-right: 84px;
  }
}
.padding-7-left {
  padding-left: 42px;
}
@media screen and (min-width: 821px) {
  .padding-7-left {
    padding-left: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-7-left {
    padding-left: 84px;
  }
}
.padding-7-right {
  padding-right: 42px;
}
@media screen and (min-width: 821px) {
  .padding-7-right {
    padding-right: 42px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-7-right {
    padding-right: 84px;
  }
}
.padding-8 {
  padding: 48px;
}
@media screen and (min-width: 821px) {
  .padding-8 {
    padding: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-8 {
    padding: 96px;
  }
}
.padding-8-vertical {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media screen and (min-width: 821px) {
  .padding-8-vertical {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-8-vertical {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.padding-8-top {
  padding-top: 48px;
}
@media screen and (min-width: 821px) {
  .padding-8-top {
    padding-top: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-8-top {
    padding-top: 96px;
  }
}
.padding-8-bottom {
  padding-bottom: 48px;
}
@media screen and (min-width: 821px) {
  .padding-8-bottom {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-8-bottom {
    padding-bottom: 96px;
  }
}
.padding-8-horizontal {
  padding-left: 48px;
  padding-right: 48px;
}
@media screen and (min-width: 821px) {
  .padding-8-horizontal {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-8-horizontal {
    padding-left: 96px;
    padding-right: 96px;
  }
}
.padding-8-left {
  padding-left: 48px;
}
@media screen and (min-width: 821px) {
  .padding-8-left {
    padding-left: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-8-left {
    padding-left: 96px;
  }
}
.padding-8-right {
  padding-right: 48px;
}
@media screen and (min-width: 821px) {
  .padding-8-right {
    padding-right: 48px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-8-right {
    padding-right: 96px;
  }
}
.padding-9 {
  padding: 54px;
}
@media screen and (min-width: 821px) {
  .padding-9 {
    padding: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-9 {
    padding: 108px;
  }
}
.padding-9-vertical {
  padding-top: 54px;
  padding-bottom: 54px;
}
@media screen and (min-width: 821px) {
  .padding-9-vertical {
    padding-top: 54px;
    padding-bottom: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-9-vertical {
    padding-top: 108px;
    padding-bottom: 108px;
  }
}
.padding-9-top {
  padding-top: 54px;
}
@media screen and (min-width: 821px) {
  .padding-9-top {
    padding-top: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-9-top {
    padding-top: 108px;
  }
}
.padding-9-bottom {
  padding-bottom: 54px;
}
@media screen and (min-width: 821px) {
  .padding-9-bottom {
    padding-bottom: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-9-bottom {
    padding-bottom: 108px;
  }
}
.padding-9-horizontal {
  padding-left: 54px;
  padding-right: 54px;
}
@media screen and (min-width: 821px) {
  .padding-9-horizontal {
    padding-left: 54px;
    padding-right: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-9-horizontal {
    padding-left: 108px;
    padding-right: 108px;
  }
}
.padding-9-left {
  padding-left: 54px;
}
@media screen and (min-width: 821px) {
  .padding-9-left {
    padding-left: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-9-left {
    padding-left: 108px;
  }
}
.padding-9-right {
  padding-right: 54px;
}
@media screen and (min-width: 821px) {
  .padding-9-right {
    padding-right: 54px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-9-right {
    padding-right: 108px;
  }
}
.padding-10 {
  padding: 60px;
}
@media screen and (min-width: 821px) {
  .padding-10 {
    padding: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-10 {
    padding: 120px;
  }
}
.padding-10-vertical {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (min-width: 821px) {
  .padding-10-vertical {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-10-vertical {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.padding-10-top {
  padding-top: 60px;
}
@media screen and (min-width: 821px) {
  .padding-10-top {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-10-top {
    padding-top: 120px;
  }
}
.padding-10-bottom {
  padding-bottom: 60px;
}
@media screen and (min-width: 821px) {
  .padding-10-bottom {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-10-bottom {
    padding-bottom: 120px;
  }
}
.padding-10-horizontal {
  padding-left: 60px;
  padding-right: 60px;
}
@media screen and (min-width: 821px) {
  .padding-10-horizontal {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-10-horizontal {
    padding-left: 120px;
    padding-right: 120px;
  }
}
.padding-10-left {
  padding-left: 60px;
}
@media screen and (min-width: 821px) {
  .padding-10-left {
    padding-left: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-10-left {
    padding-left: 120px;
  }
}
.padding-10-right {
  padding-right: 60px;
}
@media screen and (min-width: 821px) {
  .padding-10-right {
    padding-right: 60px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-10-right {
    padding-right: 120px;
  }
}
.padding-11 {
  padding: 66px;
}
@media screen and (min-width: 821px) {
  .padding-11 {
    padding: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-11 {
    padding: 132px;
  }
}
.padding-11-vertical {
  padding-top: 66px;
  padding-bottom: 66px;
}
@media screen and (min-width: 821px) {
  .padding-11-vertical {
    padding-top: 66px;
    padding-bottom: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-11-vertical {
    padding-top: 132px;
    padding-bottom: 132px;
  }
}
.padding-11-top {
  padding-top: 66px;
}
@media screen and (min-width: 821px) {
  .padding-11-top {
    padding-top: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-11-top {
    padding-top: 132px;
  }
}
.padding-11-bottom {
  padding-bottom: 66px;
}
@media screen and (min-width: 821px) {
  .padding-11-bottom {
    padding-bottom: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-11-bottom {
    padding-bottom: 132px;
  }
}
.padding-11-horizontal {
  padding-left: 66px;
  padding-right: 66px;
}
@media screen and (min-width: 821px) {
  .padding-11-horizontal {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-11-horizontal {
    padding-left: 132px;
    padding-right: 132px;
  }
}
.padding-11-left {
  padding-left: 66px;
}
@media screen and (min-width: 821px) {
  .padding-11-left {
    padding-left: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-11-left {
    padding-left: 132px;
  }
}
.padding-11-right {
  padding-right: 66px;
}
@media screen and (min-width: 821px) {
  .padding-11-right {
    padding-right: 66px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-11-right {
    padding-right: 132px;
  }
}
.padding-12 {
  padding: 72px;
}
@media screen and (min-width: 821px) {
  .padding-12 {
    padding: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-12 {
    padding: 144px;
  }
}
.padding-12-vertical {
  padding-top: 72px;
  padding-bottom: 72px;
}
@media screen and (min-width: 821px) {
  .padding-12-vertical {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-12-vertical {
    padding-top: 144px;
    padding-bottom: 144px;
  }
}
.padding-12-top {
  padding-top: 72px;
}
@media screen and (min-width: 821px) {
  .padding-12-top {
    padding-top: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-12-top {
    padding-top: 144px;
  }
}
.padding-12-bottom {
  padding-bottom: 72px;
}
@media screen and (min-width: 821px) {
  .padding-12-bottom {
    padding-bottom: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-12-bottom {
    padding-bottom: 144px;
  }
}
.padding-12-horizontal {
  padding-left: 72px;
  padding-right: 72px;
}
@media screen and (min-width: 821px) {
  .padding-12-horizontal {
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-12-horizontal {
    padding-left: 144px;
    padding-right: 144px;
  }
}
.padding-12-left {
  padding-left: 72px;
}
@media screen and (min-width: 821px) {
  .padding-12-left {
    padding-left: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-12-left {
    padding-left: 144px;
  }
}
.padding-12-right {
  padding-right: 72px;
}
@media screen and (min-width: 821px) {
  .padding-12-right {
    padding-right: 72px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-12-right {
    padding-right: 144px;
  }
}
.padding-half {
  padding: 3px;
}
@media screen and (min-width: 821px) {
  .padding-half {
    padding: 3px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-half {
    padding: 6px;
  }
}
.padding-half-vertical {
  padding-top: 3px;
  padding-bottom: 3px;
}
@media screen and (min-width: 821px) {
  .padding-half-vertical {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-half-vertical {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.padding-half-top {
  padding-top: 3px;
}
@media screen and (min-width: 821px) {
  .padding-half-top {
    padding-top: 3px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-half-top {
    padding-top: 6px;
  }
}
.padding-half-bottom {
  padding-bottom: 3px;
}
@media screen and (min-width: 821px) {
  .padding-half-bottom {
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-half-bottom {
    padding-bottom: 6px;
  }
}
.padding-half-horizontal {
  padding-left: 3px;
  padding-right: 3px;
}
@media screen and (min-width: 821px) {
  .padding-half-horizontal {
    padding-left: 3px;
    padding-right: 3px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-half-horizontal {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.padding-half-left {
  padding-left: 3px;
}
@media screen and (min-width: 821px) {
  .padding-half-left {
    padding-left: 3px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-half-left {
    padding-left: 6px;
  }
}
.padding-half-right {
  padding-right: 3px;
}
@media screen and (min-width: 821px) {
  .padding-half-right {
    padding-right: 3px;
  }
}
@media screen and (min-width: 1201px) {
  .padding-half-right {
    padding-right: 6px;
  }
}
.no-padding {
  padding: 0;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
.no-padding-top {
  padding-top: 0;
}
.no-padding-bottom {
  padding-bottom: 0;
}
.no-padding-vertical {
  padding-top: 0;
  padding-bottom: 0;
}
.no-padding-horizontal {
  padding-left: 0;
  padding-right: 0;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.no-margin-horizontal {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.float-right {
  float: right;
}
@media screen and (min-width: 481px) and (max-width: 820px) {
  .float-right-sm {
    float: right;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .float-right-md {
    float: right;
  }
}
@media screen and (min-width: 1201px) {
  .float-right-lg {
    float: right;
  }
}
.float-left {
  float: left;
}
.clear-both {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.hidden {
  display: none;
}
@media screen and (max-width: 480px) {
  .hidden-xxs {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .hidden-xs {
    display: none !important;
  }
}
@media screen and (min-width: 640.5px) and (max-width: 820px) {
  .hidden-sm {
    display: none !important;
  }
}
@media screen and (min-width: 820.5px) and (max-width: 1200px) {
  .hidden-md {
    display: none !important;
  }
}
@media screen and (min-width: 1200.5px) {
  .hidden-lg {
    display: none !important;
  }
}
.hide {
  display: none !important;
}
.show {
  display: initial !important;
}
@media (min-width: 480px) {
  .xs\:hide {
    display: none !important;
  }
  .xs\:show {
    display: initial !important;
  }
}
@media (min-width: 640px) {
  .sm\:hide {
    display: none !important;
  }
  .sm\:show {
    display: initial !important;
  }
}
@media (min-width: 820px) {
  .md\:hide {
    display: none !important;
  }
  .md\:show {
    display: initial !important;
  }
}
@media (min-width: 1200px) {
  .lg\:hide {
    display: none !important;
  }
  .lg\:show {
    display: initial !important;
  }
}
@media (min-width: 1600px) {
  .xl\:hide {
    display: none !important;
  }
  .xl\:show {
    display: initial !important;
  }
}
.padd-100 {
  position: relative;
  padding-top: 100%;
}
.padd-80 {
  position: relative;
  padding-top: 80%;
}
.padd-75 {
  position: relative;
  padding-top: 75%;
}
.padd-60 {
  position: relative;
  padding-top: 60%;
}
.padd-55 {
  position: relative;
  padding-top: 55%;
}
.padd-50 {
  position: relative;
  padding-top: 50%;
}
.padd-45 {
  position: relative;
  padding-top: 45%;
}
.padd-40 {
  position: relative;
  padding-top: 40%;
}
.padd-35 {
  position: relative;
  padding-top: 35%;
}
.padd-30 {
  position: relative;
  padding-top: 30%;
}
.padd-25 {
  position: relative;
  padding-top: 25%;
}
.padd-10 {
  position: relative;
  padding-top: 10%;
}
@media (max-width: 820px) {
  .padd-100-sm {
    position: relative;
    padding-top: 100%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-100-md {
    position: relative;
    padding-top: 100%;
  }
}
@media (min-width: 1201px) {
  .padd-100-lg {
    position: relative;
    padding-top: 100%;
  }
}
@media (max-width: 820px) {
  .padd-80-sm {
    position: relative;
    padding-top: 80%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-80-md {
    position: relative;
    padding-top: 80%;
  }
}
@media (min-width: 1201px) {
  .padd-80-lg {
    position: relative;
    padding-top: 80%;
  }
}
@media (max-width: 820px) {
  .padd-75-sm {
    position: relative;
    padding-top: 75%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-75-md {
    position: relative;
    padding-top: 75%;
  }
}
@media (min-width: 1201px) {
  .padd-75-lg {
    position: relative;
    padding-top: 75%;
  }
}
@media (max-width: 820px) {
  .padd-60-sm {
    position: relative;
    padding-top: 60%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-60-md {
    position: relative;
    padding-top: 60%;
  }
}
@media (min-width: 1201px) {
  .padd-60-lg {
    position: relative;
    padding-top: 60%;
  }
}
@media (max-width: 820px) {
  .padd-55-sm {
    position: relative;
    padding-top: 55%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-55-md {
    position: relative;
    padding-top: 55%;
  }
}
@media (min-width: 1201px) {
  .padd-55-lg {
    position: relative;
    padding-top: 55%;
  }
}
@media (max-width: 820px) {
  .padd-50-sm {
    position: relative;
    padding-top: 50%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-50-md {
    position: relative;
    padding-top: 50%;
  }
}
@media (min-width: 1201px) {
  .padd-50-lg {
    position: relative;
    padding-top: 50%;
  }
}
@media (max-width: 820px) {
  .padd-45-sm {
    position: relative;
    padding-top: 45%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-45-md {
    position: relative;
    padding-top: 45%;
  }
}
@media (min-width: 1201px) {
  .padd-45-lg {
    position: relative;
    padding-top: 45%;
  }
}
@media (max-width: 820px) {
  .padd-40-sm {
    position: relative;
    padding-top: 40%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-40-md {
    position: relative;
    padding-top: 40%;
  }
}
@media (min-width: 1201px) {
  .padd-40-lg {
    position: relative;
    padding-top: 40%;
  }
}
@media (max-width: 820px) {
  .padd-35-sm {
    position: relative;
    padding-top: 35%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-35-md {
    position: relative;
    padding-top: 35%;
  }
}
@media (min-width: 1201px) {
  .padd-35-lg {
    position: relative;
    padding-top: 35%;
  }
}
@media (max-width: 820px) {
  .padd-30-sm {
    position: relative;
    padding-top: 30%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-30-md {
    position: relative;
    padding-top: 30%;
  }
}
@media (min-width: 1201px) {
  .padd-30-lg {
    position: relative;
    padding-top: 30%;
  }
}
@media (max-width: 820px) {
  .padd-25-sm {
    position: relative;
    padding-top: 25%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-25-md {
    position: relative;
    padding-top: 25%;
  }
}
@media (min-width: 1201px) {
  .padd-25-lg {
    position: relative;
    padding-top: 25%;
  }
}
@media (max-width: 820px) {
  .padd-10-sm {
    position: relative;
    padding-top: 10%;
  }
}
@media (min-width: 821px) and (max-width: 1200px) {
  .padd-10-md {
    position: relative;
    padding-top: 10%;
  }
}
@media (min-width: 1201px) {
  .padd-10-lg {
    position: relative;
    padding-top: 10%;
  }
}
.img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}
.img-responsive.centered,
.img-responsive.-cnt {
  margin-left: auto;
  margin-right: auto;
}
.img-responsive.full-width,
.img-responsive.-fwd {
  width: 100%;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.full-stretch {
  display: block;
  width: 100%;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clickable {
  cursor: pointer;
}
.align-center {
  text-align: center;
}
@media screen and (max-width: 640px) {
  .align-center-xs {
    text-align: center !important;
  }
}
@media screen and (min-width: 641px) and (max-width: 820px) {
  .align-center-sm {
    text-align: center !important;
  }
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align: justify;
}
.position-relative {
  position: relative;
}
.position-static {
  position: static;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.border-radius-small {
  border-radius: 2px;
}
.border-radius-medium {
  border-radius: 3px;
}
.border-radius-big {
  border-radius: 4px;
}
.break-word {
  word-wrap: break-word;
}
.pre-wrap {
  white-space: pre-wrap;
}
.no-wrap {
  word-wrap: normal;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.modal {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 6px 14px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 24px;
  width: calc(100% - 48px);
  top: 50%;
  padding: 24px;
  transform: translate(0, -50%);
}
@media (min-width: 848px) {
  .modal {
    width: 800px;
    left: calc(50% - 400px);
  }
}
.modal.with-buttons {
  padding-bottom: 100px;
}
.modal.with-buttons .modal-content {
  max-height: calc(100vh - 96px);
}
.modal .modal-buttons {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: calc(100% - 48px);
}
.modal .modal-content {
  overflow: auto;
  max-height: calc(100vh - 96px);
}
.ctrl-modal-backdrop {
  z-index: 100000;
  backdrop-filter: blur(1.25px);
}
.ctrl-modal {
  max-width: 640px;
  width: calc(100% - 2rem);
  border-radius: 8px;
  --ctrl-modal-padding: 1.5rem;
  box-sizing: border-box;
  max-height: calc(100% - 2rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ctrl-modal.narrow {
  max-width: 480px;
}
.ctrl-modal.no-header .ctrl-modal-header {
  display: none;
}
.ctrl-modal.with-buttons {
  padding-bottom: 100px;
}
.ctrl-modal.with-buttons .modal-content {
  max-height: calc(100vh - 160px);
}
.ctrl-modal .modal-buttons {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: calc(100% - 48px);
}
.ctrl-modal .ctrl-modal-content {
  overflow: auto;
}
.ctrl-modal .modal-content {
  overflow: auto;
  max-height: calc(100vh - 160px);
}
.ctrl-modal.with-closing-button [ctrlModalHeader] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid #afafaf;
  padding-bottom: 0.75rem;
}
@media (min-width: 820px) {
  .ctrl-modal.with-closing-button [ctrlModalHeader] {
    padding-bottom: 1.5rem;
  }
}
.ctrl-modal.with-closing-button [ctrlModalHeader].-no-bottom-border {
  border-bottom: 0;
}
.ctrl-modal.with-closing-button [ctrlModalHeader] h1 {
  font-size: 1.2rem;
}
@media (min-width: 820px) {
  .ctrl-modal.with-closing-button [ctrlModalHeader] h1 {
    font-size: 1.6rem;
  }
}
.ctrl-modal.with-closing-button [ctrlModalHeader] .btn-close {
  padding: 0;
  float: right;
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px auto;
  background-image: url(/assets/icons/icon-close.svg);
}
@media (min-width: 820px) {
  .ctrl-modal.with-closing-button [ctrlModalHeader] .btn-close {
    background-size: 16px auto;
    height: 32px;
    width: 32px;
  }
}
.buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ctrl-tooltip,
ctrl-tooltip {
  border: 1px solid var(--c-grey-800);
  color: black;
  background-color: var(--c-grey-100);
  font-size: 12px;
  max-width: 200px;
  padding: 4px 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.05);
  text-align: left;
  width: max-content;
  font-weight: 400;
  white-space: normal;
  word-wrap: normal;
  z-index: 500;
}
.ctrl-tooltip:before,
.ctrl-tooltip:after,
.ctrl-tooltip.-top:before,
.ctrl-tooltip.-top:after,
ctrl-tooltip:before,
ctrl-tooltip:after,
ctrl-tooltip.-top:before,
ctrl-tooltip.-top:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: calc(50% - 6px);
  border-width: 10px 6px 0;
  border-color: var(--c-grey-800) transparent transparent;
  border-style: solid;
}
.ctrl-tooltip:after,
.ctrl-tooltip.-top:after,
ctrl-tooltip:after,
ctrl-tooltip.-top:after {
  border-color: var(--c-grey-100) transparent transparent;
  margin-top: -1.5px;
}
.ctrl-tooltip.-left-inside:before,
.ctrl-tooltip.-left-inside:after,
ctrl-tooltip.-left-inside:before,
ctrl-tooltip.-left-inside:after {
  left: 8px;
}
.ctrl-tooltip.-left:before,
.ctrl-tooltip.-left:after,
ctrl-tooltip.-left:before,
ctrl-tooltip.-left:after {
  right: 8px;
  left: auto;
}
.ctrl-tooltip.-left.-center:before,
.ctrl-tooltip.-left.-center:after,
ctrl-tooltip.-left.-center:before,
ctrl-tooltip.-left.-center:after {
  top: calc(50% - 6px);
  left: 100%;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent var(--c-grey-800);
}
.ctrl-tooltip.-left.-center:after,
ctrl-tooltip.-left.-center:after {
  border-color: transparent transparent transparent var(--c-grey-100);
  margin-top: 0;
  margin-left: -1.5px;
}
.ctrl-tooltip.-bottom:before,
.ctrl-tooltip.-bottom:after,
ctrl-tooltip.-bottom:before,
ctrl-tooltip.-bottom:after {
  top: auto;
  bottom: 100%;
  border-width: 0 6px 10px;
  border-color: transparent transparent var(--c-grey-800);
  border-style: solid;
}
.ctrl-tooltip.-bottom:after,
ctrl-tooltip.-bottom:after {
  border-color: transparent transparent var(--c-grey-100);
  margin-top: 0;
  margin-bottom: -1.5px;
}
.alert-error,
.alert-warning,
.alert-notice {
  display: block;
  color: white;
}
.alert-error a,
.alert-warning a,
.alert-notice a {
  color: inherit;
  text-decoration: underline;
  font-weight: 600;
}
.alert-error {
  background-color: var(--c-red-600);
}
.alert-warning {
  background-color: var(--c-orange);
}
.alert-notice {
  background-color: var(--c-blue-500);
}
:root {
  --c-grey-50: #fafafa;
  --c-grey-100: #f0f0f0;
  --c-grey-200: #e9e9e9;
  --c-grey-300: #dbdbdb;
  --c-grey-400: #c1c1c1;
  --c-grey-500: #9f9f9f;
  --c-grey-600: #707070;
  --c-grey-800: #585858;
  --c-blue-300: #0082d9;
  --c-blue-500: #3870c5;
  --c-blue-700: #0065a9;
  --c-blue-900: #0043a8;
  --c-black: black;
  --c-white: white;
  --c-red-200: #ce0000;
  --c-red-600: #a80000;
  --c-green: #1c8b43;
  --c-orange: #ffbd00;
  --c-copy: black;
  --c-copy-muted: #585858;
  --c-headings: black;
}
.c\:grey-50 {
  color: var(--c-grey-50);
}
.bg\:grey-50 {
  background-color: var(--c-grey-50);
}
.bc\:grey-50 {
  border-color: var(--c-grey-50);
}
.bc\:grey-50\:t {
  border-top-color: var(--c-grey-50);
}
.bc\:grey-50\:b {
  border-bottom-color: var(--c-grey-50);
}
.bc\:grey-50\:l {
  border-left-color: var(--c-grey-50);
}
.bc\:grey-50\:r {
  border-right-color: var(--c-grey-50);
}
.bc\:grey-50\:v {
  border-top-color: var(--c-grey-50);
  border-bottom-color: var(--c-grey-50);
}
.bc\:grey-50\:h {
  border-left-color: var(--c-grey-50);
  border-right-color: var(--c-grey-50);
}
.c\:grey-100 {
  color: var(--c-grey-100);
}
.bg\:grey-100 {
  background-color: var(--c-grey-100);
}
.bc\:grey-100 {
  border-color: var(--c-grey-100);
}
.bc\:grey-100\:t {
  border-top-color: var(--c-grey-100);
}
.bc\:grey-100\:b {
  border-bottom-color: var(--c-grey-100);
}
.bc\:grey-100\:l {
  border-left-color: var(--c-grey-100);
}
.bc\:grey-100\:r {
  border-right-color: var(--c-grey-100);
}
.bc\:grey-100\:v {
  border-top-color: var(--c-grey-100);
  border-bottom-color: var(--c-grey-100);
}
.bc\:grey-100\:h {
  border-left-color: var(--c-grey-100);
  border-right-color: var(--c-grey-100);
}
.c\:grey-200 {
  color: var(--c-grey-200);
}
.bg\:grey-200 {
  background-color: var(--c-grey-200);
}
.bc\:grey-200 {
  border-color: var(--c-grey-200);
}
.bc\:grey-200\:t {
  border-top-color: var(--c-grey-200);
}
.bc\:grey-200\:b {
  border-bottom-color: var(--c-grey-200);
}
.bc\:grey-200\:l {
  border-left-color: var(--c-grey-200);
}
.bc\:grey-200\:r {
  border-right-color: var(--c-grey-200);
}
.bc\:grey-200\:v {
  border-top-color: var(--c-grey-200);
  border-bottom-color: var(--c-grey-200);
}
.bc\:grey-200\:h {
  border-left-color: var(--c-grey-200);
  border-right-color: var(--c-grey-200);
}
.c\:grey-300 {
  color: var(--c-grey-300);
}
.bg\:grey-300 {
  background-color: var(--c-grey-300);
}
.bc\:grey-300 {
  border-color: var(--c-grey-300);
}
.bc\:grey-300\:t {
  border-top-color: var(--c-grey-300);
}
.bc\:grey-300\:b {
  border-bottom-color: var(--c-grey-300);
}
.bc\:grey-300\:l {
  border-left-color: var(--c-grey-300);
}
.bc\:grey-300\:r {
  border-right-color: var(--c-grey-300);
}
.bc\:grey-300\:v {
  border-top-color: var(--c-grey-300);
  border-bottom-color: var(--c-grey-300);
}
.bc\:grey-300\:h {
  border-left-color: var(--c-grey-300);
  border-right-color: var(--c-grey-300);
}
.c\:grey-400 {
  color: var(--c-grey-400);
}
.bg\:grey-400 {
  background-color: var(--c-grey-400);
}
.bc\:grey-400 {
  border-color: var(--c-grey-400);
}
.bc\:grey-400\:t {
  border-top-color: var(--c-grey-400);
}
.bc\:grey-400\:b {
  border-bottom-color: var(--c-grey-400);
}
.bc\:grey-400\:l {
  border-left-color: var(--c-grey-400);
}
.bc\:grey-400\:r {
  border-right-color: var(--c-grey-400);
}
.bc\:grey-400\:v {
  border-top-color: var(--c-grey-400);
  border-bottom-color: var(--c-grey-400);
}
.bc\:grey-400\:h {
  border-left-color: var(--c-grey-400);
  border-right-color: var(--c-grey-400);
}
.c\:grey-500 {
  color: var(--c-grey-500);
}
.bg\:grey-500 {
  background-color: var(--c-grey-500);
}
.bc\:grey-500 {
  border-color: var(--c-grey-500);
}
.bc\:grey-500\:t {
  border-top-color: var(--c-grey-500);
}
.bc\:grey-500\:b {
  border-bottom-color: var(--c-grey-500);
}
.bc\:grey-500\:l {
  border-left-color: var(--c-grey-500);
}
.bc\:grey-500\:r {
  border-right-color: var(--c-grey-500);
}
.bc\:grey-500\:v {
  border-top-color: var(--c-grey-500);
  border-bottom-color: var(--c-grey-500);
}
.bc\:grey-500\:h {
  border-left-color: var(--c-grey-500);
  border-right-color: var(--c-grey-500);
}
.c\:grey-600 {
  color: var(--c-grey-600);
}
.bg\:grey-600 {
  background-color: var(--c-grey-600);
}
.bc\:grey-600 {
  border-color: var(--c-grey-600);
}
.bc\:grey-600\:t {
  border-top-color: var(--c-grey-600);
}
.bc\:grey-600\:b {
  border-bottom-color: var(--c-grey-600);
}
.bc\:grey-600\:l {
  border-left-color: var(--c-grey-600);
}
.bc\:grey-600\:r {
  border-right-color: var(--c-grey-600);
}
.bc\:grey-600\:v {
  border-top-color: var(--c-grey-600);
  border-bottom-color: var(--c-grey-600);
}
.bc\:grey-600\:h {
  border-left-color: var(--c-grey-600);
  border-right-color: var(--c-grey-600);
}
.c\:grey-800 {
  color: var(--c-grey-800);
}
.bg\:grey-800 {
  background-color: var(--c-grey-800);
}
.bc\:grey-800 {
  border-color: var(--c-grey-800);
}
.bc\:grey-800\:t {
  border-top-color: var(--c-grey-800);
}
.bc\:grey-800\:b {
  border-bottom-color: var(--c-grey-800);
}
.bc\:grey-800\:l {
  border-left-color: var(--c-grey-800);
}
.bc\:grey-800\:r {
  border-right-color: var(--c-grey-800);
}
.bc\:grey-800\:v {
  border-top-color: var(--c-grey-800);
  border-bottom-color: var(--c-grey-800);
}
.bc\:grey-800\:h {
  border-left-color: var(--c-grey-800);
  border-right-color: var(--c-grey-800);
}
.c\:blue-300 {
  color: var(--c-blue-300);
}
.bg\:blue-300 {
  background-color: var(--c-blue-300);
}
.bc\:blue-300 {
  border-color: var(--c-blue-300);
}
.bc\:blue-300\:t {
  border-top-color: var(--c-blue-300);
}
.bc\:blue-300\:b {
  border-bottom-color: var(--c-blue-300);
}
.bc\:blue-300\:l {
  border-left-color: var(--c-blue-300);
}
.bc\:blue-300\:r {
  border-right-color: var(--c-blue-300);
}
.bc\:blue-300\:v {
  border-top-color: var(--c-blue-300);
  border-bottom-color: var(--c-blue-300);
}
.bc\:blue-300\:h {
  border-left-color: var(--c-blue-300);
  border-right-color: var(--c-blue-300);
}
.c\:blue-500 {
  color: var(--c-blue-500);
}
.bg\:blue-500 {
  background-color: var(--c-blue-500);
}
.bc\:blue-500 {
  border-color: var(--c-blue-500);
}
.bc\:blue-500\:t {
  border-top-color: var(--c-blue-500);
}
.bc\:blue-500\:b {
  border-bottom-color: var(--c-blue-500);
}
.bc\:blue-500\:l {
  border-left-color: var(--c-blue-500);
}
.bc\:blue-500\:r {
  border-right-color: var(--c-blue-500);
}
.bc\:blue-500\:v {
  border-top-color: var(--c-blue-500);
  border-bottom-color: var(--c-blue-500);
}
.bc\:blue-500\:h {
  border-left-color: var(--c-blue-500);
  border-right-color: var(--c-blue-500);
}
.c\:blue-700 {
  color: var(--c-blue-700);
}
.bg\:blue-700 {
  background-color: var(--c-blue-700);
}
.bc\:blue-700 {
  border-color: var(--c-blue-700);
}
.bc\:blue-700\:t {
  border-top-color: var(--c-blue-700);
}
.bc\:blue-700\:b {
  border-bottom-color: var(--c-blue-700);
}
.bc\:blue-700\:l {
  border-left-color: var(--c-blue-700);
}
.bc\:blue-700\:r {
  border-right-color: var(--c-blue-700);
}
.bc\:blue-700\:v {
  border-top-color: var(--c-blue-700);
  border-bottom-color: var(--c-blue-700);
}
.bc\:blue-700\:h {
  border-left-color: var(--c-blue-700);
  border-right-color: var(--c-blue-700);
}
.c\:blue-900 {
  color: var(--c-blue-900);
}
.bg\:blue-900 {
  background-color: var(--c-blue-900);
}
.bc\:blue-900 {
  border-color: var(--c-blue-900);
}
.bc\:blue-900\:t {
  border-top-color: var(--c-blue-900);
}
.bc\:blue-900\:b {
  border-bottom-color: var(--c-blue-900);
}
.bc\:blue-900\:l {
  border-left-color: var(--c-blue-900);
}
.bc\:blue-900\:r {
  border-right-color: var(--c-blue-900);
}
.bc\:blue-900\:v {
  border-top-color: var(--c-blue-900);
  border-bottom-color: var(--c-blue-900);
}
.bc\:blue-900\:h {
  border-left-color: var(--c-blue-900);
  border-right-color: var(--c-blue-900);
}
.c\:black {
  color: var(--c-black);
}
.bg\:black {
  background-color: var(--c-black);
}
.bc\:black {
  border-color: var(--c-black);
}
.bc\:black\:t {
  border-top-color: var(--c-black);
}
.bc\:black\:b {
  border-bottom-color: var(--c-black);
}
.bc\:black\:l {
  border-left-color: var(--c-black);
}
.bc\:black\:r {
  border-right-color: var(--c-black);
}
.bc\:black\:v {
  border-top-color: var(--c-black);
  border-bottom-color: var(--c-black);
}
.bc\:black\:h {
  border-left-color: var(--c-black);
  border-right-color: var(--c-black);
}
.c\:white {
  color: var(--c-white);
}
.bg\:white {
  background-color: var(--c-white);
}
.bc\:white {
  border-color: var(--c-white);
}
.bc\:white\:t {
  border-top-color: var(--c-white);
}
.bc\:white\:b {
  border-bottom-color: var(--c-white);
}
.bc\:white\:l {
  border-left-color: var(--c-white);
}
.bc\:white\:r {
  border-right-color: var(--c-white);
}
.bc\:white\:v {
  border-top-color: var(--c-white);
  border-bottom-color: var(--c-white);
}
.bc\:white\:h {
  border-left-color: var(--c-white);
  border-right-color: var(--c-white);
}
.c\:red-200 {
  color: var(--c-red-200);
}
.bg\:red-200 {
  background-color: var(--c-red-200);
}
.bc\:red-200 {
  border-color: var(--c-red-200);
}
.bc\:red-200\:t {
  border-top-color: var(--c-red-200);
}
.bc\:red-200\:b {
  border-bottom-color: var(--c-red-200);
}
.bc\:red-200\:l {
  border-left-color: var(--c-red-200);
}
.bc\:red-200\:r {
  border-right-color: var(--c-red-200);
}
.bc\:red-200\:v {
  border-top-color: var(--c-red-200);
  border-bottom-color: var(--c-red-200);
}
.bc\:red-200\:h {
  border-left-color: var(--c-red-200);
  border-right-color: var(--c-red-200);
}
.c\:red-600 {
  color: var(--c-red-600);
}
.bg\:red-600 {
  background-color: var(--c-red-600);
}
.bc\:red-600 {
  border-color: var(--c-red-600);
}
.bc\:red-600\:t {
  border-top-color: var(--c-red-600);
}
.bc\:red-600\:b {
  border-bottom-color: var(--c-red-600);
}
.bc\:red-600\:l {
  border-left-color: var(--c-red-600);
}
.bc\:red-600\:r {
  border-right-color: var(--c-red-600);
}
.bc\:red-600\:v {
  border-top-color: var(--c-red-600);
  border-bottom-color: var(--c-red-600);
}
.bc\:red-600\:h {
  border-left-color: var(--c-red-600);
  border-right-color: var(--c-red-600);
}
.c\:green {
  color: var(--c-green);
}
.bg\:green {
  background-color: var(--c-green);
}
.bc\:green {
  border-color: var(--c-green);
}
.bc\:green\:t {
  border-top-color: var(--c-green);
}
.bc\:green\:b {
  border-bottom-color: var(--c-green);
}
.bc\:green\:l {
  border-left-color: var(--c-green);
}
.bc\:green\:r {
  border-right-color: var(--c-green);
}
.bc\:green\:v {
  border-top-color: var(--c-green);
  border-bottom-color: var(--c-green);
}
.bc\:green\:h {
  border-left-color: var(--c-green);
  border-right-color: var(--c-green);
}
.c\:orange {
  color: var(--c-orange);
}
.bg\:orange {
  background-color: var(--c-orange);
}
.bc\:orange {
  border-color: var(--c-orange);
}
.bc\:orange\:t {
  border-top-color: var(--c-orange);
}
.bc\:orange\:b {
  border-bottom-color: var(--c-orange);
}
.bc\:orange\:l {
  border-left-color: var(--c-orange);
}
.bc\:orange\:r {
  border-right-color: var(--c-orange);
}
.bc\:orange\:v {
  border-top-color: var(--c-orange);
  border-bottom-color: var(--c-orange);
}
.bc\:orange\:h {
  border-left-color: var(--c-orange);
  border-right-color: var(--c-orange);
}
.c\:copy {
  color: var(--c-copy);
}
.bg\:copy {
  background-color: var(--c-copy);
}
.bc\:copy {
  border-color: var(--c-copy);
}
.bc\:copy\:t {
  border-top-color: var(--c-copy);
}
.bc\:copy\:b {
  border-bottom-color: var(--c-copy);
}
.bc\:copy\:l {
  border-left-color: var(--c-copy);
}
.bc\:copy\:r {
  border-right-color: var(--c-copy);
}
.bc\:copy\:v {
  border-top-color: var(--c-copy);
  border-bottom-color: var(--c-copy);
}
.bc\:copy\:h {
  border-left-color: var(--c-copy);
  border-right-color: var(--c-copy);
}
.c\:copy-muted {
  color: var(--c-copy-muted);
}
.bg\:copy-muted {
  background-color: var(--c-copy-muted);
}
.bc\:copy-muted {
  border-color: var(--c-copy-muted);
}
.bc\:copy-muted\:t {
  border-top-color: var(--c-copy-muted);
}
.bc\:copy-muted\:b {
  border-bottom-color: var(--c-copy-muted);
}
.bc\:copy-muted\:l {
  border-left-color: var(--c-copy-muted);
}
.bc\:copy-muted\:r {
  border-right-color: var(--c-copy-muted);
}
.bc\:copy-muted\:v {
  border-top-color: var(--c-copy-muted);
  border-bottom-color: var(--c-copy-muted);
}
.bc\:copy-muted\:h {
  border-left-color: var(--c-copy-muted);
  border-right-color: var(--c-copy-muted);
}
.c\:headings {
  color: var(--c-headings);
}
.bg\:headings {
  background-color: var(--c-headings);
}
.bc\:headings {
  border-color: var(--c-headings);
}
.bc\:headings\:t {
  border-top-color: var(--c-headings);
}
.bc\:headings\:b {
  border-bottom-color: var(--c-headings);
}
.bc\:headings\:l {
  border-left-color: var(--c-headings);
}
.bc\:headings\:r {
  border-right-color: var(--c-headings);
}
.bc\:headings\:v {
  border-top-color: var(--c-headings);
  border-bottom-color: var(--c-headings);
}
.bc\:headings\:h {
  border-left-color: var(--c-headings);
  border-right-color: var(--c-headings);
}
ctrl-notifications-container {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
  z-index: 600000;
}
@media screen and (min-width: 641px) {
  ctrl-notifications-container {
    right: 32px;
    bottom: 32px;
    max-width: 340px;
  }
}
ctrl-notifications-container ctrl-notification {
  background-color: var(--c-blue-500);
  color: var(--c-white);
  width: 100%;
  margin-top: 16px;
  border: 1px solid var(--c-white);
  padding: 12px 32px 12px 52px;
  position: relative;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: left 10px center;
  min-height: 72px;
  display: block;
  border-radius: 4px;
}
ctrl-notifications-container ctrl-notification .ctrl-notification-content {
  display: flex;
}
ctrl-notifications-container ctrl-notification .ctrl-notification-content .ctr-notification-icon {
  font-size: 2rem;
  align-self: center;
  transform: translateY(-6px);
  padding-right: 12px;
}
ctrl-notifications-container ctrl-notification button {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: var(--c-white);
  background-image: none;
  color: black;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  font-size: 1.4em;
  text-align: center;
  transform: rotate(-45deg);
  box-shadow: none;
}
ctrl-notifications-container ctrl-notification button:hover {
  color: var(--c-blue-500);
}
ctrl-notifications-container ctrl-notification button span {
  display: inline-block;
  transform: rotate(45deg);
}
ctrl-notifications-container ctrl-notification.-error {
  background-color: var(--c-red-600);
  background-image: url(/assets/icons/icon-critical.svg);
}
ctrl-notifications-container ctrl-notification.-warning {
  background-color: var(--c-orange);
  background-image: url(/assets/icons/icon-alert.svg);
}
ctrl-notifications-container ctrl-notification.-success {
  background-color: var(--c-green);
  background-image: url(/assets/icons/icon-cool.svg);
}
ctrl-notifications-container ctrl-notification.-info {
  background-color: var(--c-blue-500);
  background-image: url(/assets/icons/icon-talk.svg);
}
@media screen and (max-width: 640px) {
  ctrl-notifications-container ctrl-notification {
    border-radius: 0;
    border-width: 1px 0 0;
  }
  ctrl-notifications-container ctrl-notification:not(:last-child) {
    display: none;
  }
}
body {
  background-color: #dbdbdb;
  font-family: "NotoSans", sans-serif;
  font-size: 0.9375em;
  overflow-x: hidden;
}
.content-container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
hr {
  width: 100%;
  border: 0 none;
  margin: 0;
  padding: 0;
  height: 2px;
  background-color: var(--c-grey-300);
  display: block;
}
@media screen and (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: none !important;
    transition-duration: 0.001ms !important;
  }
}

/* angular:styles/global:styles */