/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./static_dev/sass/main.scss ***!
  \************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@400;800&display=swap);
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./static_dev/sass/main.scss (1) ***!
  \****************************************************************************************************************************************************/
@font-face {
  font-family: "Adelle";
  src: url(81d9ac8f86239a3372ed.otf) format("opentype");
}
@font-face {
  font-family: "wim-icons";
  src: url(5143ca4a74f5e3d4fd61.eot?20v8a);
  src: url(5143ca4a74f5e3d4fd61.eot?20v8a#iefix) format("embedded-opentype"), url(69306cea1d07d99fd80a.ttf?20v8a) format("truetype"), url(bb482131d21e288c24df.woff?20v8a) format("woff"), url(89cccc38f2c79a3843bc.svg?20v8a#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
body {
  font-family: "Mulish", sans-serif;
  font-size: 1.6rem;
  color: #000000;
  line-height: 2.2rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

h1 {
  font-weight: 700;
  line-height: 4rem;
  font-size: 4.8rem;
  font-family: "Adelle", serif;
}
@media screen and (max-width: 767px) {
  h1 {
    line-height: 4rem;
    font-size: 4.8rem;
  }
}

h2 {
  font-size: 3.2rem;
  color: #000000;
  line-height: 3.8rem;
  font-weight: 700;
  font-family: "Adelle", serif;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}

h3 {
  line-height: 2.8rem;
  color: #000000;
  font-family: "Adelle", serif;
  font-weight: 700;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  h3 {
    line-height: 2.8rem;
    font-size: 2.4rem;
  }
}

h4 {
  font-size: 2rem;
  line-height: 2.4rem;
  color: #000000;
  font-family: "Adelle", serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

h5 {
  color: #000000;
  font-family: "Adelle", serif;
  line-height: 1.9rem;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  h5 {
    line-height: 1.9rem;
    font-size: 1.6rem;
  }
}

small {
  font-family: "Mulish", sans-serif;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #000000;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  small {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }
}

.type-l {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
  color: #000000;
  line-height: 2.5rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .type-l {
    line-height: 2.5rem;
    font-size: 1.8rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p {
  margin-top: 0;
  margin-bottom: 16px;
}

p:last-of-type {
  margin-bottom: 0;
}

html {
  font-size: 62.5%;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.bg-neutral-darker {
  background-color: #000000 !important;
}

.color-neutral-darker {
  color: #000000 !important;
}

.bg-neutral {
  background-color: #eaeaea !important;
}

.color-neutral {
  color: #eaeaea !important;
}

.bg-neutral-brighter {
  background-color: #ffffff !important;
}

.color-neutral-brighter {
  color: #ffffff !important;
}

.bg-heavy-orange {
  background-color: #831B03 !important;
}

.color-heavy-orange {
  color: #831B03 !important;
}

.bg-dark-orange {
  background-color: #B92D0C !important;
}

.color-dark-orange {
  color: #B92D0C !important;
}

.bg-medium-orange {
  background-color: #DA3B15 !important;
}

.color-medium-orange {
  color: #DA3B15 !important;
}

.bg-light-orange {
  background-color: #FBEAE7 !important;
}

.color-light-orange {
  color: #FBEAE7 !important;
}

.bg-disabled-orange {
  background-color: #DC9685 !important;
}

.color-disabled-orange {
  color: #DC9685 !important;
}

.bg-dark-blue {
  background-color: #172644 !important;
}

.color-dark-blue {
  color: #172644 !important;
}

.bg-medium-blue {
  background-color: #1A50B6 !important;
}

.color-medium-blue {
  color: #1A50B6 !important;
}

.bg-light-blue {
  background-color: #EEF4FE !important;
}

.color-light-blue {
  color: #EEF4FE !important;
}

.bg-gray-blue {
  background-color: #9EA7BA !important;
}

.color-gray-blue {
  color: #9EA7BA !important;
}

.bg-dark-yellow {
  background-color: #A75C0A !important;
}

.color-dark-yellow {
  color: #A75C0A !important;
}

.bg-medium-yellow {
  background-color: #F29D41 !important;
}

.color-medium-yellow {
  color: #F29D41 !important;
}

.bg-light-yellow {
  background-color: #FDF2E5 !important;
}

.color-light-yellow {
  color: #FDF2E5 !important;
}

.bg-dark-gray {
  background-color: #69696B !important;
}

.color-dark-gray {
  color: #69696B !important;
}

.bg-medium-gray {
  background-color: #B3B3B3 !important;
}

.color-medium-gray {
  color: #B3B3B3 !important;
}

.bg-light-gray {
  background-color: #EFEFF1 !important;
}

.color-light-gray {
  color: #EFEFF1 !important;
}

.bg-dark-green {
  background-color: #006104 !important;
}

.color-dark-green {
  color: #006104 !important;
}

.bg-light-green {
  background-color: #EDFBE7 !important;
}

.color-light-green {
  color: #EDFBE7 !important;
}

.bg-approved-green {
  background-color: #0D9501 !important;
}

.color-approved-green {
  color: #0D9501 !important;
}

.bg-error-red {
  background-color: #D61A1A !important;
}

.color-error-red {
  color: #D61A1A !important;
}

.bg-beige {
  background-color: #F9F8F6 !important;
}

.color-beige {
  color: #F9F8F6 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

@media screen and (max-width: 575px) {
  .xs-bg-neutral-darker {
    background-color: #000000 !important;
  }
  .xs-color-neutral-darker {
    color: #000000 !important;
  }
  .xs-bg-neutral {
    background-color: #eaeaea !important;
  }
  .xs-color-neutral {
    color: #eaeaea !important;
  }
  .xs-bg-neutral-brighter {
    background-color: #ffffff !important;
  }
  .xs-color-neutral-brighter {
    color: #ffffff !important;
  }
  .xs-bg-heavy-orange {
    background-color: #831B03 !important;
  }
  .xs-color-heavy-orange {
    color: #831B03 !important;
  }
  .xs-bg-dark-orange {
    background-color: #B92D0C !important;
  }
  .xs-color-dark-orange {
    color: #B92D0C !important;
  }
  .xs-bg-medium-orange {
    background-color: #DA3B15 !important;
  }
  .xs-color-medium-orange {
    color: #DA3B15 !important;
  }
  .xs-bg-light-orange {
    background-color: #FBEAE7 !important;
  }
  .xs-color-light-orange {
    color: #FBEAE7 !important;
  }
  .xs-bg-disabled-orange {
    background-color: #DC9685 !important;
  }
  .xs-color-disabled-orange {
    color: #DC9685 !important;
  }
  .xs-bg-dark-blue {
    background-color: #172644 !important;
  }
  .xs-color-dark-blue {
    color: #172644 !important;
  }
  .xs-bg-medium-blue {
    background-color: #1A50B6 !important;
  }
  .xs-color-medium-blue {
    color: #1A50B6 !important;
  }
  .xs-bg-light-blue {
    background-color: #EEF4FE !important;
  }
  .xs-color-light-blue {
    color: #EEF4FE !important;
  }
  .xs-bg-gray-blue {
    background-color: #9EA7BA !important;
  }
  .xs-color-gray-blue {
    color: #9EA7BA !important;
  }
  .xs-bg-dark-yellow {
    background-color: #A75C0A !important;
  }
  .xs-color-dark-yellow {
    color: #A75C0A !important;
  }
  .xs-bg-medium-yellow {
    background-color: #F29D41 !important;
  }
  .xs-color-medium-yellow {
    color: #F29D41 !important;
  }
  .xs-bg-light-yellow {
    background-color: #FDF2E5 !important;
  }
  .xs-color-light-yellow {
    color: #FDF2E5 !important;
  }
  .xs-bg-dark-gray {
    background-color: #69696B !important;
  }
  .xs-color-dark-gray {
    color: #69696B !important;
  }
  .xs-bg-medium-gray {
    background-color: #B3B3B3 !important;
  }
  .xs-color-medium-gray {
    color: #B3B3B3 !important;
  }
  .xs-bg-light-gray {
    background-color: #EFEFF1 !important;
  }
  .xs-color-light-gray {
    color: #EFEFF1 !important;
  }
  .xs-bg-dark-green {
    background-color: #006104 !important;
  }
  .xs-color-dark-green {
    color: #006104 !important;
  }
  .xs-bg-light-green {
    background-color: #EDFBE7 !important;
  }
  .xs-color-light-green {
    color: #EDFBE7 !important;
  }
  .xs-bg-approved-green {
    background-color: #0D9501 !important;
  }
  .xs-color-approved-green {
    color: #0D9501 !important;
  }
  .xs-bg-error-red {
    background-color: #D61A1A !important;
  }
  .xs-color-error-red {
    color: #D61A1A !important;
  }
  .xs-bg-beige {
    background-color: #F9F8F6 !important;
  }
  .xs-color-beige {
    color: #F9F8F6 !important;
  }
  .xs-bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (max-width: 767px) {
  .sm-bg-neutral-darker {
    background-color: #000000 !important;
  }
  .sm-color-neutral-darker {
    color: #000000 !important;
  }
  .sm-bg-neutral {
    background-color: #eaeaea !important;
  }
  .sm-color-neutral {
    color: #eaeaea !important;
  }
  .sm-bg-neutral-brighter {
    background-color: #ffffff !important;
  }
  .sm-color-neutral-brighter {
    color: #ffffff !important;
  }
  .sm-bg-heavy-orange {
    background-color: #831B03 !important;
  }
  .sm-color-heavy-orange {
    color: #831B03 !important;
  }
  .sm-bg-dark-orange {
    background-color: #B92D0C !important;
  }
  .sm-color-dark-orange {
    color: #B92D0C !important;
  }
  .sm-bg-medium-orange {
    background-color: #DA3B15 !important;
  }
  .sm-color-medium-orange {
    color: #DA3B15 !important;
  }
  .sm-bg-light-orange {
    background-color: #FBEAE7 !important;
  }
  .sm-color-light-orange {
    color: #FBEAE7 !important;
  }
  .sm-bg-disabled-orange {
    background-color: #DC9685 !important;
  }
  .sm-color-disabled-orange {
    color: #DC9685 !important;
  }
  .sm-bg-dark-blue {
    background-color: #172644 !important;
  }
  .sm-color-dark-blue {
    color: #172644 !important;
  }
  .sm-bg-medium-blue {
    background-color: #1A50B6 !important;
  }
  .sm-color-medium-blue {
    color: #1A50B6 !important;
  }
  .sm-bg-light-blue {
    background-color: #EEF4FE !important;
  }
  .sm-color-light-blue {
    color: #EEF4FE !important;
  }
  .sm-bg-gray-blue {
    background-color: #9EA7BA !important;
  }
  .sm-color-gray-blue {
    color: #9EA7BA !important;
  }
  .sm-bg-dark-yellow {
    background-color: #A75C0A !important;
  }
  .sm-color-dark-yellow {
    color: #A75C0A !important;
  }
  .sm-bg-medium-yellow {
    background-color: #F29D41 !important;
  }
  .sm-color-medium-yellow {
    color: #F29D41 !important;
  }
  .sm-bg-light-yellow {
    background-color: #FDF2E5 !important;
  }
  .sm-color-light-yellow {
    color: #FDF2E5 !important;
  }
  .sm-bg-dark-gray {
    background-color: #69696B !important;
  }
  .sm-color-dark-gray {
    color: #69696B !important;
  }
  .sm-bg-medium-gray {
    background-color: #B3B3B3 !important;
  }
  .sm-color-medium-gray {
    color: #B3B3B3 !important;
  }
  .sm-bg-light-gray {
    background-color: #EFEFF1 !important;
  }
  .sm-color-light-gray {
    color: #EFEFF1 !important;
  }
  .sm-bg-dark-green {
    background-color: #006104 !important;
  }
  .sm-color-dark-green {
    color: #006104 !important;
  }
  .sm-bg-light-green {
    background-color: #EDFBE7 !important;
  }
  .sm-color-light-green {
    color: #EDFBE7 !important;
  }
  .sm-bg-approved-green {
    background-color: #0D9501 !important;
  }
  .sm-color-approved-green {
    color: #0D9501 !important;
  }
  .sm-bg-error-red {
    background-color: #D61A1A !important;
  }
  .sm-color-error-red {
    color: #D61A1A !important;
  }
  .sm-bg-beige {
    background-color: #F9F8F6 !important;
  }
  .sm-color-beige {
    color: #F9F8F6 !important;
  }
  .sm-bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (max-width: 991px) {
  .md-bg-neutral-darker {
    background-color: #000000 !important;
  }
  .md-color-neutral-darker {
    color: #000000 !important;
  }
  .md-bg-neutral {
    background-color: #eaeaea !important;
  }
  .md-color-neutral {
    color: #eaeaea !important;
  }
  .md-bg-neutral-brighter {
    background-color: #ffffff !important;
  }
  .md-color-neutral-brighter {
    color: #ffffff !important;
  }
  .md-bg-heavy-orange {
    background-color: #831B03 !important;
  }
  .md-color-heavy-orange {
    color: #831B03 !important;
  }
  .md-bg-dark-orange {
    background-color: #B92D0C !important;
  }
  .md-color-dark-orange {
    color: #B92D0C !important;
  }
  .md-bg-medium-orange {
    background-color: #DA3B15 !important;
  }
  .md-color-medium-orange {
    color: #DA3B15 !important;
  }
  .md-bg-light-orange {
    background-color: #FBEAE7 !important;
  }
  .md-color-light-orange {
    color: #FBEAE7 !important;
  }
  .md-bg-disabled-orange {
    background-color: #DC9685 !important;
  }
  .md-color-disabled-orange {
    color: #DC9685 !important;
  }
  .md-bg-dark-blue {
    background-color: #172644 !important;
  }
  .md-color-dark-blue {
    color: #172644 !important;
  }
  .md-bg-medium-blue {
    background-color: #1A50B6 !important;
  }
  .md-color-medium-blue {
    color: #1A50B6 !important;
  }
  .md-bg-light-blue {
    background-color: #EEF4FE !important;
  }
  .md-color-light-blue {
    color: #EEF4FE !important;
  }
  .md-bg-gray-blue {
    background-color: #9EA7BA !important;
  }
  .md-color-gray-blue {
    color: #9EA7BA !important;
  }
  .md-bg-dark-yellow {
    background-color: #A75C0A !important;
  }
  .md-color-dark-yellow {
    color: #A75C0A !important;
  }
  .md-bg-medium-yellow {
    background-color: #F29D41 !important;
  }
  .md-color-medium-yellow {
    color: #F29D41 !important;
  }
  .md-bg-light-yellow {
    background-color: #FDF2E5 !important;
  }
  .md-color-light-yellow {
    color: #FDF2E5 !important;
  }
  .md-bg-dark-gray {
    background-color: #69696B !important;
  }
  .md-color-dark-gray {
    color: #69696B !important;
  }
  .md-bg-medium-gray {
    background-color: #B3B3B3 !important;
  }
  .md-color-medium-gray {
    color: #B3B3B3 !important;
  }
  .md-bg-light-gray {
    background-color: #EFEFF1 !important;
  }
  .md-color-light-gray {
    color: #EFEFF1 !important;
  }
  .md-bg-dark-green {
    background-color: #006104 !important;
  }
  .md-color-dark-green {
    color: #006104 !important;
  }
  .md-bg-light-green {
    background-color: #EDFBE7 !important;
  }
  .md-color-light-green {
    color: #EDFBE7 !important;
  }
  .md-bg-approved-green {
    background-color: #0D9501 !important;
  }
  .md-color-approved-green {
    color: #0D9501 !important;
  }
  .md-bg-error-red {
    background-color: #D61A1A !important;
  }
  .md-color-error-red {
    color: #D61A1A !important;
  }
  .md-bg-beige {
    background-color: #F9F8F6 !important;
  }
  .md-color-beige {
    color: #F9F8F6 !important;
  }
  .md-bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (max-width: 1199px) {
  .lg-bg-neutral-darker {
    background-color: #000000 !important;
  }
  .lg-color-neutral-darker {
    color: #000000 !important;
  }
  .lg-bg-neutral {
    background-color: #eaeaea !important;
  }
  .lg-color-neutral {
    color: #eaeaea !important;
  }
  .lg-bg-neutral-brighter {
    background-color: #ffffff !important;
  }
  .lg-color-neutral-brighter {
    color: #ffffff !important;
  }
  .lg-bg-heavy-orange {
    background-color: #831B03 !important;
  }
  .lg-color-heavy-orange {
    color: #831B03 !important;
  }
  .lg-bg-dark-orange {
    background-color: #B92D0C !important;
  }
  .lg-color-dark-orange {
    color: #B92D0C !important;
  }
  .lg-bg-medium-orange {
    background-color: #DA3B15 !important;
  }
  .lg-color-medium-orange {
    color: #DA3B15 !important;
  }
  .lg-bg-light-orange {
    background-color: #FBEAE7 !important;
  }
  .lg-color-light-orange {
    color: #FBEAE7 !important;
  }
  .lg-bg-disabled-orange {
    background-color: #DC9685 !important;
  }
  .lg-color-disabled-orange {
    color: #DC9685 !important;
  }
  .lg-bg-dark-blue {
    background-color: #172644 !important;
  }
  .lg-color-dark-blue {
    color: #172644 !important;
  }
  .lg-bg-medium-blue {
    background-color: #1A50B6 !important;
  }
  .lg-color-medium-blue {
    color: #1A50B6 !important;
  }
  .lg-bg-light-blue {
    background-color: #EEF4FE !important;
  }
  .lg-color-light-blue {
    color: #EEF4FE !important;
  }
  .lg-bg-gray-blue {
    background-color: #9EA7BA !important;
  }
  .lg-color-gray-blue {
    color: #9EA7BA !important;
  }
  .lg-bg-dark-yellow {
    background-color: #A75C0A !important;
  }
  .lg-color-dark-yellow {
    color: #A75C0A !important;
  }
  .lg-bg-medium-yellow {
    background-color: #F29D41 !important;
  }
  .lg-color-medium-yellow {
    color: #F29D41 !important;
  }
  .lg-bg-light-yellow {
    background-color: #FDF2E5 !important;
  }
  .lg-color-light-yellow {
    color: #FDF2E5 !important;
  }
  .lg-bg-dark-gray {
    background-color: #69696B !important;
  }
  .lg-color-dark-gray {
    color: #69696B !important;
  }
  .lg-bg-medium-gray {
    background-color: #B3B3B3 !important;
  }
  .lg-color-medium-gray {
    color: #B3B3B3 !important;
  }
  .lg-bg-light-gray {
    background-color: #EFEFF1 !important;
  }
  .lg-color-light-gray {
    color: #EFEFF1 !important;
  }
  .lg-bg-dark-green {
    background-color: #006104 !important;
  }
  .lg-color-dark-green {
    color: #006104 !important;
  }
  .lg-bg-light-green {
    background-color: #EDFBE7 !important;
  }
  .lg-color-light-green {
    color: #EDFBE7 !important;
  }
  .lg-bg-approved-green {
    background-color: #0D9501 !important;
  }
  .lg-color-approved-green {
    color: #0D9501 !important;
  }
  .lg-bg-error-red {
    background-color: #D61A1A !important;
  }
  .lg-color-error-red {
    color: #D61A1A !important;
  }
  .lg-bg-beige {
    background-color: #F9F8F6 !important;
  }
  .lg-color-beige {
    color: #F9F8F6 !important;
  }
  .lg-bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl-bg-neutral-darker {
    background-color: #000000 !important;
  }
  .xl-color-neutral-darker {
    color: #000000 !important;
  }
  .xl-bg-neutral {
    background-color: #eaeaea !important;
  }
  .xl-color-neutral {
    color: #eaeaea !important;
  }
  .xl-bg-neutral-brighter {
    background-color: #ffffff !important;
  }
  .xl-color-neutral-brighter {
    color: #ffffff !important;
  }
  .xl-bg-heavy-orange {
    background-color: #831B03 !important;
  }
  .xl-color-heavy-orange {
    color: #831B03 !important;
  }
  .xl-bg-dark-orange {
    background-color: #B92D0C !important;
  }
  .xl-color-dark-orange {
    color: #B92D0C !important;
  }
  .xl-bg-medium-orange {
    background-color: #DA3B15 !important;
  }
  .xl-color-medium-orange {
    color: #DA3B15 !important;
  }
  .xl-bg-light-orange {
    background-color: #FBEAE7 !important;
  }
  .xl-color-light-orange {
    color: #FBEAE7 !important;
  }
  .xl-bg-disabled-orange {
    background-color: #DC9685 !important;
  }
  .xl-color-disabled-orange {
    color: #DC9685 !important;
  }
  .xl-bg-dark-blue {
    background-color: #172644 !important;
  }
  .xl-color-dark-blue {
    color: #172644 !important;
  }
  .xl-bg-medium-blue {
    background-color: #1A50B6 !important;
  }
  .xl-color-medium-blue {
    color: #1A50B6 !important;
  }
  .xl-bg-light-blue {
    background-color: #EEF4FE !important;
  }
  .xl-color-light-blue {
    color: #EEF4FE !important;
  }
  .xl-bg-gray-blue {
    background-color: #9EA7BA !important;
  }
  .xl-color-gray-blue {
    color: #9EA7BA !important;
  }
  .xl-bg-dark-yellow {
    background-color: #A75C0A !important;
  }
  .xl-color-dark-yellow {
    color: #A75C0A !important;
  }
  .xl-bg-medium-yellow {
    background-color: #F29D41 !important;
  }
  .xl-color-medium-yellow {
    color: #F29D41 !important;
  }
  .xl-bg-light-yellow {
    background-color: #FDF2E5 !important;
  }
  .xl-color-light-yellow {
    color: #FDF2E5 !important;
  }
  .xl-bg-dark-gray {
    background-color: #69696B !important;
  }
  .xl-color-dark-gray {
    color: #69696B !important;
  }
  .xl-bg-medium-gray {
    background-color: #B3B3B3 !important;
  }
  .xl-color-medium-gray {
    color: #B3B3B3 !important;
  }
  .xl-bg-light-gray {
    background-color: #EFEFF1 !important;
  }
  .xl-color-light-gray {
    color: #EFEFF1 !important;
  }
  .xl-bg-dark-green {
    background-color: #006104 !important;
  }
  .xl-color-dark-green {
    color: #006104 !important;
  }
  .xl-bg-light-green {
    background-color: #EDFBE7 !important;
  }
  .xl-color-light-green {
    color: #EDFBE7 !important;
  }
  .xl-bg-approved-green {
    background-color: #0D9501 !important;
  }
  .xl-color-approved-green {
    color: #0D9501 !important;
  }
  .xl-bg-error-red {
    background-color: #D61A1A !important;
  }
  .xl-color-error-red {
    color: #D61A1A !important;
  }
  .xl-bg-beige {
    background-color: #F9F8F6 !important;
  }
  .xl-color-beige {
    color: #F9F8F6 !important;
  }
  .xl-bg-transparent {
    background-color: transparent !important;
  }
}
.d-none {
  display: none !important;
}

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

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

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

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

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

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

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

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

.justify-around {
  justify-content: space-around !important;
}

.justify-between {
  justify-content: space-between !important;
}

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

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

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

.flex-col {
  flex-direction: column !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-grow {
  flex-grow: 1 !important;
}

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

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

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

.row-reverse {
  flex-direction: row-reverse !important;
}

.col-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (max-width: 575px) {
  .xs-d-none {
    display: none !important;
  }
  .xs-d-inline {
    display: inline !important;
  }
  .xs-d-inline-block {
    display: inline-block !important;
  }
  .xs-d-block {
    display: block !important;
  }
  .xs-d-table {
    display: table !important;
  }
  .xs-d-table-row {
    display: table-row !important;
  }
  .xs-d-table-cell {
    display: table-cell !important;
  }
  .xs-d-flex {
    display: flex !important;
  }
  .xs-d-inline-flex {
    display: inline-flex !important;
  }
  .xs-justify-start {
    justify-content: flex-start !important;
  }
  .xs-justify-end {
    justify-content: flex-end !important;
  }
  .xs-justify-center {
    justify-content: center !important;
  }
  .xs-justify-around {
    justify-content: space-around !important;
  }
  .xs-justify-between {
    justify-content: space-between !important;
  }
  .xs-align-start {
    align-items: flex-start !important;
  }
  .xs-align-end {
    align-items: flex-end !important;
  }
  .xs-align-center {
    align-items: center !important;
  }
  .xs-flex-col {
    flex-direction: column !important;
  }
  .xs-flex-row {
    flex-direction: row !important;
  }
  .xs-flex-grow {
    flex-grow: 1 !important;
  }
  .xs-flex-shrink {
    flex-shrink: 1 !important;
  }
  .xs-flex-wrap {
    flex-wrap: wrap !important;
  }
  .xs-flex-no-wrap {
    flex-wrap: nowrap !important;
  }
  .xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xs-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (max-width: 767px) {
  .sm-d-none {
    display: none !important;
  }
  .sm-d-inline {
    display: inline !important;
  }
  .sm-d-inline-block {
    display: inline-block !important;
  }
  .sm-d-block {
    display: block !important;
  }
  .sm-d-table {
    display: table !important;
  }
  .sm-d-table-row {
    display: table-row !important;
  }
  .sm-d-table-cell {
    display: table-cell !important;
  }
  .sm-d-flex {
    display: flex !important;
  }
  .sm-d-inline-flex {
    display: inline-flex !important;
  }
  .sm-justify-start {
    justify-content: flex-start !important;
  }
  .sm-justify-end {
    justify-content: flex-end !important;
  }
  .sm-justify-center {
    justify-content: center !important;
  }
  .sm-justify-around {
    justify-content: space-around !important;
  }
  .sm-justify-between {
    justify-content: space-between !important;
  }
  .sm-align-start {
    align-items: flex-start !important;
  }
  .sm-align-end {
    align-items: flex-end !important;
  }
  .sm-align-center {
    align-items: center !important;
  }
  .sm-flex-col {
    flex-direction: column !important;
  }
  .sm-flex-row {
    flex-direction: row !important;
  }
  .sm-flex-grow {
    flex-grow: 1 !important;
  }
  .sm-flex-shrink {
    flex-shrink: 1 !important;
  }
  .sm-flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm-flex-no-wrap {
    flex-wrap: nowrap !important;
  }
  .sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (max-width: 991px) {
  .md-d-none {
    display: none !important;
  }
  .md-d-inline {
    display: inline !important;
  }
  .md-d-inline-block {
    display: inline-block !important;
  }
  .md-d-block {
    display: block !important;
  }
  .md-d-table {
    display: table !important;
  }
  .md-d-table-row {
    display: table-row !important;
  }
  .md-d-table-cell {
    display: table-cell !important;
  }
  .md-d-flex {
    display: flex !important;
  }
  .md-d-inline-flex {
    display: inline-flex !important;
  }
  .md-justify-start {
    justify-content: flex-start !important;
  }
  .md-justify-end {
    justify-content: flex-end !important;
  }
  .md-justify-center {
    justify-content: center !important;
  }
  .md-justify-around {
    justify-content: space-around !important;
  }
  .md-justify-between {
    justify-content: space-between !important;
  }
  .md-align-start {
    align-items: flex-start !important;
  }
  .md-align-end {
    align-items: flex-end !important;
  }
  .md-align-center {
    align-items: center !important;
  }
  .md-flex-col {
    flex-direction: column !important;
  }
  .md-flex-row {
    flex-direction: row !important;
  }
  .md-flex-grow {
    flex-grow: 1 !important;
  }
  .md-flex-shrink {
    flex-shrink: 1 !important;
  }
  .md-flex-wrap {
    flex-wrap: wrap !important;
  }
  .md-flex-no-wrap {
    flex-wrap: nowrap !important;
  }
  .md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (max-width: 1199px) {
  .lg-d-none {
    display: none !important;
  }
  .lg-d-inline {
    display: inline !important;
  }
  .lg-d-inline-block {
    display: inline-block !important;
  }
  .lg-d-block {
    display: block !important;
  }
  .lg-d-table {
    display: table !important;
  }
  .lg-d-table-row {
    display: table-row !important;
  }
  .lg-d-table-cell {
    display: table-cell !important;
  }
  .lg-d-flex {
    display: flex !important;
  }
  .lg-d-inline-flex {
    display: inline-flex !important;
  }
  .lg-justify-start {
    justify-content: flex-start !important;
  }
  .lg-justify-end {
    justify-content: flex-end !important;
  }
  .lg-justify-center {
    justify-content: center !important;
  }
  .lg-justify-around {
    justify-content: space-around !important;
  }
  .lg-justify-between {
    justify-content: space-between !important;
  }
  .lg-align-start {
    align-items: flex-start !important;
  }
  .lg-align-end {
    align-items: flex-end !important;
  }
  .lg-align-center {
    align-items: center !important;
  }
  .lg-flex-col {
    flex-direction: column !important;
  }
  .lg-flex-row {
    flex-direction: row !important;
  }
  .lg-flex-grow {
    flex-grow: 1 !important;
  }
  .lg-flex-shrink {
    flex-shrink: 1 !important;
  }
  .lg-flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg-flex-no-wrap {
    flex-wrap: nowrap !important;
  }
  .lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg-col-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl-d-none {
    display: none !important;
  }
  .xl-d-inline {
    display: inline !important;
  }
  .xl-d-inline-block {
    display: inline-block !important;
  }
  .xl-d-block {
    display: block !important;
  }
  .xl-d-table {
    display: table !important;
  }
  .xl-d-table-row {
    display: table-row !important;
  }
  .xl-d-table-cell {
    display: table-cell !important;
  }
  .xl-d-flex {
    display: flex !important;
  }
  .xl-d-inline-flex {
    display: inline-flex !important;
  }
  .xl-justify-start {
    justify-content: flex-start !important;
  }
  .xl-justify-end {
    justify-content: flex-end !important;
  }
  .xl-justify-center {
    justify-content: center !important;
  }
  .xl-justify-around {
    justify-content: space-around !important;
  }
  .xl-justify-between {
    justify-content: space-between !important;
  }
  .xl-align-start {
    align-items: flex-start !important;
  }
  .xl-align-end {
    align-items: flex-end !important;
  }
  .xl-align-center {
    align-items: center !important;
  }
  .xl-flex-col {
    flex-direction: column !important;
  }
  .xl-flex-row {
    flex-direction: row !important;
  }
  .xl-flex-grow {
    flex-grow: 1 !important;
  }
  .xl-flex-shrink {
    flex-shrink: 1 !important;
  }
  .xl-flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl-flex-no-wrap {
    flex-wrap: nowrap !important;
  }
  .xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl-col-reverse {
    flex-direction: column-reverse !important;
  }
}
.pos-relative {
  position: relative !important;
}

.pos-absolute {
  position: absolute !important;
}

.pos-fixed {
  position: fixed !important;
}

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

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

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

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

.pos-v-center {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.pos-h-center {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.pos-center {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

@media screen and (max-width: 575px) {
  .xs-pos-relative {
    position: relative !important;
  }
  .xs-xs-pos-absolute {
    position: absolute !important;
  }
  .xs-xs-pos-fixed {
    position: fixed !important;
  }
  .xs-xs-pos-top {
    top: 0 !important;
  }
  .xs-xs-pos-right {
    right: 0 !important;
  }
  .xs-xs-pos-bottom {
    bottom: 0 !important;
  }
  .xs-xs-pos-left {
    left: 0 !important;
  }
  .xs-xs-pos-v-center {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .xs-xs-pos-h-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .xs-xs-pos-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
@media screen and (max-width: 767px) {
  .sm-pos-relative {
    position: relative !important;
  }
  .sm-xs-pos-absolute {
    position: absolute !important;
  }
  .sm-xs-pos-fixed {
    position: fixed !important;
  }
  .sm-xs-pos-top {
    top: 0 !important;
  }
  .sm-xs-pos-right {
    right: 0 !important;
  }
  .sm-xs-pos-bottom {
    bottom: 0 !important;
  }
  .sm-xs-pos-left {
    left: 0 !important;
  }
  .sm-xs-pos-v-center {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .sm-xs-pos-h-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .sm-xs-pos-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
@media screen and (max-width: 991px) {
  .md-pos-relative {
    position: relative !important;
  }
  .md-xs-pos-absolute {
    position: absolute !important;
  }
  .md-xs-pos-fixed {
    position: fixed !important;
  }
  .md-xs-pos-top {
    top: 0 !important;
  }
  .md-xs-pos-right {
    right: 0 !important;
  }
  .md-xs-pos-bottom {
    bottom: 0 !important;
  }
  .md-xs-pos-left {
    left: 0 !important;
  }
  .md-xs-pos-v-center {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .md-xs-pos-h-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .md-xs-pos-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
@media screen and (max-width: 1199px) {
  .lg-pos-relative {
    position: relative !important;
  }
  .lg-xs-pos-absolute {
    position: absolute !important;
  }
  .lg-xs-pos-fixed {
    position: fixed !important;
  }
  .lg-xs-pos-top {
    top: 0 !important;
  }
  .lg-xs-pos-right {
    right: 0 !important;
  }
  .lg-xs-pos-bottom {
    bottom: 0 !important;
  }
  .lg-xs-pos-left {
    left: 0 !important;
  }
  .lg-xs-pos-v-center {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .lg-xs-pos-h-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .lg-xs-pos-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl-pos-relative {
    position: relative !important;
  }
  .xl-xs-pos-absolute {
    position: absolute !important;
  }
  .xl-xs-pos-fixed {
    position: fixed !important;
  }
  .xl-xs-pos-top {
    top: 0 !important;
  }
  .xl-xs-pos-right {
    right: 0 !important;
  }
  .xl-xs-pos-bottom {
    bottom: 0 !important;
  }
  .xl-xs-pos-left {
    left: 0 !important;
  }
  .xl-xs-pos-v-center {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .xl-xs-pos-h-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .xl-xs-pos-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
.ptn {
  padding-top: 0px !important;
}

.prn {
  padding-right: 0px !important;
}

.pbn {
  padding-bottom: 0px !important;
}

.pln {
  padding-left: 0px !important;
}

.phn {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pvn {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pan {
  padding: 0px !important;
}

.ptxxxs {
  padding-top: 4px !important;
}

.prxxxs {
  padding-right: 4px !important;
}

.pbxxxs {
  padding-bottom: 4px !important;
}

.plxxxs {
  padding-left: 4px !important;
}

.phxxxs {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.pvxxxs {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.paxxxs {
  padding: 4px !important;
}

.ptxxs {
  padding-top: 8px !important;
}

.prxxs {
  padding-right: 8px !important;
}

.pbxxs {
  padding-bottom: 8px !important;
}

.plxxs {
  padding-left: 8px !important;
}

.phxxs {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.pvxxs {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.paxxs {
  padding: 8px !important;
}

.ptxs {
  padding-top: 16px !important;
}

.prxs {
  padding-right: 16px !important;
}

.pbxs {
  padding-bottom: 16px !important;
}

.plxs {
  padding-left: 16px !important;
}

.phxs {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.pvxs {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.paxs {
  padding: 16px !important;
}

.pts {
  padding-top: 24px !important;
}

.prs {
  padding-right: 24px !important;
}

.pbs {
  padding-bottom: 24px !important;
}

.pls {
  padding-left: 24px !important;
}

.phs {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.pvs {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pas {
  padding: 24px !important;
}

.ptm {
  padding-top: 32px !important;
}

.prm {
  padding-right: 32px !important;
}

.pbm {
  padding-bottom: 32px !important;
}

.plm {
  padding-left: 32px !important;
}

.phm {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pvm {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.pam {
  padding: 32px !important;
}

.ptl {
  padding-top: 40px !important;
}

.prl {
  padding-right: 40px !important;
}

.pbl {
  padding-bottom: 40px !important;
}

.pll {
  padding-left: 40px !important;
}

.phl {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pvl {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pal {
  padding: 40px !important;
}

.ptxl {
  padding-top: 64px !important;
}

.prxl {
  padding-right: 64px !important;
}

.pbxl {
  padding-bottom: 64px !important;
}

.plxl {
  padding-left: 64px !important;
}

.phxl {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.pvxl {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.paxl {
  padding: 64px !important;
}

.ptxxl {
  padding-top: 96px !important;
}

.prxxl {
  padding-right: 96px !important;
}

.pbxxl {
  padding-bottom: 96px !important;
}

.plxxl {
  padding-left: 96px !important;
}

.phxxl {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.pvxxl {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.paxxl {
  padding: 96px !important;
}

.ptxxxl {
  padding-top: 128px !important;
}

.prxxxl {
  padding-right: 128px !important;
}

.pbxxxl {
  padding-bottom: 128px !important;
}

.plxxxl {
  padding-left: 128px !important;
}

.phxxxl {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

.pvxxxl {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.paxxxl {
  padding: 128px !important;
}

.mtn {
  margin-top: 0px !important;
}

.mrn {
  margin-right: 0px !important;
}

.mbn {
  margin-bottom: 0px !important;
}

.mln {
  margin-left: 0px !important;
}

.mhn {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.mvn {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.man {
  margin: 0px !important;
}

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

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

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

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

.mhxxxs {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mvxxxs {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.maxxxs {
  margin: 4px !important;
}

.mtxxs {
  margin-top: 8px !important;
}

.mrxxs {
  margin-right: 8px !important;
}

.mbxxs {
  margin-bottom: 8px !important;
}

.mlxxs {
  margin-left: 8px !important;
}

.mhxxs {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mvxxs {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.maxxs {
  margin: 8px !important;
}

.mtxs {
  margin-top: 16px !important;
}

.mrxs {
  margin-right: 16px !important;
}

.mbxs {
  margin-bottom: 16px !important;
}

.mlxs {
  margin-left: 16px !important;
}

.mhxs {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mvxs {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.maxs {
  margin: 16px !important;
}

.mts {
  margin-top: 24px !important;
}

.mrs {
  margin-right: 24px !important;
}

.mbs {
  margin-bottom: 24px !important;
}

.mls {
  margin-left: 24px !important;
}

.mhs {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.mvs {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mas {
  margin: 24px !important;
}

.mtm {
  margin-top: 32px !important;
}

.mrm {
  margin-right: 32px !important;
}

.mbm {
  margin-bottom: 32px !important;
}

.mlm {
  margin-left: 32px !important;
}

.mhm {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.mvm {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mam {
  margin: 32px !important;
}

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

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

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

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

.mhl {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mvl {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mal {
  margin: 40px !important;
}

.mtxl {
  margin-top: 64px !important;
}

.mrxl {
  margin-right: 64px !important;
}

.mbxl {
  margin-bottom: 64px !important;
}

.mlxl {
  margin-left: 64px !important;
}

.mhxl {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.mvxl {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.maxl {
  margin: 64px !important;
}

.mtxxl {
  margin-top: 96px !important;
}

.mrxxl {
  margin-right: 96px !important;
}

.mbxxl {
  margin-bottom: 96px !important;
}

.mlxxl {
  margin-left: 96px !important;
}

.mhxxl {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.mvxxl {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.maxxl {
  margin: 96px !important;
}

.mtxxxl {
  margin-top: 128px !important;
}

.mrxxxl {
  margin-right: 128px !important;
}

.mbxxxl {
  margin-bottom: 128px !important;
}

.mlxxxl {
  margin-left: 128px !important;
}

.mhxxxl {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

.mvxxxl {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.maxxxl {
  margin: 128px !important;
}

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

@media screen and (max-width: 575px) {
  .xs-ptn {
    padding-top: 0px !important;
  }
  .xs-prn {
    padding-right: 0px !important;
  }
  .xs-pbn {
    padding-bottom: 0px !important;
  }
  .xs-pln {
    padding-left: 0px !important;
  }
  .xs-phn {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .xs-pvn {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .xs-pan {
    padding: 0px !important;
  }
  .xs-ptxxxs {
    padding-top: 4px !important;
  }
  .xs-prxxxs {
    padding-right: 4px !important;
  }
  .xs-pbxxxs {
    padding-bottom: 4px !important;
  }
  .xs-plxxxs {
    padding-left: 4px !important;
  }
  .xs-phxxxs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .xs-pvxxxs {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .xs-paxxxs {
    padding: 4px !important;
  }
  .xs-ptxxs {
    padding-top: 8px !important;
  }
  .xs-prxxs {
    padding-right: 8px !important;
  }
  .xs-pbxxs {
    padding-bottom: 8px !important;
  }
  .xs-plxxs {
    padding-left: 8px !important;
  }
  .xs-phxxs {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .xs-pvxxs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .xs-paxxs {
    padding: 8px !important;
  }
  .xs-ptxs {
    padding-top: 16px !important;
  }
  .xs-prxs {
    padding-right: 16px !important;
  }
  .xs-pbxs {
    padding-bottom: 16px !important;
  }
  .xs-plxs {
    padding-left: 16px !important;
  }
  .xs-phxs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .xs-pvxs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .xs-paxs {
    padding: 16px !important;
  }
  .xs-pts {
    padding-top: 24px !important;
  }
  .xs-prs {
    padding-right: 24px !important;
  }
  .xs-pbs {
    padding-bottom: 24px !important;
  }
  .xs-pls {
    padding-left: 24px !important;
  }
  .xs-phs {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .xs-pvs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .xs-pas {
    padding: 24px !important;
  }
  .xs-ptm {
    padding-top: 32px !important;
  }
  .xs-prm {
    padding-right: 32px !important;
  }
  .xs-pbm {
    padding-bottom: 32px !important;
  }
  .xs-plm {
    padding-left: 32px !important;
  }
  .xs-phm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .xs-pvm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .xs-pam {
    padding: 32px !important;
  }
  .xs-ptl {
    padding-top: 40px !important;
  }
  .xs-prl {
    padding-right: 40px !important;
  }
  .xs-pbl {
    padding-bottom: 40px !important;
  }
  .xs-pll {
    padding-left: 40px !important;
  }
  .xs-phl {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .xs-pvl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .xs-pal {
    padding: 40px !important;
  }
  .xs-ptxl {
    padding-top: 64px !important;
  }
  .xs-prxl {
    padding-right: 64px !important;
  }
  .xs-pbxl {
    padding-bottom: 64px !important;
  }
  .xs-plxl {
    padding-left: 64px !important;
  }
  .xs-phxl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .xs-pvxl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .xs-paxl {
    padding: 64px !important;
  }
  .xs-ptxxl {
    padding-top: 96px !important;
  }
  .xs-prxxl {
    padding-right: 96px !important;
  }
  .xs-pbxxl {
    padding-bottom: 96px !important;
  }
  .xs-plxxl {
    padding-left: 96px !important;
  }
  .xs-phxxl {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .xs-pvxxl {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .xs-paxxl {
    padding: 96px !important;
  }
  .xs-ptxxxl {
    padding-top: 128px !important;
  }
  .xs-prxxxl {
    padding-right: 128px !important;
  }
  .xs-pbxxxl {
    padding-bottom: 128px !important;
  }
  .xs-plxxxl {
    padding-left: 128px !important;
  }
  .xs-phxxxl {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .xs-pvxxxl {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .xs-paxxxl {
    padding: 128px !important;
  }
  .xs-mtn {
    margin-top: 0px !important;
  }
  .xs-mrn {
    margin-right: 0px !important;
  }
  .xs-mbn {
    margin-bottom: 0px !important;
  }
  .xs-mln {
    margin-left: 0px !important;
  }
  .xs-mhn {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .xs-mvn {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .xs-man {
    margin: 0px !important;
  }
  .xs-mtxxxs {
    margin-top: 4px !important;
  }
  .xs-mrxxxs {
    margin-right: 4px !important;
  }
  .xs-mbxxxs {
    margin-bottom: 4px !important;
  }
  .xs-mlxxxs {
    margin-left: 4px !important;
  }
  .xs-mhxxxs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .xs-mvxxxs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .xs-maxxxs {
    margin: 4px !important;
  }
  .xs-mtxxs {
    margin-top: 8px !important;
  }
  .xs-mrxxs {
    margin-right: 8px !important;
  }
  .xs-mbxxs {
    margin-bottom: 8px !important;
  }
  .xs-mlxxs {
    margin-left: 8px !important;
  }
  .xs-mhxxs {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .xs-mvxxs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .xs-maxxs {
    margin: 8px !important;
  }
  .xs-mtxs {
    margin-top: 16px !important;
  }
  .xs-mrxs {
    margin-right: 16px !important;
  }
  .xs-mbxs {
    margin-bottom: 16px !important;
  }
  .xs-mlxs {
    margin-left: 16px !important;
  }
  .xs-mhxs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .xs-mvxs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .xs-maxs {
    margin: 16px !important;
  }
  .xs-mts {
    margin-top: 24px !important;
  }
  .xs-mrs {
    margin-right: 24px !important;
  }
  .xs-mbs {
    margin-bottom: 24px !important;
  }
  .xs-mls {
    margin-left: 24px !important;
  }
  .xs-mhs {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .xs-mvs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .xs-mas {
    margin: 24px !important;
  }
  .xs-mtm {
    margin-top: 32px !important;
  }
  .xs-mrm {
    margin-right: 32px !important;
  }
  .xs-mbm {
    margin-bottom: 32px !important;
  }
  .xs-mlm {
    margin-left: 32px !important;
  }
  .xs-mhm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .xs-mvm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .xs-mam {
    margin: 32px !important;
  }
  .xs-mtl {
    margin-top: 40px !important;
  }
  .xs-mrl {
    margin-right: 40px !important;
  }
  .xs-mbl {
    margin-bottom: 40px !important;
  }
  .xs-mll {
    margin-left: 40px !important;
  }
  .xs-mhl {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .xs-mvl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xs-mal {
    margin: 40px !important;
  }
  .xs-mtxl {
    margin-top: 64px !important;
  }
  .xs-mrxl {
    margin-right: 64px !important;
  }
  .xs-mbxl {
    margin-bottom: 64px !important;
  }
  .xs-mlxl {
    margin-left: 64px !important;
  }
  .xs-mhxl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .xs-mvxl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .xs-maxl {
    margin: 64px !important;
  }
  .xs-mtxxl {
    margin-top: 96px !important;
  }
  .xs-mrxxl {
    margin-right: 96px !important;
  }
  .xs-mbxxl {
    margin-bottom: 96px !important;
  }
  .xs-mlxxl {
    margin-left: 96px !important;
  }
  .xs-mhxxl {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .xs-mvxxl {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .xs-maxxl {
    margin: 96px !important;
  }
  .xs-mtxxxl {
    margin-top: 128px !important;
  }
  .xs-mrxxxl {
    margin-right: 128px !important;
  }
  .xs-mbxxxl {
    margin-bottom: 128px !important;
  }
  .xs-mlxxxl {
    margin-left: 128px !important;
  }
  .xs-mhxxxl {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .xs-mvxxxl {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .xs-maxxxl {
    margin: 128px !important;
  }
  .xs-m-auto {
    margin: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .sm-ptn {
    padding-top: 0px !important;
  }
  .sm-prn {
    padding-right: 0px !important;
  }
  .sm-pbn {
    padding-bottom: 0px !important;
  }
  .sm-pln {
    padding-left: 0px !important;
  }
  .sm-phn {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .sm-pvn {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .sm-pan {
    padding: 0px !important;
  }
  .sm-ptxxxs {
    padding-top: 4px !important;
  }
  .sm-prxxxs {
    padding-right: 4px !important;
  }
  .sm-pbxxxs {
    padding-bottom: 4px !important;
  }
  .sm-plxxxs {
    padding-left: 4px !important;
  }
  .sm-phxxxs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .sm-pvxxxs {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .sm-paxxxs {
    padding: 4px !important;
  }
  .sm-ptxxs {
    padding-top: 8px !important;
  }
  .sm-prxxs {
    padding-right: 8px !important;
  }
  .sm-pbxxs {
    padding-bottom: 8px !important;
  }
  .sm-plxxs {
    padding-left: 8px !important;
  }
  .sm-phxxs {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .sm-pvxxs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .sm-paxxs {
    padding: 8px !important;
  }
  .sm-ptxs {
    padding-top: 16px !important;
  }
  .sm-prxs {
    padding-right: 16px !important;
  }
  .sm-pbxs {
    padding-bottom: 16px !important;
  }
  .sm-plxs {
    padding-left: 16px !important;
  }
  .sm-phxs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .sm-pvxs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .sm-paxs {
    padding: 16px !important;
  }
  .sm-pts {
    padding-top: 24px !important;
  }
  .sm-prs {
    padding-right: 24px !important;
  }
  .sm-pbs {
    padding-bottom: 24px !important;
  }
  .sm-pls {
    padding-left: 24px !important;
  }
  .sm-phs {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .sm-pvs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .sm-pas {
    padding: 24px !important;
  }
  .sm-ptm {
    padding-top: 32px !important;
  }
  .sm-prm {
    padding-right: 32px !important;
  }
  .sm-pbm {
    padding-bottom: 32px !important;
  }
  .sm-plm {
    padding-left: 32px !important;
  }
  .sm-phm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .sm-pvm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .sm-pam {
    padding: 32px !important;
  }
  .sm-ptl {
    padding-top: 40px !important;
  }
  .sm-prl {
    padding-right: 40px !important;
  }
  .sm-pbl {
    padding-bottom: 40px !important;
  }
  .sm-pll {
    padding-left: 40px !important;
  }
  .sm-phl {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .sm-pvl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .sm-pal {
    padding: 40px !important;
  }
  .sm-ptxl {
    padding-top: 64px !important;
  }
  .sm-prxl {
    padding-right: 64px !important;
  }
  .sm-pbxl {
    padding-bottom: 64px !important;
  }
  .sm-plxl {
    padding-left: 64px !important;
  }
  .sm-phxl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .sm-pvxl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .sm-paxl {
    padding: 64px !important;
  }
  .sm-ptxxl {
    padding-top: 96px !important;
  }
  .sm-prxxl {
    padding-right: 96px !important;
  }
  .sm-pbxxl {
    padding-bottom: 96px !important;
  }
  .sm-plxxl {
    padding-left: 96px !important;
  }
  .sm-phxxl {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .sm-pvxxl {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .sm-paxxl {
    padding: 96px !important;
  }
  .sm-ptxxxl {
    padding-top: 128px !important;
  }
  .sm-prxxxl {
    padding-right: 128px !important;
  }
  .sm-pbxxxl {
    padding-bottom: 128px !important;
  }
  .sm-plxxxl {
    padding-left: 128px !important;
  }
  .sm-phxxxl {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .sm-pvxxxl {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .sm-paxxxl {
    padding: 128px !important;
  }
  .sm-mtn {
    margin-top: 0px !important;
  }
  .sm-mrn {
    margin-right: 0px !important;
  }
  .sm-mbn {
    margin-bottom: 0px !important;
  }
  .sm-mln {
    margin-left: 0px !important;
  }
  .sm-mhn {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .sm-mvn {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .sm-man {
    margin: 0px !important;
  }
  .sm-mtxxxs {
    margin-top: 4px !important;
  }
  .sm-mrxxxs {
    margin-right: 4px !important;
  }
  .sm-mbxxxs {
    margin-bottom: 4px !important;
  }
  .sm-mlxxxs {
    margin-left: 4px !important;
  }
  .sm-mhxxxs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .sm-mvxxxs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .sm-maxxxs {
    margin: 4px !important;
  }
  .sm-mtxxs {
    margin-top: 8px !important;
  }
  .sm-mrxxs {
    margin-right: 8px !important;
  }
  .sm-mbxxs {
    margin-bottom: 8px !important;
  }
  .sm-mlxxs {
    margin-left: 8px !important;
  }
  .sm-mhxxs {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .sm-mvxxs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .sm-maxxs {
    margin: 8px !important;
  }
  .sm-mtxs {
    margin-top: 16px !important;
  }
  .sm-mrxs {
    margin-right: 16px !important;
  }
  .sm-mbxs {
    margin-bottom: 16px !important;
  }
  .sm-mlxs {
    margin-left: 16px !important;
  }
  .sm-mhxs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .sm-mvxs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .sm-maxs {
    margin: 16px !important;
  }
  .sm-mts {
    margin-top: 24px !important;
  }
  .sm-mrs {
    margin-right: 24px !important;
  }
  .sm-mbs {
    margin-bottom: 24px !important;
  }
  .sm-mls {
    margin-left: 24px !important;
  }
  .sm-mhs {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .sm-mvs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .sm-mas {
    margin: 24px !important;
  }
  .sm-mtm {
    margin-top: 32px !important;
  }
  .sm-mrm {
    margin-right: 32px !important;
  }
  .sm-mbm {
    margin-bottom: 32px !important;
  }
  .sm-mlm {
    margin-left: 32px !important;
  }
  .sm-mhm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .sm-mvm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .sm-mam {
    margin: 32px !important;
  }
  .sm-mtl {
    margin-top: 40px !important;
  }
  .sm-mrl {
    margin-right: 40px !important;
  }
  .sm-mbl {
    margin-bottom: 40px !important;
  }
  .sm-mll {
    margin-left: 40px !important;
  }
  .sm-mhl {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .sm-mvl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .sm-mal {
    margin: 40px !important;
  }
  .sm-mtxl {
    margin-top: 64px !important;
  }
  .sm-mrxl {
    margin-right: 64px !important;
  }
  .sm-mbxl {
    margin-bottom: 64px !important;
  }
  .sm-mlxl {
    margin-left: 64px !important;
  }
  .sm-mhxl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .sm-mvxl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .sm-maxl {
    margin: 64px !important;
  }
  .sm-mtxxl {
    margin-top: 96px !important;
  }
  .sm-mrxxl {
    margin-right: 96px !important;
  }
  .sm-mbxxl {
    margin-bottom: 96px !important;
  }
  .sm-mlxxl {
    margin-left: 96px !important;
  }
  .sm-mhxxl {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .sm-mvxxl {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .sm-maxxl {
    margin: 96px !important;
  }
  .sm-mtxxxl {
    margin-top: 128px !important;
  }
  .sm-mrxxxl {
    margin-right: 128px !important;
  }
  .sm-mbxxxl {
    margin-bottom: 128px !important;
  }
  .sm-mlxxxl {
    margin-left: 128px !important;
  }
  .sm-mhxxxl {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .sm-mvxxxl {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .sm-maxxxl {
    margin: 128px !important;
  }
  .sm-m-auto {
    margin: auto !important;
  }
}
@media screen and (max-width: 991px) {
  .md-ptn {
    padding-top: 0px !important;
  }
  .md-prn {
    padding-right: 0px !important;
  }
  .md-pbn {
    padding-bottom: 0px !important;
  }
  .md-pln {
    padding-left: 0px !important;
  }
  .md-phn {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .md-pvn {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .md-pan {
    padding: 0px !important;
  }
  .md-ptxxxs {
    padding-top: 4px !important;
  }
  .md-prxxxs {
    padding-right: 4px !important;
  }
  .md-pbxxxs {
    padding-bottom: 4px !important;
  }
  .md-plxxxs {
    padding-left: 4px !important;
  }
  .md-phxxxs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .md-pvxxxs {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .md-paxxxs {
    padding: 4px !important;
  }
  .md-ptxxs {
    padding-top: 8px !important;
  }
  .md-prxxs {
    padding-right: 8px !important;
  }
  .md-pbxxs {
    padding-bottom: 8px !important;
  }
  .md-plxxs {
    padding-left: 8px !important;
  }
  .md-phxxs {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .md-pvxxs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .md-paxxs {
    padding: 8px !important;
  }
  .md-ptxs {
    padding-top: 16px !important;
  }
  .md-prxs {
    padding-right: 16px !important;
  }
  .md-pbxs {
    padding-bottom: 16px !important;
  }
  .md-plxs {
    padding-left: 16px !important;
  }
  .md-phxs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .md-pvxs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .md-paxs {
    padding: 16px !important;
  }
  .md-pts {
    padding-top: 24px !important;
  }
  .md-prs {
    padding-right: 24px !important;
  }
  .md-pbs {
    padding-bottom: 24px !important;
  }
  .md-pls {
    padding-left: 24px !important;
  }
  .md-phs {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .md-pvs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .md-pas {
    padding: 24px !important;
  }
  .md-ptm {
    padding-top: 32px !important;
  }
  .md-prm {
    padding-right: 32px !important;
  }
  .md-pbm {
    padding-bottom: 32px !important;
  }
  .md-plm {
    padding-left: 32px !important;
  }
  .md-phm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .md-pvm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .md-pam {
    padding: 32px !important;
  }
  .md-ptl {
    padding-top: 40px !important;
  }
  .md-prl {
    padding-right: 40px !important;
  }
  .md-pbl {
    padding-bottom: 40px !important;
  }
  .md-pll {
    padding-left: 40px !important;
  }
  .md-phl {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .md-pvl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .md-pal {
    padding: 40px !important;
  }
  .md-ptxl {
    padding-top: 64px !important;
  }
  .md-prxl {
    padding-right: 64px !important;
  }
  .md-pbxl {
    padding-bottom: 64px !important;
  }
  .md-plxl {
    padding-left: 64px !important;
  }
  .md-phxl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .md-pvxl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .md-paxl {
    padding: 64px !important;
  }
  .md-ptxxl {
    padding-top: 96px !important;
  }
  .md-prxxl {
    padding-right: 96px !important;
  }
  .md-pbxxl {
    padding-bottom: 96px !important;
  }
  .md-plxxl {
    padding-left: 96px !important;
  }
  .md-phxxl {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .md-pvxxl {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .md-paxxl {
    padding: 96px !important;
  }
  .md-ptxxxl {
    padding-top: 128px !important;
  }
  .md-prxxxl {
    padding-right: 128px !important;
  }
  .md-pbxxxl {
    padding-bottom: 128px !important;
  }
  .md-plxxxl {
    padding-left: 128px !important;
  }
  .md-phxxxl {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .md-pvxxxl {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .md-paxxxl {
    padding: 128px !important;
  }
  .md-mtn {
    margin-top: 0px !important;
  }
  .md-mrn {
    margin-right: 0px !important;
  }
  .md-mbn {
    margin-bottom: 0px !important;
  }
  .md-mln {
    margin-left: 0px !important;
  }
  .md-mhn {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .md-mvn {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .md-man {
    margin: 0px !important;
  }
  .md-mtxxxs {
    margin-top: 4px !important;
  }
  .md-mrxxxs {
    margin-right: 4px !important;
  }
  .md-mbxxxs {
    margin-bottom: 4px !important;
  }
  .md-mlxxxs {
    margin-left: 4px !important;
  }
  .md-mhxxxs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .md-mvxxxs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .md-maxxxs {
    margin: 4px !important;
  }
  .md-mtxxs {
    margin-top: 8px !important;
  }
  .md-mrxxs {
    margin-right: 8px !important;
  }
  .md-mbxxs {
    margin-bottom: 8px !important;
  }
  .md-mlxxs {
    margin-left: 8px !important;
  }
  .md-mhxxs {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .md-mvxxs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .md-maxxs {
    margin: 8px !important;
  }
  .md-mtxs {
    margin-top: 16px !important;
  }
  .md-mrxs {
    margin-right: 16px !important;
  }
  .md-mbxs {
    margin-bottom: 16px !important;
  }
  .md-mlxs {
    margin-left: 16px !important;
  }
  .md-mhxs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .md-mvxs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .md-maxs {
    margin: 16px !important;
  }
  .md-mts {
    margin-top: 24px !important;
  }
  .md-mrs {
    margin-right: 24px !important;
  }
  .md-mbs {
    margin-bottom: 24px !important;
  }
  .md-mls {
    margin-left: 24px !important;
  }
  .md-mhs {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .md-mvs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .md-mas {
    margin: 24px !important;
  }
  .md-mtm {
    margin-top: 32px !important;
  }
  .md-mrm {
    margin-right: 32px !important;
  }
  .md-mbm {
    margin-bottom: 32px !important;
  }
  .md-mlm {
    margin-left: 32px !important;
  }
  .md-mhm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .md-mvm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .md-mam {
    margin: 32px !important;
  }
  .md-mtl {
    margin-top: 40px !important;
  }
  .md-mrl {
    margin-right: 40px !important;
  }
  .md-mbl {
    margin-bottom: 40px !important;
  }
  .md-mll {
    margin-left: 40px !important;
  }
  .md-mhl {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .md-mvl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .md-mal {
    margin: 40px !important;
  }
  .md-mtxl {
    margin-top: 64px !important;
  }
  .md-mrxl {
    margin-right: 64px !important;
  }
  .md-mbxl {
    margin-bottom: 64px !important;
  }
  .md-mlxl {
    margin-left: 64px !important;
  }
  .md-mhxl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .md-mvxl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .md-maxl {
    margin: 64px !important;
  }
  .md-mtxxl {
    margin-top: 96px !important;
  }
  .md-mrxxl {
    margin-right: 96px !important;
  }
  .md-mbxxl {
    margin-bottom: 96px !important;
  }
  .md-mlxxl {
    margin-left: 96px !important;
  }
  .md-mhxxl {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .md-mvxxl {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .md-maxxl {
    margin: 96px !important;
  }
  .md-mtxxxl {
    margin-top: 128px !important;
  }
  .md-mrxxxl {
    margin-right: 128px !important;
  }
  .md-mbxxxl {
    margin-bottom: 128px !important;
  }
  .md-mlxxxl {
    margin-left: 128px !important;
  }
  .md-mhxxxl {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .md-mvxxxl {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .md-maxxxl {
    margin: 128px !important;
  }
  .md-m-auto {
    margin: auto !important;
  }
}
@media screen and (max-width: 1199px) {
  .lg-ptn {
    padding-top: 0px !important;
  }
  .lg-prn {
    padding-right: 0px !important;
  }
  .lg-pbn {
    padding-bottom: 0px !important;
  }
  .lg-pln {
    padding-left: 0px !important;
  }
  .lg-phn {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .lg-pvn {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .lg-pan {
    padding: 0px !important;
  }
  .lg-ptxxxs {
    padding-top: 4px !important;
  }
  .lg-prxxxs {
    padding-right: 4px !important;
  }
  .lg-pbxxxs {
    padding-bottom: 4px !important;
  }
  .lg-plxxxs {
    padding-left: 4px !important;
  }
  .lg-phxxxs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .lg-pvxxxs {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .lg-paxxxs {
    padding: 4px !important;
  }
  .lg-ptxxs {
    padding-top: 8px !important;
  }
  .lg-prxxs {
    padding-right: 8px !important;
  }
  .lg-pbxxs {
    padding-bottom: 8px !important;
  }
  .lg-plxxs {
    padding-left: 8px !important;
  }
  .lg-phxxs {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .lg-pvxxs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .lg-paxxs {
    padding: 8px !important;
  }
  .lg-ptxs {
    padding-top: 16px !important;
  }
  .lg-prxs {
    padding-right: 16px !important;
  }
  .lg-pbxs {
    padding-bottom: 16px !important;
  }
  .lg-plxs {
    padding-left: 16px !important;
  }
  .lg-phxs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .lg-pvxs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .lg-paxs {
    padding: 16px !important;
  }
  .lg-pts {
    padding-top: 24px !important;
  }
  .lg-prs {
    padding-right: 24px !important;
  }
  .lg-pbs {
    padding-bottom: 24px !important;
  }
  .lg-pls {
    padding-left: 24px !important;
  }
  .lg-phs {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .lg-pvs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .lg-pas {
    padding: 24px !important;
  }
  .lg-ptm {
    padding-top: 32px !important;
  }
  .lg-prm {
    padding-right: 32px !important;
  }
  .lg-pbm {
    padding-bottom: 32px !important;
  }
  .lg-plm {
    padding-left: 32px !important;
  }
  .lg-phm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .lg-pvm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .lg-pam {
    padding: 32px !important;
  }
  .lg-ptl {
    padding-top: 40px !important;
  }
  .lg-prl {
    padding-right: 40px !important;
  }
  .lg-pbl {
    padding-bottom: 40px !important;
  }
  .lg-pll {
    padding-left: 40px !important;
  }
  .lg-phl {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .lg-pvl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .lg-pal {
    padding: 40px !important;
  }
  .lg-ptxl {
    padding-top: 64px !important;
  }
  .lg-prxl {
    padding-right: 64px !important;
  }
  .lg-pbxl {
    padding-bottom: 64px !important;
  }
  .lg-plxl {
    padding-left: 64px !important;
  }
  .lg-phxl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .lg-pvxl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .lg-paxl {
    padding: 64px !important;
  }
  .lg-ptxxl {
    padding-top: 96px !important;
  }
  .lg-prxxl {
    padding-right: 96px !important;
  }
  .lg-pbxxl {
    padding-bottom: 96px !important;
  }
  .lg-plxxl {
    padding-left: 96px !important;
  }
  .lg-phxxl {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .lg-pvxxl {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .lg-paxxl {
    padding: 96px !important;
  }
  .lg-ptxxxl {
    padding-top: 128px !important;
  }
  .lg-prxxxl {
    padding-right: 128px !important;
  }
  .lg-pbxxxl {
    padding-bottom: 128px !important;
  }
  .lg-plxxxl {
    padding-left: 128px !important;
  }
  .lg-phxxxl {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .lg-pvxxxl {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .lg-paxxxl {
    padding: 128px !important;
  }
  .lg-mtn {
    margin-top: 0px !important;
  }
  .lg-mrn {
    margin-right: 0px !important;
  }
  .lg-mbn {
    margin-bottom: 0px !important;
  }
  .lg-mln {
    margin-left: 0px !important;
  }
  .lg-mhn {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .lg-mvn {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .lg-man {
    margin: 0px !important;
  }
  .lg-mtxxxs {
    margin-top: 4px !important;
  }
  .lg-mrxxxs {
    margin-right: 4px !important;
  }
  .lg-mbxxxs {
    margin-bottom: 4px !important;
  }
  .lg-mlxxxs {
    margin-left: 4px !important;
  }
  .lg-mhxxxs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .lg-mvxxxs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .lg-maxxxs {
    margin: 4px !important;
  }
  .lg-mtxxs {
    margin-top: 8px !important;
  }
  .lg-mrxxs {
    margin-right: 8px !important;
  }
  .lg-mbxxs {
    margin-bottom: 8px !important;
  }
  .lg-mlxxs {
    margin-left: 8px !important;
  }
  .lg-mhxxs {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .lg-mvxxs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .lg-maxxs {
    margin: 8px !important;
  }
  .lg-mtxs {
    margin-top: 16px !important;
  }
  .lg-mrxs {
    margin-right: 16px !important;
  }
  .lg-mbxs {
    margin-bottom: 16px !important;
  }
  .lg-mlxs {
    margin-left: 16px !important;
  }
  .lg-mhxs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .lg-mvxs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .lg-maxs {
    margin: 16px !important;
  }
  .lg-mts {
    margin-top: 24px !important;
  }
  .lg-mrs {
    margin-right: 24px !important;
  }
  .lg-mbs {
    margin-bottom: 24px !important;
  }
  .lg-mls {
    margin-left: 24px !important;
  }
  .lg-mhs {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .lg-mvs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .lg-mas {
    margin: 24px !important;
  }
  .lg-mtm {
    margin-top: 32px !important;
  }
  .lg-mrm {
    margin-right: 32px !important;
  }
  .lg-mbm {
    margin-bottom: 32px !important;
  }
  .lg-mlm {
    margin-left: 32px !important;
  }
  .lg-mhm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .lg-mvm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .lg-mam {
    margin: 32px !important;
  }
  .lg-mtl {
    margin-top: 40px !important;
  }
  .lg-mrl {
    margin-right: 40px !important;
  }
  .lg-mbl {
    margin-bottom: 40px !important;
  }
  .lg-mll {
    margin-left: 40px !important;
  }
  .lg-mhl {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .lg-mvl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .lg-mal {
    margin: 40px !important;
  }
  .lg-mtxl {
    margin-top: 64px !important;
  }
  .lg-mrxl {
    margin-right: 64px !important;
  }
  .lg-mbxl {
    margin-bottom: 64px !important;
  }
  .lg-mlxl {
    margin-left: 64px !important;
  }
  .lg-mhxl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .lg-mvxl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .lg-maxl {
    margin: 64px !important;
  }
  .lg-mtxxl {
    margin-top: 96px !important;
  }
  .lg-mrxxl {
    margin-right: 96px !important;
  }
  .lg-mbxxl {
    margin-bottom: 96px !important;
  }
  .lg-mlxxl {
    margin-left: 96px !important;
  }
  .lg-mhxxl {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .lg-mvxxl {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .lg-maxxl {
    margin: 96px !important;
  }
  .lg-mtxxxl {
    margin-top: 128px !important;
  }
  .lg-mrxxxl {
    margin-right: 128px !important;
  }
  .lg-mbxxxl {
    margin-bottom: 128px !important;
  }
  .lg-mlxxxl {
    margin-left: 128px !important;
  }
  .lg-mhxxxl {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .lg-mvxxxl {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .lg-maxxxl {
    margin: 128px !important;
  }
  .lg-m-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl-ptn {
    padding-top: 0px !important;
  }
  .xl-prn {
    padding-right: 0px !important;
  }
  .xl-pbn {
    padding-bottom: 0px !important;
  }
  .xl-pln {
    padding-left: 0px !important;
  }
  .xl-phn {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .xl-pvn {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .xl-pan {
    padding: 0px !important;
  }
  .xl-ptxxxs {
    padding-top: 4px !important;
  }
  .xl-prxxxs {
    padding-right: 4px !important;
  }
  .xl-pbxxxs {
    padding-bottom: 4px !important;
  }
  .xl-plxxxs {
    padding-left: 4px !important;
  }
  .xl-phxxxs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .xl-pvxxxs {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .xl-paxxxs {
    padding: 4px !important;
  }
  .xl-ptxxs {
    padding-top: 8px !important;
  }
  .xl-prxxs {
    padding-right: 8px !important;
  }
  .xl-pbxxs {
    padding-bottom: 8px !important;
  }
  .xl-plxxs {
    padding-left: 8px !important;
  }
  .xl-phxxs {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .xl-pvxxs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .xl-paxxs {
    padding: 8px !important;
  }
  .xl-ptxs {
    padding-top: 16px !important;
  }
  .xl-prxs {
    padding-right: 16px !important;
  }
  .xl-pbxs {
    padding-bottom: 16px !important;
  }
  .xl-plxs {
    padding-left: 16px !important;
  }
  .xl-phxs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .xl-pvxs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .xl-paxs {
    padding: 16px !important;
  }
  .xl-pts {
    padding-top: 24px !important;
  }
  .xl-prs {
    padding-right: 24px !important;
  }
  .xl-pbs {
    padding-bottom: 24px !important;
  }
  .xl-pls {
    padding-left: 24px !important;
  }
  .xl-phs {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .xl-pvs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .xl-pas {
    padding: 24px !important;
  }
  .xl-ptm {
    padding-top: 32px !important;
  }
  .xl-prm {
    padding-right: 32px !important;
  }
  .xl-pbm {
    padding-bottom: 32px !important;
  }
  .xl-plm {
    padding-left: 32px !important;
  }
  .xl-phm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .xl-pvm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .xl-pam {
    padding: 32px !important;
  }
  .xl-ptl {
    padding-top: 40px !important;
  }
  .xl-prl {
    padding-right: 40px !important;
  }
  .xl-pbl {
    padding-bottom: 40px !important;
  }
  .xl-pll {
    padding-left: 40px !important;
  }
  .xl-phl {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .xl-pvl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .xl-pal {
    padding: 40px !important;
  }
  .xl-ptxl {
    padding-top: 64px !important;
  }
  .xl-prxl {
    padding-right: 64px !important;
  }
  .xl-pbxl {
    padding-bottom: 64px !important;
  }
  .xl-plxl {
    padding-left: 64px !important;
  }
  .xl-phxl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .xl-pvxl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .xl-paxl {
    padding: 64px !important;
  }
  .xl-ptxxl {
    padding-top: 96px !important;
  }
  .xl-prxxl {
    padding-right: 96px !important;
  }
  .xl-pbxxl {
    padding-bottom: 96px !important;
  }
  .xl-plxxl {
    padding-left: 96px !important;
  }
  .xl-phxxl {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .xl-pvxxl {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .xl-paxxl {
    padding: 96px !important;
  }
  .xl-ptxxxl {
    padding-top: 128px !important;
  }
  .xl-prxxxl {
    padding-right: 128px !important;
  }
  .xl-pbxxxl {
    padding-bottom: 128px !important;
  }
  .xl-plxxxl {
    padding-left: 128px !important;
  }
  .xl-phxxxl {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .xl-pvxxxl {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .xl-paxxxl {
    padding: 128px !important;
  }
  .xl-mtn {
    margin-top: 0px !important;
  }
  .xl-mrn {
    margin-right: 0px !important;
  }
  .xl-mbn {
    margin-bottom: 0px !important;
  }
  .xl-mln {
    margin-left: 0px !important;
  }
  .xl-mhn {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .xl-mvn {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .xl-man {
    margin: 0px !important;
  }
  .xl-mtxxxs {
    margin-top: 4px !important;
  }
  .xl-mrxxxs {
    margin-right: 4px !important;
  }
  .xl-mbxxxs {
    margin-bottom: 4px !important;
  }
  .xl-mlxxxs {
    margin-left: 4px !important;
  }
  .xl-mhxxxs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .xl-mvxxxs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .xl-maxxxs {
    margin: 4px !important;
  }
  .xl-mtxxs {
    margin-top: 8px !important;
  }
  .xl-mrxxs {
    margin-right: 8px !important;
  }
  .xl-mbxxs {
    margin-bottom: 8px !important;
  }
  .xl-mlxxs {
    margin-left: 8px !important;
  }
  .xl-mhxxs {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .xl-mvxxs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .xl-maxxs {
    margin: 8px !important;
  }
  .xl-mtxs {
    margin-top: 16px !important;
  }
  .xl-mrxs {
    margin-right: 16px !important;
  }
  .xl-mbxs {
    margin-bottom: 16px !important;
  }
  .xl-mlxs {
    margin-left: 16px !important;
  }
  .xl-mhxs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .xl-mvxs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .xl-maxs {
    margin: 16px !important;
  }
  .xl-mts {
    margin-top: 24px !important;
  }
  .xl-mrs {
    margin-right: 24px !important;
  }
  .xl-mbs {
    margin-bottom: 24px !important;
  }
  .xl-mls {
    margin-left: 24px !important;
  }
  .xl-mhs {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .xl-mvs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .xl-mas {
    margin: 24px !important;
  }
  .xl-mtm {
    margin-top: 32px !important;
  }
  .xl-mrm {
    margin-right: 32px !important;
  }
  .xl-mbm {
    margin-bottom: 32px !important;
  }
  .xl-mlm {
    margin-left: 32px !important;
  }
  .xl-mhm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .xl-mvm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .xl-mam {
    margin: 32px !important;
  }
  .xl-mtl {
    margin-top: 40px !important;
  }
  .xl-mrl {
    margin-right: 40px !important;
  }
  .xl-mbl {
    margin-bottom: 40px !important;
  }
  .xl-mll {
    margin-left: 40px !important;
  }
  .xl-mhl {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .xl-mvl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xl-mal {
    margin: 40px !important;
  }
  .xl-mtxl {
    margin-top: 64px !important;
  }
  .xl-mrxl {
    margin-right: 64px !important;
  }
  .xl-mbxl {
    margin-bottom: 64px !important;
  }
  .xl-mlxl {
    margin-left: 64px !important;
  }
  .xl-mhxl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .xl-mvxl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .xl-maxl {
    margin: 64px !important;
  }
  .xl-mtxxl {
    margin-top: 96px !important;
  }
  .xl-mrxxl {
    margin-right: 96px !important;
  }
  .xl-mbxxl {
    margin-bottom: 96px !important;
  }
  .xl-mlxxl {
    margin-left: 96px !important;
  }
  .xl-mhxxl {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .xl-mvxxl {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .xl-maxxl {
    margin: 96px !important;
  }
  .xl-mtxxxl {
    margin-top: 128px !important;
  }
  .xl-mrxxxl {
    margin-right: 128px !important;
  }
  .xl-mbxxxl {
    margin-bottom: 128px !important;
  }
  .xl-mlxxxl {
    margin-left: 128px !important;
  }
  .xl-mhxxxl {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .xl-mvxxxl {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .xl-maxxxl {
    margin: 128px !important;
  }
  .xl-m-auto {
    margin: auto !important;
  }
}
.txt-lowercase {
  text-transform: lowercase !important;
}

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

.txt-capitalize {
  text-transform: capitalize !important;
}

.txt-sentence {
  text-transform: sentence !important;
}

.font-black {
  font-weight: 900 !important;
}

.font-bolder {
  font-weight: 800 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-light {
  font-weight: 300 !important;
}

.font-lighter {
  font-weight: 100 !important;
}

.font-italic {
  font-style: italic !important;
}

.font-monospace {
  font-family: monospace !important;
}

.ntd {
  text-decoration: none !important;
}

.txt-underline {
  text-decoration: underline !important;
}

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

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

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

@media screen and (max-width: 767px) {
  .xs-txt-lowercase {
    text-transform: lowercase !important;
  }
  .xs-txt-uppercase {
    text-transform: uppercase !important;
  }
  .xs-txt-capitalize {
    text-transform: capitalize !important;
  }
  .xs-txt-sentence {
    text-transform: sentence !important;
  }
  .xs-font-italic {
    font-style: italic !important;
  }
  .xs-font-monospace {
    font-family: monospace !important;
  }
  .xs-ntd {
    text-decoration: none !important;
  }
  .xs-txt-underline {
    text-decoration: underline !important;
  }
  .xs-txt-c {
    text-align: center !important;
  }
  .xs-txt-r {
    text-align: right !important;
  }
  .xs-txt-l {
    text-align: left !important;
  }
}
@media screen and (max-width: 575px) {
  .xs-txt-lowercase {
    text-transform: lowercase !important;
  }
  .xs-txt-uppercase {
    text-transform: uppercase !important;
  }
  .xs-txt-capitalize {
    text-transform: capitalize !important;
  }
  .xs-txt-sentence {
    text-transform: sentence !important;
  }
  .xs-font-italic {
    font-style: italic !important;
  }
  .xs-font-monospace {
    font-family: monospace !important;
  }
  .xs-ntd {
    text-decoration: none !important;
  }
  .xs-txt-underline {
    text-decoration: underline !important;
  }
  .xs-txt-c {
    text-align: center !important;
  }
  .xs-txt-r {
    text-align: right !important;
  }
  .xs-txt-l {
    text-align: left !important;
  }
}
@media screen and (max-width: 767px) {
  .sm-txt-lowercase {
    text-transform: lowercase !important;
  }
  .sm-txt-uppercase {
    text-transform: uppercase !important;
  }
  .sm-txt-capitalize {
    text-transform: capitalize !important;
  }
  .sm-txt-sentence {
    text-transform: sentence !important;
  }
  .sm-font-italic {
    font-style: italic !important;
  }
  .sm-font-monospace {
    font-family: monospace !important;
  }
  .sm-ntd {
    text-decoration: none !important;
  }
  .sm-txt-underline {
    text-decoration: underline !important;
  }
  .sm-txt-c {
    text-align: center !important;
  }
  .sm-txt-r {
    text-align: right !important;
  }
  .sm-txt-l {
    text-align: left !important;
  }
}
@media screen and (max-width: 991px) {
  .md-txt-lowercase {
    text-transform: lowercase !important;
  }
  .md-txt-uppercase {
    text-transform: uppercase !important;
  }
  .md-txt-capitalize {
    text-transform: capitalize !important;
  }
  .md-txt-sentence {
    text-transform: sentence !important;
  }
  .md-font-italic {
    font-style: italic !important;
  }
  .md-font-monospace {
    font-family: monospace !important;
  }
  .md-ntd {
    text-decoration: none !important;
  }
  .md-txt-underline {
    text-decoration: underline !important;
  }
  .md-txt-c {
    text-align: center !important;
  }
  .md-txt-r {
    text-align: right !important;
  }
  .md-txt-l {
    text-align: left !important;
  }
}
@media screen and (max-width: 1199px) {
  .lg-txt-lowercase {
    text-transform: lowercase !important;
  }
  .lg-txt-uppercase {
    text-transform: uppercase !important;
  }
  .lg-txt-capitalize {
    text-transform: capitalize !important;
  }
  .lg-txt-sentence {
    text-transform: sentence !important;
  }
  .lg-font-italic {
    font-style: italic !important;
  }
  .lg-font-monospace {
    font-family: monospace !important;
  }
  .lg-ntd {
    text-decoration: none !important;
  }
  .lg-txt-underline {
    text-decoration: underline !important;
  }
  .lg-txt-c {
    text-align: center !important;
  }
  .lg-txt-r {
    text-align: right !important;
  }
  .lg-txt-l {
    text-align: left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl-txt-lowercase {
    text-transform: lowercase !important;
  }
  .xl-txt-uppercase {
    text-transform: uppercase !important;
  }
  .xl-txt-capitalize {
    text-transform: capitalize !important;
  }
  .xl-txt-sentence {
    text-transform: sentence !important;
  }
  .xl-font-italic {
    font-style: italic !important;
  }
  .xl-font-monospace {
    font-family: monospace !important;
  }
  .xl-ntd {
    text-decoration: none !important;
  }
  .xl-txt-underline {
    text-decoration: underline !important;
  }
  .xl-txt-c {
    text-align: center !important;
  }
  .xl-txt-r {
    text-align: right !important;
  }
  .xl-txt-l {
    text-align: left !important;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575.98px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.cursor-pointer {
  cursor: pointer !important;
}

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

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

.hide-fully {
  display: none !important;
}

.hide-visibility {
  visibility: hidden !important;
}

.whitespace-nowrap {
  white-space: nowrap !important;
}

@media screen and (max-width: 575px) {
  .xs-cursor-pointer {
    cursor: pointer !important;
  }
  .xs-full-height {
    height: 100% !important;
  }
  .xs-full-width {
    width: 100% !important;
  }
  .xs-hide-fully {
    display: none !important;
  }
  .xs-hide-visibility {
    visibility: hidden !important;
  }
  .xs-whitespace-nowrap {
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 767px) {
  .sm-cursor-pointer {
    cursor: pointer !important;
  }
  .sm-full-height {
    height: 100% !important;
  }
  .sm-full-width {
    width: 100% !important;
  }
  .sm-hide-fully {
    display: none !important;
  }
  .sm-hide-visibility {
    visibility: hidden !important;
  }
  .sm-whitespace-nowrap {
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 991px) {
  .md-cursor-pointer {
    cursor: pointer !important;
  }
  .md-full-height {
    height: 100% !important;
  }
  .md-full-width {
    width: 100% !important;
  }
  .md-hide-fully {
    display: none !important;
  }
  .md-hide-visibility {
    visibility: hidden !important;
  }
  .md-whitespace-nowrap {
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 1199px) {
  .lg-cursor-pointer {
    cursor: pointer !important;
  }
  .lg-full-height {
    height: 100% !important;
  }
  .lg-full-width {
    width: 100% !important;
  }
  .lg-hide-fully {
    display: none !important;
  }
  .lg-hide-visibility {
    visibility: hidden !important;
  }
  .lg-whitespace-nowrap {
    white-space: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl-cursor-pointer {
    cursor: pointer !important;
  }
  .xl-full-height {
    height: 100% !important;
  }
  .xl-full-width {
    width: 100% !important;
  }
  .xl-hide-fully {
    display: none !important;
  }
  .xl-hide-visibility {
    visibility: hidden !important;
  }
  .xl-whitespace-nowrap {
    white-space: nowrap !important;
  }
}
.breadcrumb {
  margin: 0 0 30px 0;
  padding: 0;
  display: block;
  list-style: none;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li:after {
  content: " >";
}
.breadcrumb li:last-child:after {
  content: "";
}

.form-control {
  width: 415px;
  max-width: 100%;
  position: relative;
  margin-bottom: 16px;
}
.form-control label {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 140%;
  display: block;
  margin-bottom: 8px;
}
.form-control .input-wrap {
  position: relative;
}
.form-control .input-wrap .icon, .form-control .input-wrap .icon-holder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  cursor: pointer;
}
.form-control .input-wrap .icon-holder .icon {
  position: inherit;
  top: unset;
  transform: unset;
  right: unset;
}
.form-control input[type=text],
.form-control input[type=search],
.form-control input[type=password],
.form-control .dropdown,
.form-control textarea:not(.tip) {
  background: #fff;
  border: 1px solid #9EA7BA;
  border-radius: 8px;
  box-sizing: border-box;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  outline: 0;
  font-size: 1.6rem;
  font-family: "Mulish", sans-serif;
  margin-bottom: 8px;
  width: 100%;
}
.form-control input[type=text]::placeholder,
.form-control input[type=search]::placeholder,
.form-control input[type=password]::placeholder,
.form-control .dropdown::placeholder,
.form-control textarea:not(.tip)::placeholder {
  color: #9EA7BA;
  font-style: italic;
}
.form-control input[type=text]:focus,
.form-control input[type=search]:focus,
.form-control input[type=password]:focus,
.form-control .dropdown:focus,
.form-control textarea:not(.tip):focus {
  border: 1px solid #172644;
  outline: 1px solid #172644;
}
.form-control input[type=text][disabled],
.form-control input[type=search][disabled],
.form-control input[type=password][disabled],
.form-control .dropdown[disabled],
.form-control textarea:not(.tip)[disabled] {
  background-color: #EFEFF1;
  border-color: #B3B3B3;
  color: #69696B;
  pointer-events: none;
  cursor: not-allowed;
}
.form-control input[type=text][disabled]::placeholder,
.form-control input[type=search][disabled]::placeholder,
.form-control input[type=password][disabled]::placeholder,
.form-control .dropdown[disabled]::placeholder,
.form-control textarea:not(.tip)[disabled]::placeholder {
  color: #69696B;
}
.form-control input[type=text].comment,
.form-control input[type=search].comment,
.form-control input[type=password].comment,
.form-control .dropdown.comment,
.form-control textarea:not(.tip).comment {
  padding-right: 48px;
}
.form-control input[type=text].search,
.form-control input[type=search].search,
.form-control input[type=password].search,
.form-control .dropdown.search,
.form-control textarea:not(.tip).search {
  padding-left: 48px;
}
.form-control input[type=text].search + .icon,
.form-control input[type=search].search + .icon,
.form-control input[type=password].search + .icon,
.form-control .dropdown.search + .icon,
.form-control textarea:not(.tip).search + .icon {
  right: unset;
  left: 12px;
}
.form-control textarea {
  height: 130px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.form-control .dropdown {
  padding: 0;
}
.form-control .dropdown .dropdown-label {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.form-control .dropdown .icon-holder {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FDF2E5;
  border-radius: 4px;
  transform: translateY(-50%);
  pointer-events: none;
}
.form-control .dropdown .icon-holder .icon {
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.form-control .dropdown .dropdown-options {
  display: none;
  position: absolute;
  top: 100%;
  margin-top: 4px;
  width: 100%;
  left: 0;
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
  padding: 16px 8px;
  z-index: 10;
  background: white;
}
.form-control .dropdown .dropdown-options .option {
  min-height: 40px;
  margin-bottom: 8px;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.form-control .dropdown .dropdown-options .option.selected, .form-control .dropdown .dropdown-options .option:hover {
  background: #FDF2E5;
}
.form-control .dropdown.toggled {
  border: 1px solid #172644;
  outline: 1px solid #172644;
}
.form-control .dropdown.toggled .icon-holder .icon {
  transform: rotate(180deg);
}
.form-control .dropdown.toggled .dropdown-options {
  display: block;
}
.form-control .dropdown.simple {
  border: 0;
  outline: 0;
}
.form-control .dropdown.simple .dropdown-label {
  width: auto;
  display: inline-flex;
  position: relative;
  padding-left: 0;
}
.form-control .dropdown.simple .dropdown-label .icon {
  right: -8px;
}
.form-control .dropdown.simple.toggled .dropdown-options {
  width: auto;
  padding: 24px;
}
.form-control .dropdown.simple.toggled .dropdown-options .option {
  margin-bottom: 0;
}
.form-control .dropdown.simple.toggled .dropdown-options .option.selected, .form-control .dropdown.simple.toggled .dropdown-options .option:hover {
  background: none;
}
.form-control .dropdown.simple.toggled .dropdown-options .option.selected {
  font-weight: bold;
}
.form-control .error-message {
  display: none;
  color: #D61A1A;
}
.form-control.error input[type=text],
.form-control.error input[type=search],
.form-control.error input[type=password],
.form-control.error .dropdown,
.form-control.error textarea {
  border-color: #D61A1A;
  outline-color: #D61A1A;
}
.form-control.error .error-message {
  display: block;
}
.form-control .checkbox-container,
.form-control .radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-control .checkbox-container input,
.form-control .radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form-control .checkbox-container .checkmark,
.form-control .radio-container .checkmark {
  background-color: white;
  height: 18px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 18px;
  border: 2px solid #B92D0C;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
}
.form-control .checkbox-container:hover input ~ .checkmark,
.form-control .radio-container:hover input ~ .checkmark {
  background-color: #FBEAE7;
}
.form-control .checkbox-container input:checked ~ .checkmark,
.form-control .radio-container input:checked ~ .checkmark {
  background-color: #B92D0C;
}
.form-control .checkbox-container .checkmark:after,
.form-control .radio-container .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.form-control .checkbox-container input:checked ~ .checkmark:after,
.form-control .radio-container input:checked ~ .checkmark:after {
  opacity: 1;
}
.form-control .checkbox-container .checkmark:after,
.form-control .radio-container .checkmark:after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  height: 8px;
  left: 4px;
  top: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
}
.form-control .checkbox-container.disabled,
.form-control .radio-container.disabled {
  color: #B3B3B3;
  pointer-events: none;
}
.form-control .checkbox-container.disabled .checkmark,
.form-control .radio-container.disabled .checkmark {
  border-color: #69696B;
}
.form-control .checkbox-container.disabled input:checked ~ .checkmark,
.form-control .radio-container.disabled input:checked ~ .checkmark {
  background-color: #69696B;
}
.form-control .radio-container .checkmark {
  border-radius: 50%;
}
.form-control .multi-select {
  min-height: 48px;
  background: #FFFFFF;
  border: 1px solid #9EA7BA;
  border-radius: 8px;
  display: flex;
  padding: 0px 20px;
  flex-wrap: wrap;
}
.form-control .multi-select .tag {
  height: 32px;
  background: #FDF2E5;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
}
.form-control .multi-select .tag .icon-holder {
  background-color: #B92D0C;
  width: 23px;
  height: 23px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  pointer-events: initial;
  cursor: pointer;
}
.form-control .multi-select .tag .icon-holder i {
  color: white;
  font-size: 23px;
}
.form-control .multi-select .editor {
  align-items: center;
  display: inline-flex;
  height: 32px;
  padding: 8px;
  white-space: nowrap;
  flex-grow: 1;
  outline: 0;
  min-width: 50px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.code-display .form-control {
  width: 100%;
}

.input-wrap .icon.icon-search {
  height: 24px;
  width: 24px;
  font-size: 18px;
}

.input-wrap .icon.icon-paper-plane {
  font-size: 24px;
  height: 24px;
  width: 24px;
  transform: translateY(calc(-50% - 3px));
}

.input-wrap .icon.icon-eye-open, .input-wrap .icon.icon-eye-closed {
  font-size: 20px;
  height: 20px;
  width: 20px;
  transform: translateY(calc(-50% - 2px));
}

.input-wrap .icon.icon-eye-closed {
  right: 10px;
}

.btn {
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  outline: 0;
  border: 0;
  cursor: pointer;
  border-style: solid;
  white-space: nowrap;
  color: #ffffff;
  font-weight: 800;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 4.8rem;
  border-radius: 8px;
  border-width: 0;
  border-color: transparent;
  background: #B92D0C;
  transition: all 0.3s ease-in-out;
}
.btn:hover {
  color: #ffffff;
  font-weight: 800;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 4.8rem;
  border-radius: 8px;
  border-width: 0;
  border-color: transparent;
  background: #831B03;
}
.btn[disabled] {
  color: #ffffff;
  font-weight: 800;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 4.8rem;
  border-radius: 8px;
  border-width: 0;
  border-color: transparent;
  background: #DC9685;
}
.btn.btn-secondary {
  color: #B92D0C;
  font-weight: 800;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 4.8rem;
  border-radius: 8px;
  border-width: 0.2rem;
  border-color: #B92D0C;
  background: #ffffff;
  transition: all 0.3s ease-in-out;
}
.btn.btn-secondary:hover {
  color: #831B03;
  font-weight: 800;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 4.8rem;
  border-radius: 8px;
  border-width: 0.2rem;
  border-color: #831B03;
  background: #ffffff;
}
.btn.btn-secondary[disabled] {
  color: #DC9685;
  font-weight: 800;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 4.8rem;
  border-radius: 8px;
  border-width: 0.2rem;
  border-color: #DC9685;
  background: #ffffff;
}

.display-switch {
  display: flex;
  align-items: center;
}
.display-switch .display-switch__text {
  font-weight: 800;
  font-size: 16px;
  line-height: 22.4px;
  color: #000;
  margin-right: 16px;
}
.display-switch .display-switch__switch {
  position: relative;
  height: 40px;
  width: 40px;
  margin-right: 16px;
}
.display-switch .display-switch__switch i {
  background: transparent;
  border-radius: 4px;
  display: flex;
  height: 40px;
  width: 40px;
  color: #000;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.display-switch .display-switch__switch input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.display-switch .display-switch__switch input:checked ~ i {
  background: #B92D0C;
  color: #fff;
}
.display-switch .display-switch__switch input:hover ~ i {
  background: #831B03;
  color: #fff;
}

.arrow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  background: #172644;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  cursor: pointer;
}
.arrow-btn:hover, .arrow-btn.off {
  background: #9EA7BA;
}
.arrow-btn.off {
  cursor: default;
}

.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 4px;
  color: #fff;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  cursor: pointer;
  font-size: 18px;
  background: #B92D0C;
}
.btn-icon.light-orange {
  background: #FBEAE7;
  color: #B92D0C;
}
.btn-icon:hover, .btn-icon.active {
  background: #831B03;
}
.btn-icon:hover.light-orange, .btn-icon.active.light-orange {
  color: #fff;
}
.btn-icon .icon-x {
  font-size: 28px;
}

.card {
  background: #ffffff;
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
  padding: 20px 24px;
  margin-bottom: 30px;
}
.card.challenge.closed {
  color: #69696B;
}
.card .tag {
  height: 22px;
  border-radius: 4px;
  display: inline-block;
  padding: 0 8px;
  color: #ffffff;
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 8px;
}
.card .tag.today {
  background: #DA3B15;
}
.card .tag.tomorrow {
  background: #FBEAE7;
  color: #B92D0C;
}
.card .tag.closed {
  background: #1A50B6;
}
.card.submission {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0px;
}
.card.submission .image-holder {
  margin-left: -24px;
  margin-right: -24px;
  margin-top: -20px;
  background-size: cover;
}
.card.submission .card-controls {
  display: flex;
  padding-top: 24px;
}
.card.challenge-group {
  height: 190px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.card.challenge-group .submissions {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 8px;
  color: #B92D0C;
}
.card.challenge-group .arrow {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card.challenge-group.active-challenge {
  border-left: 12px solid #0D9501;
}
.card.challenge-group.active-challenge .submissions {
  background: #FBEAE7;
}
.card.challenge-group.active-challenge .arrow {
  background: #FBEAE7;
}
.card.challenge-group.expired-challenge {
  border-left: 12px solid #1A50B6;
}
.card.challenge-group.expired-challenge .submissions {
  background: #FBEAE7;
}
.card.challenge-group.expired-challenge .arrow {
  background: #FBEAE7;
}
.card.challenge-group.student {
  border-left: 12px solid #DA3B15;
}
.card.challenge-group.student .submissions {
  background: #FBEAE7;
}
.card.challenge-group.student .arrow {
  background: #FBEAE7;
}
.card.challenge-group.teaching-assistant {
  border-left: 12px solid #F29D41;
}
.card.challenge-group.teaching-assistant .submissions {
  background: #FDF2E5;
}
.card.challenge-group.teaching-assistant .arrow {
  background: #FDF2E5;
}
.card.challenge-details .notification {
  display: flex;
  align-items: center;
}
.card.challenge-details .notification .icon-holder {
  margin-left: 8px;
  height: 24px;
  width: 24px;
  color: #B92D0C;
  font-size: 14px;
}
.card.challenge-details .responses .response-type {
  display: flex;
  align-items: center;
  margin: 0 24px;
}
.card.challenge-details .responses .response-type .icon-holder {
  margin-right: 12px;
}
.card.challenge-details hr {
  border: 0;
  background: #172644;
  height: 2px;
}

.challenge-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.challenge-header .actions {
  font-weight: bold;
}
.challenge-header .actions a {
  margin-left: 24px;
}
.challenge-header .actions a .btn {
  width: 32px;
  height: 32px;
  background: #B92D0C;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 18px;
  line-height: 18px;
  margin-right: 8px;
  padding: 0;
}
.challenge-header .actions a .btn:hover {
  font-weight: normal;
  background: #831B03;
}
.challenge-header .actions a .icon-caret-down {
  margin-left: 8px;
}

.control-holder {
  margin-right: 24px;
  display: flex;
  align-items: center;
}
.control-holder .card-control-count {
  margin-left: 8px;
  font-weight: 800;
  font-size: 16px;
  line-height: 140%;
}
.control-holder .card-control-count[data-count="0"] {
  display: none;
}
.control-holder .card-control-btn {
  cursor: pointer;
  outline: none;
  background: transparent;
  border: none;
  appearance: none;
  font-size: 22px;
}
.control-holder .card-control-btn .icon {
  height: 24px;
  width: 24px;
}

.table {
  width: 100%;
}
.table .table-header,
.table .table-row {
  display: flex;
  padding-right: 24px;
  padding-left: 24px;
}
.table .table-header {
  font-weight: bold;
  margin-bottom: 12px;
}
.table .table-row {
  height: 77px;
  background: #FFFFFF;
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
  margin-bottom: 16px;
  align-items: center;
}
.table .table-cell {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 8px;
  white-space: nowrap;
}
.table .table-cell-wide {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 8px;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}
.table .table-title {
  text-align: left;
  width: 100%;
}
.table.student .table-cell:nth-child(1) {
  width: 30%;
}
.table.student .table-cell:nth-child(2) {
  width: 20%;
}
.table.student .table-cell:nth-child(3) {
  width: 30%;
}
.table.student .table-cell:nth-child(4) {
  width: 15%;
}
.table.student .table-cell:nth-child(5) {
  width: 5%;
  text-align: right;
}
.table.classes .table-cell:nth-child(1) {
  width: 70%;
}
.table.classes .table-cell:nth-child(2) {
  width: 15%;
}
.table.classes .table-cell:nth-child(3) {
  width: 15%;
  text-align: right;
}
.table.challenges .table-cell:nth-child(1) {
  width: 36%;
}
.table.challenges .table-cell:nth-child(2) {
  width: 22%;
}
.table.challenges .table-cell:nth-child(3) {
  width: 22%;
}
.table.challenges .table-cell:nth-child(4) {
  width: 20%;
  text-align: right;
}
.table.submissions .table-cell:nth-child(1) {
  width: 60%;
}
.table.submissions .table-cell:nth-child(2) {
  width: 10%;
}
.table.submissions .table-cell:nth-child(3) {
  width: 10%;
}
.table.submissions .table-cell:nth-child(4) {
  width: 20%;
  text-align: right;
}
.table.submission-links .table-cell:nth-child(1) {
  width: 20%;
}
.table.submission-links .table-cell:nth-child(2) {
  width: 20%;
}
.table.submission-links .table-cell:nth-child(3) {
  width: 20%;
}
.table.submission-links .table-cell:nth-child(4) {
  width: 20%;
}
.table.submission-links .table-cell:nth-child(5) {
  width: 20%;
  text-align: right;
}
.table.student-submissions .table-cell:nth-child(1) {
  width: 30%;
}
.table.student-submissions .table-cell:nth-child(2) {
  width: 50%;
}
.table.student-submissions .table-cell:nth-child(3) {
  width: 20%;
  text-align: right;
}
.table.student-classes .table-cell:nth-child(1) {
  width: 40%;
}
.table.student-classes .table-cell:nth-child(2) {
  width: 20%;
}
.table.student-classes .table-cell:nth-child(3) {
  width: 20%;
}
.table.student-classes .table-cell:nth-child(4) {
  width: 20%;
}
.table.responses .table-cell:nth-child(1) {
  width: 30%;
}
.table.responses .table-cell:nth-child(2) {
  width: 30%;
}
.table.responses .table-cell:nth-child(3) {
  width: 40%;
}
.table.select .select-row-wrap {
  display: flex;
  width: 100%;
  align-items: center;
}
.table.select .select-row-wrap .form-control {
  width: 42px;
  margin-bottom: 16px;
  height: 20px;
}
.table.select .select-row-wrap .table-header,
.table.select .select-row-wrap .table-row {
  flex-grow: 1;
}
.table.submission .table-cell:nth-child(1) {
  flex-grow: 1;
}
.table.submission .table-cell:nth-child(2) {
  width: 110px;
}
.table.submission .table-cell:nth-child(3) {
  width: 150px;
}
.table.submission .table-cell:nth-child(4) {
  width: 200px;
}
.table .delete {
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: #FBEAE7;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.default-layout {
  background: #F9F8F6;
}
.default-layout .top-bar {
  background: #172644;
  padding: 22px 48px;
  display: flex;
}
.default-layout .top-bar h3 {
  color: #fff;
  flex: 1 0 auto;
  margin: 0;
  top: 4px;
}
.default-layout .top-bar .topbar-right {
  color: #fff;
  flex: 0 0 auto;
  margin: 0;
}
.default-layout .top-bar .topbar-right a, .default-layout .top-bar .topbar-right a:hover, .default-layout .top-bar .topbar-right a:visited {
  color: #fff;
}
.default-layout .login-card {
  background: #FFFFFF;
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.13);
  border-radius: 16px;
  padding: 56px;
}

.dashboard {
  display: flex;
  height: 100vh;
}
.dashboard #sidebar {
  position: relative;
  flex: 0 0 auto;
  color: #fff;
  max-width: 340px;
  background: #172644;
  overflow-y: scroll;
}
.dashboard #sidebar .sidebar {
  padding: 17px 24px;
  transition: all 0.3s ease;
}
.dashboard #sidebar .logo {
  color: #fff;
  padding-top: 10px;
}
.dashboard #sidebar .class-link {
  display: block;
  padding: 8px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
}
.dashboard #sidebar .class-link .class-icon {
  display: inline-block;
  vertical-align: middle;
  background: #EEF4FE;
  color: #1A50B6;
  border-radius: 8px;
  margin-right: 16px;
  font-family: "Adelle";
  font-weight: 700;
  font-size: 24px;
  vertical-align: middle;
  padding-top: 17px;
  padding-bottom: 17px;
  width: 82px;
  text-align: center;
}
.dashboard #sidebar .class-link .class-icon span {
  position: relative;
  top: 4px;
}
.dashboard #sidebar .class-link .class-name {
  display: inline-block;
  vertical-align: middle;
  font-family: "Mulish";
  font-weight: 800;
  font-size: 16px;
  width: calc(100% - 98px);
}
.dashboard #sidebar .class-link:nth-of-type(4n+1) .class-icon {
  background: #EEF4FE;
  color: #1A50B6;
}
.dashboard #sidebar .class-link:nth-of-type(4n+2) .class-icon {
  background: #FDF2E5;
  color: #A75C0A;
}
.dashboard #sidebar .class-link:nth-of-type(4n+3) .class-icon {
  background: #EDFBE7;
  color: #006104;
}
.dashboard #sidebar .class-link:nth-of-type(4n+4) .class-icon {
  background: #FBEAE7;
  color: #B92D0C;
}
.dashboard #sidebar .class-link.active {
  border: 2px solid #FFFFFF;
  border-radius: 8px;
}
.dashboard #sidebar .toggle-btn {
  position: absolute;
  top: 20px;
  right: 24px;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4V28C32 30.2091 30.2091 32 28 32H4C1.79086 32 0 30.2091 0 28V4Z%27 fill=%27%23FDF2E5%27/%3E%3Cpath d=%27M15.8293 22.6587L9 15.8294L15.8293 9.00016%27 stroke=%27%23B92D0C%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M22.8293 22.6587L16 15.8294L22.8293 9.00016%27 stroke=%27%23B92D0C%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  cursor: pointer;
}
.dashboard #sidebar .status-tabs {
  margin-top: 50px;
  position: relative;
}
.dashboard #sidebar .status-tabs::after {
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: -24px;
  right: -24px;
}
.dashboard #sidebar .status-tabs a {
  cursor: pointer;
  display: inline-block;
  margin-right: 56px;
  font-weight: bold;
}
.dashboard #sidebar .status-tabs a.active {
  border-bottom: 3px solid #fff;
}
.dashboard #sidebar .sidebar.collapsed {
  padding: 17px 16px;
  width: 88px;
}
.dashboard #sidebar .sidebar.collapsed * {
  visibility: hidden;
}
.dashboard #sidebar .sidebar.collapsed .logo, .dashboard #sidebar .sidebar.collapsed .status-tabs, .dashboard #sidebar .sidebar.collapsed .class-search {
  display: none;
}
.dashboard #sidebar .sidebar.collapsed .toggle-btn {
  visibility: visible;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
.dashboard #sidebar .sidebar.collapsed .class-list {
  margin-top: 80px;
}
.dashboard #sidebar .sidebar.collapsed .class-link {
  padding: 0;
  margin-bottom: 40px;
}
.dashboard #sidebar .sidebar.collapsed .class-link .class-icon {
  visibility: visible;
  width: 100%;
  margin-right: 0;
}
.dashboard #sidebar .sidebar.collapsed .class-link .class-icon span {
  visibility: visible;
}
.dashboard #sidebar .sidebar.collapsed .class-link .class-name {
  display: none;
}
.dashboard #sidebar .sidebar.collapsed .class-link.active {
  position: relative;
}
.dashboard #sidebar .sidebar.collapsed .class-link.active:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 10px);
  width: calc(100% + 10px);
  visibility: visible;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
}
.dashboard .content {
  flex: 1 1 auto;
  overflow: auto;
  background: #F9F8F6;
  padding: 22px 48px;
}

.modal-holder {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 80px;
  visibility: hidden;
  z-index: 100;
}
.modal-holder.toggled {
  visibility: visible;
}
.modal-holder .modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.modal-holder .modal-inner {
  width: 702px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 49px 47px;
  margin: 0 auto;
  position: relative;
  max-height: 90vh;
}
.modal-holder .modal-inner .modal-close {
  background: #FBEAE7;
  border-radius: 4px;
  color: #B92D0C;
  font-size: 28px;
  height: 32px;
  width: 32px;
  line-height: 32px;
  position: absolute;
  left: calc(100% + 16px);
  top: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-holder .modal-inner .modal-scrollholder {
  max-height: calc(90vh - 98px);
  overflow: auto;
  padding-left: 47px;
  padding-right: 47px;
}
.modal-holder.confirmation {
  position: absolute;
  bottom: unset;
  left: 0;
  top: 0;
  right: unset;
  padding-top: 0;
}
.modal-holder.confirmation .modal-bg {
  background: rgba(0, 0, 0, 0.2);
}
.modal-holder.confirmation .modal-inner {
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.13);
  padding: 32px;
  width: 300px;
}
.modal-holder.confirmation .confirmation-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-holder.confirmation .btn {
  transition: all 0s, background-color 0.3s ease-in-out;
}

.masonry-wrap .masonry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -25px;
  width: auto;
}
.masonry-wrap .masonry .masonry-column {
  padding-left: 25px; /* gutter size */
  background-clip: padding-box;
}
.masonry-wrap .masonry .masonry-column .card.submission {
  margin-bottom: 23px;
}

.submissions-grid .submissions-control-area {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.submissions-grid .submissions-header {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
}
.submissions-grid .submissions-header > h4 {
  margin-right: 8px;
}
.submissions-grid .submissions-header .submissions-count {
  color: #FFFFFF;
  background: #172644;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.submissions-grid .submissions-header .submissions-count h4 {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .submissions-grid .submissions-table {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .submissions-grid .submissions-table .submissions-table-item {
    position: relative;
    box-sizing: border-box;
  }
}

.comments-holder .form-control {
  width: 100%;
}

.comment .comment-icon {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  font-family: Adelle, serif;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  padding-top: 3px;
  margin-right: 16px;
}
.comment .comment-details {
  flex-grow: 1;
}
.comment .comment-control-btn {
  background: none;
  border: 0;
  font-size: 18px;
  cursor: pointer;
}
.comment .reply-holder {
  margin-right: -30px;
}
.comment .comment-like {
  max-height: 20px;
}

.slideshow-wrap {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  padding: 40px 100px;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
  width: 100vw;
  overflow-y: scroll;
}
.slideshow-wrap .slideshow-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: -58px;
  margin-bottom: 40px;
}
.slideshow-wrap .slideshow-header .slideshow-close {
  margin-left: 26px;
  background: #B92D0C;
  color: white;
  font-size: 28px;
  cursor: pointer !important;
  pointer-events: initial !important;
  transition: all 0.3s ease-in-out;
}
.slideshow-wrap .slideshow-header .slideshow-close:hover {
  background: #831B03;
}
.slideshow-wrap .slideshow-main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.slideshow-wrap .slideshow-main .slides-wrap {
  position: relative;
  flex-grow: 1;
  margin-bottom: 32px;
  min-height: 300px;
}
.slideshow-wrap .slideshow-main .slides-wrap .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in-out 0.5s;
}
.slideshow-wrap .slideshow-main .slides-wrap .slide.active {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.slideshow-wrap .slideshow-main .slide-desc-wrap {
  display: flex;
  margin-bottom: 24px;
  overflow: hidden;
}
.slideshow-wrap .slideshow-main .slide-desc-wrap .slide-desc {
  min-width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out 0.5s, margin-left 0s;
}
.slideshow-wrap .slideshow-main .slide-desc-wrap .slide-desc.active {
  opacity: 1;
  transition: opacity 0.5s ease-in-out, margin-left 0s 0.5s;
}
.slideshow-wrap .slideshow-main .slide-controls {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: calc(100% + 32px);
  margin-left: -16px;
}
.slideshow-wrap .slideshow-main .slide-controls .slide-control {
  cursor: pointer;
}
.slideshow-wrap .slideshow-main .slide-controls .icon-holder {
  height: 32px;
  width: 32px;
  background: #000000;
  border-radius: 50%;
  color: white;
  font-size: 18px;
}
.slideshow-wrap .slideshow-main .slide-controls .prev .icon-holder {
  padding-right: 4px;
}
.slideshow-wrap .slideshow-main .slide-controls .next .icon-holder {
  padding-left: 4px;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 24px;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails-header .thumbnails-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails-header .thumbnails-toggle .icon-holder {
  margin-right: 8px;
  color: white;
  background: #B92D0C;
  font-size: 24px;
  transition: all 0.3s ease-in-out;
  pointer-events: initial;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails-header .thumbnails-toggle .icon-holder:hover {
  background: #831B03;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails {
  display: flex;
  overflow-x: scroll;
  padding-bottom: 16px;
  scroll-behavior: smooth;
  padding-right: calc(100% - 305px);
  visibility: hidden;
  height: 0;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails.toggled {
  visibility: visible;
  height: auto;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails .thumbnail {
  height: 160px;
  width: 265px;
  min-width: 265px;
  margin-right: 40px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails .thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.slideshow-wrap .slideshow-thumbnails .thumbnails .thumbnail .slide-label {
  background: #FDF2E5;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 8px;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 12px;
}

[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "wim-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon.icon-dark {
  color: #000 !important;
}

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

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

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

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

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

.icon-caret-down:before {
  content: "\e904";
}

.icon-caret-up:before {
  content: "\e905";
}

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

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

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

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

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

.icon-display-stack:before {
  content: "\e90b";
}

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

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

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

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

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

.icon-favorite:before {
  content: "\e911";
}

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

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

.icon-like:before {
  content: "\e914";
}

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

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

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

.icon-paper-plane:before {
  content: "\e918";
}

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

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

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

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

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

/*# sourceMappingURL=main.css.map*/