@charset "UTF-8";
/**
 * Media queries
 * v 1.0
 */
/**
 * $color: la map contenant le couleurs
 * $lighter : éclairir ou assombrir?
 * $shadesCount : Le nombre de teintes a créer
 * $shadesJump : Le saut de la valeur d'éclaircicement ou d'assombrissement de la couleur pour chacune des teintes (%)
 * $property : La propriété css à laquelle affecter la teinte créée
 */
/**
 * $className: Le nom de la classe générée
 * $styleName : La propriété CSS ciblée?
 * $spacingsList : La list des valeurs ajoutée dans chaque itération de boucle
 */
/**
 * $col: Le nopmbre de colonne a générer
 * $gapsList : La liste des gaps à prendre en compte possiblement
 *  @todo : Find a way to use pure css vars and calc
 */
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Raleway&display=swap");
:root {
  --light-text-color: #eee;
  --dark-text-color: #111;
  --font-title: Raleway, sans-serif;
  --font-text: Lato, sans-serif;
  --color-primary: #264653;
  --color-secondary: #57a0bd;
  --color-warning: #e9c46a;
  --color-danger: #f33b3b;
  --color-success: #2a9d3f;
  --color-light-primary-1: #2b4f5d !important;
  --color-dark-primary-1: #213d49 !important;
  --color-light-secondary-1: #62a6c1 !important;
  --color-dark-secondary-1: #4c9ab9 !important;
  --color-light-warning-1: #ebc977 !important;
  --color-dark-warning-1: #e7bf5d !important;
  --color-light-danger-1: #f44949 !important;
  --color-dark-danger-1: #f22d2d !important;
  --color-light-success-1: #2da944 !important;
  --color-dark-success-1: #27913a !important;
  --color-light-primary-2: #305868 !important;
  --color-dark-primary-2: #1c343e !important;
  --color-light-secondary-2: #6dacc6 !important;
  --color-dark-secondary-2: #4592b0 !important;
  --color-light-warning-2: #edcf85 !important;
  --color-dark-warning-2: #e5b94f !important;
  --color-light-danger-2: #f55858 !important;
  --color-dark-danger-2: #f11e1e !important;
  --color-light-success-2: #30b549 !important;
  --color-dark-success-2: #248535 !important;
  --color-light-primary-3: #346172 !important;
  --color-dark-primary-3: #182b34 !important;
  --color-light-secondary-3: #78b3ca !important;
  --color-dark-secondary-3: #4189a5 !important;
  --color-light-warning-3: #efd492 !important;
  --color-dark-warning-3: #e3b442 !important;
  --color-light-danger-3: #f66666 !important;
  --color-dark-danger-3: #f01010 !important;
  --color-light-success-3: #34c14e !important;
  --color-dark-success-3: #207930 !important;
  --color-light-primary-4: #39697d !important;
  --color-dark-primary-4: #132329 !important;
  --color-light-secondary-4: #83b9ce !important;
  --color-dark-secondary-4: #3d809a !important;
  --color-light-warning-4: #f1d99f !important;
  --color-dark-warning-4: #e1af35 !important;
  --color-light-danger-4: #f77575 !important;
  --color-dark-danger-4: #e30e0e !important;
  --color-light-success-4: #3aca54 !important;
  --color-dark-success-4: #1d6d2c !important;
  --color-light-primary-5: #3e7287 !important;
  --color-dark-primary-5: #0e1a1f !important;
  --color-light-secondary-5: #8ebfd3 !important;
  --color-dark-secondary-5: #38778f !important;
  --color-light-warning-5: #f3dead !important;
  --color-dark-warning-5: #dfaa27 !important;
  --color-light-danger-5: #f78383 !important;
  --color-dark-danger-5: #d40d0d !important;
  --color-light-success-5: #46ce5f !important;
  --color-dark-success-5: #1a6127 !important;
  --color-blackey: #111;
  --color-whitey: #eee;
  --color-light-blackey-1: #161616 !important;
  --color-dark-blackey-1: #0c0c0c !important;
  --color-light-whitey-1: #f3f3f3 !important;
  --color-dark-whitey-1: #e9e9e9 !important;
  --color-light-blackey-2: #1b1b1b !important;
  --color-dark-blackey-2: #070707 !important;
  --color-light-whitey-2: #f8f8f8 !important;
  --color-dark-whitey-2: #e4e4e4 !important;
  --color-light-blackey-3: #202020 !important;
  --color-dark-blackey-3: #020202 !important;
  --color-light-whitey-3: #fdfdfd !important;
  --color-dark-whitey-3: #dfdfdf !important;
  --color-light-blackey-4: #252525 !important;
  --color-dark-blackey-4: black !important;
  --color-light-whitey-4: white !important;
  --color-dark-whitey-4: #dadada !important;
  --color-light-blackey-5: #2b2b2b !important;
  --color-dark-blackey-5: black !important;
  --color-light-whitey-5: white !important;
  --color-dark-whitey-5: #d5d5d5 !important;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-text);
  font-size: 1em;
  font-size-adjust: 100%;
}

.body-colors {
  background-color: var(--color-primary);
  color: var(--light-text-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title);
  font-size-adjust: 100%;
}

.container {
  margin: auto;
  max-width: 100%;
}

.container-fluid {
  width: 100%;
}

.container-push {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.container-fill {
  flex: 1 1 auto;
}

@media screen and (min-width: 640px) {
  .container-sm {
    margin: auto;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .container-md {
    margin: auto;
    max-width: 95%;
  }
}

@media screen and (min-width: 1024px) {
  .container-lg {
    margin: auto;
    max-width: 90%;
  }
}

@media screen and (min-width: 1280px) {
  .container-xl {
    margin: auto;
    max-width: 85%;
  }
}

@media screen and (min-width: 1536px) {
  .container-2xl {
    margin: auto;
    max-width: 80%;
  }
}

@media screen and (min-width: 1920px) {
  .container-3xl {
    margin: auto;
    max-width: 75%;
  }
}

.img-fluid {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 640px) {
  .img-fluid-sm {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .img-fluid-md {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .img-fluid-lg {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1280px) {
  .img-fluid-xl {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1536px) {
  .img-fluid-2xl {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1920px) {
  .img-fluid-3xl {
    width: 100%;
    height: auto;
  }
}

.flex {
  display: flex;
}

@media screen and (min-width: 640px) {
  .flex-sm {
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .flex-md {
    display: flex;
  }
}

@media screen and (min-width: 1024px) {
  .flex-lg {
    display: flex;
  }
}

@media screen and (min-width: 1280px) {
  .flex-xl {
    display: flex;
  }
}

@media screen and (min-width: 1536px) {
  .flex-2xl {
    display: flex;
  }
}

@media screen and (min-width: 1920px) {
  .flex-3xl {
    display: flex;
  }
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.grow {
  flex-grow: 1;
}

.shrink {
  flex-shrink: 1;
}

.just-center {
  justify-content: center;
}

.just-between {
  justify-content: space-between;
}

.just-evenly {
  justify-content: space-evenly;
}

.just-around {
  justify-content: space-around;
}

.just-left {
  justify-content: flex-start;
}

.just-right {
  justify-content: flex-end;
}

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

.nav {
  list-style-type: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.nav li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.nav li > a:visited {
  color: var(--light-text-color);
}
.nav li > a:link {
  color: var(--light-text-color);
}
.nav li > a:active {
  color: var(--light-text-color);
}
.nav li > a:hover {
  color: var(--light-text-color);
  text-decoration: underline;
}

.unstyled-list {
  list-style-type: none;
}

.btn,
button {
  border-width: 0;
  border-style: solid;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-family: inherit;
  font-size: inherit;
}

.btn-icon {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.btn-icon:hover {
  opacity: 0.5;
}

form {
  display: flex;
  flex-direction: column;
}

form label,
label.label {
  font-size: 1em;
  display: flex;
  width: fit-content;
  align-items: center;
  width: 100%;
}

form input,
.label input {
  accent-color: var(--color-primary);
  font-size: 1em;
  outline: none;
  font-family: inherit;
  flex-grow: 1;
}
form input[type=checkbox], form input[type=radio],
.label input[type=checkbox],
.label input[type=radio] {
  flex-grow: 0;
  width: 20px;
  height: 20px;
}
form textarea,
.label textarea {
  font-size: 1em;
  outline: none;
  font-family: inherit;
  flex-grow: 1;
}
form select,
.label select {
  flex-grow: 1;
  font-size: 1em;
  outline: none;
  font-family: inherit;
}

.m-auto {
  margin: auto;
}

.mt-auto {
  margin-top: auto;
}

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

.mb-auto {
  margin-bottom: auto;
}

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

.p-0, form {
  padding: 0;
}

.p-1, .btn,
button, form label span,
label.label span, form input,
.label input, form textarea,
.label textarea, form select,
.label select {
  padding: 0.5em;
}

.p-2 {
  padding: 1em;
}

.p-3 {
  padding: 1.5em;
}

.p-4 {
  padding: 2em;
}

.p-5 {
  padding: 2.5em;
}

@media screen and (min-width: 640px) {
  .p-sm-0 {
    padding: 0;
  }
}

@media screen and (min-width: 640px) {
  .p-sm-1 {
    padding: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .p-sm-2 {
    padding: 1em;
  }
}

@media screen and (min-width: 640px) {
  .p-sm-3 {
    padding: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .p-sm-4 {
    padding: 2em;
  }
}

@media screen and (min-width: 640px) {
  .p-sm-5 {
    padding: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .p-md-0 {
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-md-1 {
    padding: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .p-md-2 {
    padding: 1em;
  }
}

@media screen and (min-width: 768px) {
  .p-md-3 {
    padding: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .p-md-4 {
    padding: 2em;
  }
}

@media screen and (min-width: 768px) {
  .p-md-5 {
    padding: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .p-lg-0 {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  .p-lg-1 {
    padding: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .p-lg-2 {
    padding: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .p-lg-3 {
    padding: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .p-lg-4 {
    padding: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .p-lg-5 {
    padding: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .p-xl-0 {
    padding: 0;
  }
}

@media screen and (min-width: 1280px) {
  .p-xl-1 {
    padding: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .p-xl-2 {
    padding: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .p-xl-3 {
    padding: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .p-xl-4 {
    padding: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .p-xl-5 {
    padding: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .p-2xl-0 {
    padding: 0;
  }
}

@media screen and (min-width: 1536px) {
  .p-2xl-1 {
    padding: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .p-2xl-2 {
    padding: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .p-2xl-3 {
    padding: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .p-2xl-4 {
    padding: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .p-2xl-5 {
    padding: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .p-3xl-0 {
    padding: 0;
  }
}

@media screen and (min-width: 1920px) {
  .p-3xl-1 {
    padding: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .p-3xl-2 {
    padding: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .p-3xl-3 {
    padding: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .p-3xl-4 {
    padding: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .p-3xl-5 {
    padding: 2.5em;
  }
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 0.5em;
}

.pt-2 {
  padding-top: 1em;
}

.pt-3 {
  padding-top: 1.5em;
}

.pt-4 {
  padding-top: 2em;
}

.pt-5 {
  padding-top: 2.5em;
}

@media screen and (min-width: 640px) {
  .pt-sm-0 {
    padding-top: 0;
  }
}

@media screen and (min-width: 640px) {
  .pt-sm-1 {
    padding-top: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .pt-sm-2 {
    padding-top: 1em;
  }
}

@media screen and (min-width: 640px) {
  .pt-sm-3 {
    padding-top: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .pt-sm-4 {
    padding-top: 2em;
  }
}

@media screen and (min-width: 640px) {
  .pt-sm-5 {
    padding-top: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-0 {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-1 {
    padding-top: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-2 {
    padding-top: 1em;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-3 {
    padding-top: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-4 {
    padding-top: 2em;
  }
}

@media screen and (min-width: 768px) {
  .pt-md-5 {
    padding-top: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pt-lg-0 {
    padding-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .pt-lg-1 {
    padding-top: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pt-lg-2 {
    padding-top: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .pt-lg-3 {
    padding-top: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pt-lg-4 {
    padding-top: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .pt-lg-5 {
    padding-top: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pt-xl-0 {
    padding-top: 0;
  }
}

@media screen and (min-width: 1280px) {
  .pt-xl-1 {
    padding-top: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pt-xl-2 {
    padding-top: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .pt-xl-3 {
    padding-top: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pt-xl-4 {
    padding-top: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .pt-xl-5 {
    padding-top: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pt-2xl-0 {
    padding-top: 0;
  }
}

@media screen and (min-width: 1536px) {
  .pt-2xl-1 {
    padding-top: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pt-2xl-2 {
    padding-top: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .pt-2xl-3 {
    padding-top: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pt-2xl-4 {
    padding-top: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .pt-2xl-5 {
    padding-top: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pt-3xl-0 {
    padding-top: 0;
  }
}

@media screen and (min-width: 1920px) {
  .pt-3xl-1 {
    padding-top: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pt-3xl-2 {
    padding-top: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .pt-3xl-3 {
    padding-top: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pt-3xl-4 {
    padding-top: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .pt-3xl-5 {
    padding-top: 2.5em;
  }
}

.pr-0 {
  padding-right: 0;
}

.pr-1 {
  padding-right: 0.5em;
}

.pr-2 {
  padding-right: 1em;
}

.pr-3 {
  padding-right: 1.5em;
}

.pr-4 {
  padding-right: 2em;
}

.pr-5 {
  padding-right: 2.5em;
}

@media screen and (min-width: 640px) {
  .pr-sm-0 {
    padding-right: 0;
  }
}

@media screen and (min-width: 640px) {
  .pr-sm-1 {
    padding-right: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .pr-sm-2 {
    padding-right: 1em;
  }
}

@media screen and (min-width: 640px) {
  .pr-sm-3 {
    padding-right: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .pr-sm-4 {
    padding-right: 2em;
  }
}

@media screen and (min-width: 640px) {
  .pr-sm-5 {
    padding-right: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-1 {
    padding-right: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-2 {
    padding-right: 1em;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-3 {
    padding-right: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-4 {
    padding-right: 2em;
  }
}

@media screen and (min-width: 768px) {
  .pr-md-5 {
    padding-right: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pr-lg-0 {
    padding-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .pr-lg-1 {
    padding-right: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pr-lg-2 {
    padding-right: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .pr-lg-3 {
    padding-right: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pr-lg-4 {
    padding-right: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .pr-lg-5 {
    padding-right: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pr-xl-0 {
    padding-right: 0;
  }
}

@media screen and (min-width: 1280px) {
  .pr-xl-1 {
    padding-right: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pr-xl-2 {
    padding-right: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .pr-xl-3 {
    padding-right: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pr-xl-4 {
    padding-right: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .pr-xl-5 {
    padding-right: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pr-2xl-0 {
    padding-right: 0;
  }
}

@media screen and (min-width: 1536px) {
  .pr-2xl-1 {
    padding-right: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pr-2xl-2 {
    padding-right: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .pr-2xl-3 {
    padding-right: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pr-2xl-4 {
    padding-right: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .pr-2xl-5 {
    padding-right: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pr-3xl-0 {
    padding-right: 0;
  }
}

@media screen and (min-width: 1920px) {
  .pr-3xl-1 {
    padding-right: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pr-3xl-2 {
    padding-right: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .pr-3xl-3 {
    padding-right: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pr-3xl-4 {
    padding-right: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .pr-3xl-5 {
    padding-right: 2.5em;
  }
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 0.5em;
}

.pb-2 {
  padding-bottom: 1em;
}

.pb-3 {
  padding-bottom: 1.5em;
}

.pb-4 {
  padding-bottom: 2em;
}

.pb-5 {
  padding-bottom: 2.5em;
}

@media screen and (min-width: 640px) {
  .pb-sm-0 {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 640px) {
  .pb-sm-1 {
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .pb-sm-2 {
    padding-bottom: 1em;
  }
}

@media screen and (min-width: 640px) {
  .pb-sm-3 {
    padding-bottom: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .pb-sm-4 {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 640px) {
  .pb-sm-5 {
    padding-bottom: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-1 {
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-2 {
    padding-bottom: 1em;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-3 {
    padding-bottom: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-4 {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 768px) {
  .pb-md-5 {
    padding-bottom: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1024px) {
  .pb-lg-1 {
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pb-lg-2 {
    padding-bottom: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .pb-lg-3 {
    padding-bottom: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pb-lg-4 {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .pb-lg-5 {
    padding-bottom: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pb-xl-0 {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1280px) {
  .pb-xl-1 {
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pb-xl-2 {
    padding-bottom: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .pb-xl-3 {
    padding-bottom: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pb-xl-4 {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .pb-xl-5 {
    padding-bottom: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pb-2xl-0 {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1536px) {
  .pb-2xl-1 {
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pb-2xl-2 {
    padding-bottom: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .pb-2xl-3 {
    padding-bottom: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pb-2xl-4 {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .pb-2xl-5 {
    padding-bottom: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pb-3xl-0 {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1920px) {
  .pb-3xl-1 {
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pb-3xl-2 {
    padding-bottom: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .pb-3xl-3 {
    padding-bottom: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pb-3xl-4 {
    padding-bottom: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .pb-3xl-5 {
    padding-bottom: 2.5em;
  }
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: 0.5em;
}

.pl-2 {
  padding-left: 1em;
}

.pl-3 {
  padding-left: 1.5em;
}

.pl-4 {
  padding-left: 2em;
}

.pl-5 {
  padding-left: 2.5em;
}

@media screen and (min-width: 640px) {
  .pl-sm-0 {
    padding-left: 0;
  }
}

@media screen and (min-width: 640px) {
  .pl-sm-1 {
    padding-left: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .pl-sm-2 {
    padding-left: 1em;
  }
}

@media screen and (min-width: 640px) {
  .pl-sm-3 {
    padding-left: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .pl-sm-4 {
    padding-left: 2em;
  }
}

@media screen and (min-width: 640px) {
  .pl-sm-5 {
    padding-left: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-1 {
    padding-left: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-2 {
    padding-left: 1em;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-3 {
    padding-left: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-4 {
    padding-left: 2em;
  }
}

@media screen and (min-width: 768px) {
  .pl-md-5 {
    padding-left: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pl-lg-0 {
    padding-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .pl-lg-1 {
    padding-left: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pl-lg-2 {
    padding-left: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .pl-lg-3 {
    padding-left: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .pl-lg-4 {
    padding-left: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .pl-lg-5 {
    padding-left: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pl-xl-0 {
    padding-left: 0;
  }
}

@media screen and (min-width: 1280px) {
  .pl-xl-1 {
    padding-left: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pl-xl-2 {
    padding-left: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .pl-xl-3 {
    padding-left: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .pl-xl-4 {
    padding-left: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .pl-xl-5 {
    padding-left: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pl-2xl-0 {
    padding-left: 0;
  }
}

@media screen and (min-width: 1536px) {
  .pl-2xl-1 {
    padding-left: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pl-2xl-2 {
    padding-left: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .pl-2xl-3 {
    padding-left: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .pl-2xl-4 {
    padding-left: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .pl-2xl-5 {
    padding-left: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pl-3xl-0 {
    padding-left: 0;
  }
}

@media screen and (min-width: 1920px) {
  .pl-3xl-1 {
    padding-left: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pl-3xl-2 {
    padding-left: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .pl-3xl-3 {
    padding-left: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .pl-3xl-4 {
    padding-left: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .pl-3xl-5 {
    padding-left: 2.5em;
  }
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: 0.5em;
}

.m-2 {
  margin: 1em;
}

.m-3 {
  margin: 1.5em;
}

.m-4 {
  margin: 2em;
}

.m-5 {
  margin: 2.5em;
}

@media screen and (min-width: 640px) {
  .m-sm-0 {
    margin: 0;
  }
}

@media screen and (min-width: 640px) {
  .m-sm-1 {
    margin: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .m-sm-2 {
    margin: 1em;
  }
}

@media screen and (min-width: 640px) {
  .m-sm-3 {
    margin: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .m-sm-4 {
    margin: 2em;
  }
}

@media screen and (min-width: 640px) {
  .m-sm-5 {
    margin: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .m-md-1 {
    margin: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .m-md-2 {
    margin: 1em;
  }
}

@media screen and (min-width: 768px) {
  .m-md-3 {
    margin: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .m-md-4 {
    margin: 2em;
  }
}

@media screen and (min-width: 768px) {
  .m-md-5 {
    margin: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .m-lg-0 {
    margin: 0;
  }
}

@media screen and (min-width: 1024px) {
  .m-lg-1 {
    margin: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .m-lg-2 {
    margin: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .m-lg-3 {
    margin: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .m-lg-4 {
    margin: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .m-lg-5 {
    margin: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .m-xl-0 {
    margin: 0;
  }
}

@media screen and (min-width: 1280px) {
  .m-xl-1 {
    margin: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .m-xl-2 {
    margin: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .m-xl-3 {
    margin: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .m-xl-4 {
    margin: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .m-xl-5 {
    margin: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .m-2xl-0 {
    margin: 0;
  }
}

@media screen and (min-width: 1536px) {
  .m-2xl-1 {
    margin: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .m-2xl-2 {
    margin: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .m-2xl-3 {
    margin: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .m-2xl-4 {
    margin: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .m-2xl-5 {
    margin: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .m-3xl-0 {
    margin: 0;
  }
}

@media screen and (min-width: 1920px) {
  .m-3xl-1 {
    margin: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .m-3xl-2 {
    margin: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .m-3xl-3 {
    margin: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .m-3xl-4 {
    margin: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .m-3xl-5 {
    margin: 2.5em;
  }
}

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

.mt-1, form {
  margin-top: 0.5em;
}

.mt-2 {
  margin-top: 1em;
}

.mt-3 {
  margin-top: 1.5em;
}

.mt-4 {
  margin-top: 2em;
}

.mt-5 {
  margin-top: 2.5em;
}

@media screen and (min-width: 640px) {
  .mt-sm-0 {
    margin-top: 0;
  }
}

@media screen and (min-width: 640px) {
  .mt-sm-1 {
    margin-top: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .mt-sm-2 {
    margin-top: 1em;
  }
}

@media screen and (min-width: 640px) {
  .mt-sm-3 {
    margin-top: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .mt-sm-4 {
    margin-top: 2em;
  }
}

@media screen and (min-width: 640px) {
  .mt-sm-5 {
    margin-top: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-1 {
    margin-top: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-2 {
    margin-top: 1em;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-3 {
    margin-top: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-4 {
    margin-top: 2em;
  }
}

@media screen and (min-width: 768px) {
  .mt-md-5 {
    margin-top: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mt-lg-0 {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .mt-lg-1 {
    margin-top: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mt-lg-2 {
    margin-top: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .mt-lg-3 {
    margin-top: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mt-lg-4 {
    margin-top: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .mt-lg-5 {
    margin-top: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mt-xl-0 {
    margin-top: 0;
  }
}

@media screen and (min-width: 1280px) {
  .mt-xl-1 {
    margin-top: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mt-xl-2 {
    margin-top: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .mt-xl-3 {
    margin-top: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mt-xl-4 {
    margin-top: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .mt-xl-5 {
    margin-top: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mt-2xl-0 {
    margin-top: 0;
  }
}

@media screen and (min-width: 1536px) {
  .mt-2xl-1 {
    margin-top: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mt-2xl-2 {
    margin-top: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .mt-2xl-3 {
    margin-top: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mt-2xl-4 {
    margin-top: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .mt-2xl-5 {
    margin-top: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mt-3xl-0 {
    margin-top: 0;
  }
}

@media screen and (min-width: 1920px) {
  .mt-3xl-1 {
    margin-top: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mt-3xl-2 {
    margin-top: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .mt-3xl-3 {
    margin-top: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mt-3xl-4 {
    margin-top: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .mt-3xl-5 {
    margin-top: 2.5em;
  }
}

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

.mr-1 {
  margin-right: 0.5em;
}

.mr-2 {
  margin-right: 1em;
}

.mr-3 {
  margin-right: 1.5em;
}

.mr-4 {
  margin-right: 2em;
}

.mr-5 {
  margin-right: 2.5em;
}

@media screen and (min-width: 640px) {
  .mr-sm-0 {
    margin-right: 0;
  }
}

@media screen and (min-width: 640px) {
  .mr-sm-1 {
    margin-right: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .mr-sm-2 {
    margin-right: 1em;
  }
}

@media screen and (min-width: 640px) {
  .mr-sm-3 {
    margin-right: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .mr-sm-4 {
    margin-right: 2em;
  }
}

@media screen and (min-width: 640px) {
  .mr-sm-5 {
    margin-right: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-0 {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-1 {
    margin-right: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-2 {
    margin-right: 1em;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-3 {
    margin-right: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-4 {
    margin-right: 2em;
  }
}

@media screen and (min-width: 768px) {
  .mr-md-5 {
    margin-right: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mr-lg-0 {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .mr-lg-1 {
    margin-right: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mr-lg-2 {
    margin-right: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .mr-lg-3 {
    margin-right: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mr-lg-4 {
    margin-right: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .mr-lg-5 {
    margin-right: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mr-xl-0 {
    margin-right: 0;
  }
}

@media screen and (min-width: 1280px) {
  .mr-xl-1 {
    margin-right: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mr-xl-2 {
    margin-right: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .mr-xl-3 {
    margin-right: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mr-xl-4 {
    margin-right: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .mr-xl-5 {
    margin-right: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mr-2xl-0 {
    margin-right: 0;
  }
}

@media screen and (min-width: 1536px) {
  .mr-2xl-1 {
    margin-right: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mr-2xl-2 {
    margin-right: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .mr-2xl-3 {
    margin-right: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mr-2xl-4 {
    margin-right: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .mr-2xl-5 {
    margin-right: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mr-3xl-0 {
    margin-right: 0;
  }
}

@media screen and (min-width: 1920px) {
  .mr-3xl-1 {
    margin-right: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mr-3xl-2 {
    margin-right: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .mr-3xl-3 {
    margin-right: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mr-3xl-4 {
    margin-right: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .mr-3xl-5 {
    margin-right: 2.5em;
  }
}

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

.mb-1 {
  margin-bottom: 0.5em;
}

.mb-2 {
  margin-bottom: 1em;
}

.mb-3 {
  margin-bottom: 1.5em;
}

.mb-4 {
  margin-bottom: 2em;
}

.mb-5 {
  margin-bottom: 2.5em;
}

@media screen and (min-width: 640px) {
  .mb-sm-0 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 640px) {
  .mb-sm-1 {
    margin-bottom: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .mb-sm-2 {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 640px) {
  .mb-sm-3 {
    margin-bottom: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .mb-sm-4 {
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 640px) {
  .mb-sm-5 {
    margin-bottom: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-1 {
    margin-bottom: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-2 {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-3 {
    margin-bottom: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-4 {
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 768px) {
  .mb-md-5 {
    margin-bottom: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mb-lg-0 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1024px) {
  .mb-lg-1 {
    margin-bottom: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mb-lg-2 {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .mb-lg-3 {
    margin-bottom: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .mb-lg-4 {
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .mb-lg-5 {
    margin-bottom: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mb-xl-0 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1280px) {
  .mb-xl-1 {
    margin-bottom: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mb-xl-2 {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .mb-xl-3 {
    margin-bottom: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .mb-xl-4 {
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .mb-xl-5 {
    margin-bottom: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mb-2xl-0 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1536px) {
  .mb-2xl-1 {
    margin-bottom: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mb-2xl-2 {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .mb-2xl-3 {
    margin-bottom: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .mb-2xl-4 {
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .mb-2xl-5 {
    margin-bottom: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mb-3xl-0 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1920px) {
  .mb-3xl-1 {
    margin-bottom: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mb-3xl-2 {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .mb-3xl-3 {
    margin-bottom: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .mb-3xl-4 {
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .mb-3xl-5 {
    margin-bottom: 2.5em;
  }
}

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

.ml-1 {
  margin-left: 0.5em;
}

.ml-2 {
  margin-left: 1em;
}

.ml-3 {
  margin-left: 1.5em;
}

.ml-4 {
  margin-left: 2em;
}

.ml-5 {
  margin-left: 2.5em;
}

@media screen and (min-width: 640px) {
  .ml-sm-0 {
    margin-left: 0;
  }
}

@media screen and (min-width: 640px) {
  .ml-sm-1 {
    margin-left: 0.5em;
  }
}

@media screen and (min-width: 640px) {
  .ml-sm-2 {
    margin-left: 1em;
  }
}

@media screen and (min-width: 640px) {
  .ml-sm-3 {
    margin-left: 1.5em;
  }
}

@media screen and (min-width: 640px) {
  .ml-sm-4 {
    margin-left: 2em;
  }
}

@media screen and (min-width: 640px) {
  .ml-sm-5 {
    margin-left: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-1 {
    margin-left: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-2 {
    margin-left: 1em;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-3 {
    margin-left: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-4 {
    margin-left: 2em;
  }
}

@media screen and (min-width: 768px) {
  .ml-md-5 {
    margin-left: 2.5em;
  }
}

@media screen and (min-width: 1024px) {
  .ml-lg-0 {
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .ml-lg-1 {
    margin-left: 0.5em;
  }
}

@media screen and (min-width: 1024px) {
  .ml-lg-2 {
    margin-left: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .ml-lg-3 {
    margin-left: 1.5em;
  }
}

@media screen and (min-width: 1024px) {
  .ml-lg-4 {
    margin-left: 2em;
  }
}

@media screen and (min-width: 1024px) {
  .ml-lg-5 {
    margin-left: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .ml-xl-0 {
    margin-left: 0;
  }
}

@media screen and (min-width: 1280px) {
  .ml-xl-1 {
    margin-left: 0.5em;
  }
}

@media screen and (min-width: 1280px) {
  .ml-xl-2 {
    margin-left: 1em;
  }
}

@media screen and (min-width: 1280px) {
  .ml-xl-3 {
    margin-left: 1.5em;
  }
}

@media screen and (min-width: 1280px) {
  .ml-xl-4 {
    margin-left: 2em;
  }
}

@media screen and (min-width: 1280px) {
  .ml-xl-5 {
    margin-left: 2.5em;
  }
}

@media screen and (min-width: 1536px) {
  .ml-2xl-0 {
    margin-left: 0;
  }
}

@media screen and (min-width: 1536px) {
  .ml-2xl-1 {
    margin-left: 0.5em;
  }
}

@media screen and (min-width: 1536px) {
  .ml-2xl-2 {
    margin-left: 1em;
  }
}

@media screen and (min-width: 1536px) {
  .ml-2xl-3 {
    margin-left: 1.5em;
  }
}

@media screen and (min-width: 1536px) {
  .ml-2xl-4 {
    margin-left: 2em;
  }
}

@media screen and (min-width: 1536px) {
  .ml-2xl-5 {
    margin-left: 2.5em;
  }
}

@media screen and (min-width: 1920px) {
  .ml-3xl-0 {
    margin-left: 0;
  }
}

@media screen and (min-width: 1920px) {
  .ml-3xl-1 {
    margin-left: 0.5em;
  }
}

@media screen and (min-width: 1920px) {
  .ml-3xl-2 {
    margin-left: 1em;
  }
}

@media screen and (min-width: 1920px) {
  .ml-3xl-3 {
    margin-left: 1.5em;
  }
}

@media screen and (min-width: 1920px) {
  .ml-3xl-4 {
    margin-left: 2em;
  }
}

@media screen and (min-width: 1920px) {
  .ml-3xl-5 {
    margin-left: 2.5em;
  }
}

.g-0 {
  gap: 0;
}

.g-1, form {
  gap: 0.5em;
}

.g-2 {
  gap: 1em;
}

.g-3 {
  gap: 1.5em;
}

.g-4 {
  gap: 2em;
}

.g-5 {
  gap: 2.5em;
}

.b-0, form input,
.label input, form textarea,
.label textarea, form select,
.label select {
  border-width: 0;
}

.b-1 {
  border-width: 1px;
}

.b-2 {
  border-width: 2px;
}

.b-3 {
  border-width: 3px;
}

.b-4 {
  border-width: 4px;
}

.b-5 {
  border-width: 5px;
}

.b-rad-0 {
  border-radius: 0;
}

.b-rad-1 {
  border-radius: 2px;
}

.b-rad-2, form label,
label.label {
  border-radius: 4px;
}

.b-rad-3 {
  border-radius: 6px;
}

.b-rad-4 {
  border-radius: 8px;
}

.b-rad-5 {
  border-radius: 10px;
}

.width-0 {
  width: 0;
}

.width-25 {
  width: 25%;
}

.width-33 {
  width: 33%;
}

.width-50 {
  width: 50%;
}

.width-66 {
  width: 66%;
}

.width-75 {
  width: 75%;
}

.width-100 {
  width: 100%;
}

.width-auto {
  width: auto;
}

.width-fit-content {
  width: fit-content;
}

@media screen and (min-width: 640px) {
  .width-sm-0 {
    width: 0;
  }
}

@media screen and (min-width: 640px) {
  .width-sm-25 {
    width: 25%;
  }
}

@media screen and (min-width: 640px) {
  .width-sm-33 {
    width: 33%;
  }
}

@media screen and (min-width: 640px) {
  .width-sm-50 {
    width: 50%;
  }
}

@media screen and (min-width: 640px) {
  .width-sm-66 {
    width: 66%;
  }
}

@media screen and (min-width: 640px) {
  .width-sm-75 {
    width: 75%;
  }
}

@media screen and (min-width: 640px) {
  .width-sm-100 {
    width: 100%;
  }
}

@media screen and (min-width: 640px) {
  .width-sm-auto {
    width: auto;
  }
}

@media screen and (min-width: 640px) {
  .width-sm-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 768px) {
  .width-md-0 {
    width: 0;
  }
}

@media screen and (min-width: 768px) {
  .width-md-25 {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .width-md-33 {
    width: 33%;
  }
}

@media screen and (min-width: 768px) {
  .width-md-50 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .width-md-66 {
    width: 66%;
  }
}

@media screen and (min-width: 768px) {
  .width-md-75 {
    width: 75%;
  }
}

@media screen and (min-width: 768px) {
  .width-md-100 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .width-md-auto {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .width-md-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-0 {
    width: 0;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-25 {
    width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-33 {
    width: 33%;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-50 {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-66 {
    width: 66%;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-75 {
    width: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-100 {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-auto {
    width: auto;
  }
}

@media screen and (min-width: 1024px) {
  .width-lg-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-0 {
    width: 0;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-25 {
    width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-33 {
    width: 33%;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-50 {
    width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-66 {
    width: 66%;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-75 {
    width: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-100 {
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-auto {
    width: auto;
  }
}

@media screen and (min-width: 1280px) {
  .width-xl-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-0 {
    width: 0;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-25 {
    width: 25%;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-33 {
    width: 33%;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-50 {
    width: 50%;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-66 {
    width: 66%;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-75 {
    width: 75%;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-100 {
    width: 100%;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-auto {
    width: auto;
  }
}

@media screen and (min-width: 1536px) {
  .width-2xl-fit-content {
    width: fit-content;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-0 {
    width: 0;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-25 {
    width: 25%;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-33 {
    width: 33%;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-50 {
    width: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-66 {
    width: 66%;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-75 {
    width: 75%;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-100 {
    width: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-auto {
    width: auto;
  }
}

@media screen and (min-width: 1920px) {
  .width-3xl-fit-content {
    width: fit-content;
  }
}

.op-0 {
  opacity: 0;
}

.op-1 {
  opacity: 25%;
}

.op-2 {
  opacity: 50%;
}

.op-3 {
  opacity: 75%;
}

.op-4 {
  opacity: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  flex-flow: wrap;
}
.row .col {
  flex-basis: 100%;
}

.row .col-1 {
  flex-basis: 12.5%;
}

.row.g-0 .col-1 {
  flex-basis: 12.5%;
}

.row.g-1 .col-1, form.row .col-1 {
  flex-basis: calc(12.5% - 0.5em + 0.0625em) !important;
}

.row.g-2 .col-1 {
  flex-basis: calc(12.5% - 1em + 0.125em) !important;
}

.row.g-3 .col-1 {
  flex-basis: calc(12.5% - 1.5em + 0.1875em) !important;
}

.row.g-4 .col-1 {
  flex-basis: calc(12.5% - 2em + 0.25em) !important;
}

.row.g-5 .col-1 {
  flex-basis: calc(12.5% - 2.5em + 0.3125em) !important;
}

.row .col-2 {
  flex-basis: 25%;
}

.row.g-0 .col-2 {
  flex-basis: 25%;
}

.row.g-1 .col-2, form.row .col-2 {
  flex-basis: calc(25% - 0.5em + 0.125em) !important;
}

.row.g-2 .col-2 {
  flex-basis: calc(25% - 1em + 0.25em) !important;
}

.row.g-3 .col-2 {
  flex-basis: calc(25% - 1.5em + 0.375em) !important;
}

.row.g-4 .col-2 {
  flex-basis: calc(25% - 2em + 0.5em) !important;
}

.row.g-5 .col-2 {
  flex-basis: calc(25% - 2.5em + 0.625em) !important;
}

.row .col-3 {
  flex-basis: 37.5%;
}

.row.g-0 .col-3 {
  flex-basis: 37.5%;
}

.row.g-1 .col-3, form.row .col-3 {
  flex-basis: calc(37.5% - 0.5em + 0.1875em) !important;
}

.row.g-2 .col-3 {
  flex-basis: calc(37.5% - 1em + 0.375em) !important;
}

.row.g-3 .col-3 {
  flex-basis: calc(37.5% - 1.5em + 0.5625em) !important;
}

.row.g-4 .col-3 {
  flex-basis: calc(37.5% - 2em + 0.75em) !important;
}

.row.g-5 .col-3 {
  flex-basis: calc(37.5% - 2.5em + 0.9375em) !important;
}

.row .col-4 {
  flex-basis: 50%;
}

.row.g-0 .col-4 {
  flex-basis: 50%;
}

.row.g-1 .col-4, form.row .col-4 {
  flex-basis: calc(50% - 0.5em + 0.25em) !important;
}

.row.g-2 .col-4 {
  flex-basis: calc(50% - 1em + 0.5em) !important;
}

.row.g-3 .col-4 {
  flex-basis: calc(50% - 1.5em + 0.75em) !important;
}

.row.g-4 .col-4 {
  flex-basis: calc(50% - 2em + 1em) !important;
}

.row.g-5 .col-4 {
  flex-basis: calc(50% - 2.5em + 1.25em) !important;
}

.row .col-5 {
  flex-basis: 62.5%;
}

.row.g-0 .col-5 {
  flex-basis: 62.5%;
}

.row.g-1 .col-5, form.row .col-5 {
  flex-basis: calc(62.5% - 0.5em + 0.3125em) !important;
}

.row.g-2 .col-5 {
  flex-basis: calc(62.5% - 1em + 0.625em) !important;
}

.row.g-3 .col-5 {
  flex-basis: calc(62.5% - 1.5em + 0.9375em) !important;
}

.row.g-4 .col-5 {
  flex-basis: calc(62.5% - 2em + 1.25em) !important;
}

.row.g-5 .col-5 {
  flex-basis: calc(62.5% - 2.5em + 1.5625em) !important;
}

.row .col-6 {
  flex-basis: 75%;
}

.row.g-0 .col-6 {
  flex-basis: 75%;
}

.row.g-1 .col-6, form.row .col-6 {
  flex-basis: calc(75% - 0.5em + 0.375em) !important;
}

.row.g-2 .col-6 {
  flex-basis: calc(75% - 1em + 0.75em) !important;
}

.row.g-3 .col-6 {
  flex-basis: calc(75% - 1.5em + 1.125em) !important;
}

.row.g-4 .col-6 {
  flex-basis: calc(75% - 2em + 1.5em) !important;
}

.row.g-5 .col-6 {
  flex-basis: calc(75% - 2.5em + 1.875em) !important;
}

.row .col-7 {
  flex-basis: 87.5%;
}

.row.g-0 .col-7 {
  flex-basis: 87.5%;
}

.row.g-1 .col-7, form.row .col-7 {
  flex-basis: calc(87.5% - 0.5em + 0.4375em) !important;
}

.row.g-2 .col-7 {
  flex-basis: calc(87.5% - 1em + 0.875em) !important;
}

.row.g-3 .col-7 {
  flex-basis: calc(87.5% - 1.5em + 1.3125em) !important;
}

.row.g-4 .col-7 {
  flex-basis: calc(87.5% - 2em + 1.75em) !important;
}

.row.g-5 .col-7 {
  flex-basis: calc(87.5% - 2.5em + 2.1875em) !important;
}

.row .col-8 {
  flex-basis: 100%;
}

.row.g-0 .col-8 {
  flex-basis: 100%;
}

.row.g-1 .col-8, form.row .col-8 {
  flex-basis: calc(100% - 0.5em + 0.5em) !important;
}

.row.g-2 .col-8 {
  flex-basis: calc(100% - 1em + 1em) !important;
}

.row.g-3 .col-8 {
  flex-basis: calc(100% - 1.5em + 1.5em) !important;
}

.row.g-4 .col-8 {
  flex-basis: calc(100% - 2em + 2em) !important;
}

.row.g-5 .col-8 {
  flex-basis: calc(100% - 2.5em + 2.5em) !important;
}

@media screen and (min-width: 640px) {
  .row.g-0 .col-sm-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-0 .col-sm-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-0 .col-sm-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-0 .col-sm-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-0 .col-sm-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-0 .col-sm-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-0 .col-sm-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-0 .col-sm-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-1 .col-sm-1, form.row .col-sm-1 {
    flex-basis: calc(12.5% - 0.5em + 0.0625em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-1 .col-sm-2, form.row .col-sm-2 {
    flex-basis: calc(25% - 0.5em + 0.125em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-1 .col-sm-3, form.row .col-sm-3 {
    flex-basis: calc(37.5% - 0.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-1 .col-sm-4, form.row .col-sm-4 {
    flex-basis: calc(50% - 0.5em + 0.25em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-1 .col-sm-5, form.row .col-sm-5 {
    flex-basis: calc(62.5% - 0.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-1 .col-sm-6, form.row .col-sm-6 {
    flex-basis: calc(75% - 0.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-1 .col-sm-7, form.row .col-sm-7 {
    flex-basis: calc(87.5% - 0.5em + 0.4375em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-1 .col-sm-8, form.row .col-sm-8 {
    flex-basis: calc(100% - 0.5em + 0.5em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-2 .col-sm-1 {
    flex-basis: calc(12.5% - 1em + 0.125em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-2 .col-sm-2 {
    flex-basis: calc(25% - 1em + 0.25em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-2 .col-sm-3 {
    flex-basis: calc(37.5% - 1em + 0.375em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-2 .col-sm-4 {
    flex-basis: calc(50% - 1em + 0.5em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-2 .col-sm-5 {
    flex-basis: calc(62.5% - 1em + 0.625em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-2 .col-sm-6 {
    flex-basis: calc(75% - 1em + 0.75em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-2 .col-sm-7 {
    flex-basis: calc(87.5% - 1em + 0.875em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-2 .col-sm-8 {
    flex-basis: calc(100% - 1em + 1em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-3 .col-sm-1 {
    flex-basis: calc(12.5% - 1.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-3 .col-sm-2 {
    flex-basis: calc(25% - 1.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-3 .col-sm-3 {
    flex-basis: calc(37.5% - 1.5em + 0.5625em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-3 .col-sm-4 {
    flex-basis: calc(50% - 1.5em + 0.75em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-3 .col-sm-5 {
    flex-basis: calc(62.5% - 1.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-3 .col-sm-6 {
    flex-basis: calc(75% - 1.5em + 1.125em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-3 .col-sm-7 {
    flex-basis: calc(87.5% - 1.5em + 1.3125em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-3 .col-sm-8 {
    flex-basis: calc(100% - 1.5em + 1.5em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-4 .col-sm-1 {
    flex-basis: calc(12.5% - 2em + 0.25em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-4 .col-sm-2 {
    flex-basis: calc(25% - 2em + 0.5em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-4 .col-sm-3 {
    flex-basis: calc(37.5% - 2em + 0.75em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-4 .col-sm-4 {
    flex-basis: calc(50% - 2em + 1em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-4 .col-sm-5 {
    flex-basis: calc(62.5% - 2em + 1.25em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-4 .col-sm-6 {
    flex-basis: calc(75% - 2em + 1.5em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-4 .col-sm-7 {
    flex-basis: calc(87.5% - 2em + 1.75em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-4 .col-sm-8 {
    flex-basis: calc(100% - 2em + 2em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-5 .col-sm-1 {
    flex-basis: calc(12.5% - 2.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-5 .col-sm-2 {
    flex-basis: calc(25% - 2.5em + 0.625em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-5 .col-sm-3 {
    flex-basis: calc(37.5% - 2.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-5 .col-sm-4 {
    flex-basis: calc(50% - 2.5em + 1.25em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-5 .col-sm-5 {
    flex-basis: calc(62.5% - 2.5em + 1.5625em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-5 .col-sm-6 {
    flex-basis: calc(75% - 2.5em + 1.875em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-5 .col-sm-7 {
    flex-basis: calc(87.5% - 2.5em + 2.1875em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 640px) {
  .row.g-5 .col-sm-8 {
    flex-basis: calc(100% - 2.5em + 2.5em) !important;
  }
}

@media screen and (min-width: 640px) {
  .row .col-sm-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-0 .col-md-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-0 .col-md-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-0 .col-md-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-0 .col-md-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-0 .col-md-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-0 .col-md-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-0 .col-md-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-0 .col-md-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-1 .col-md-1, form.row .col-md-1 {
    flex-basis: calc(12.5% - 0.5em + 0.0625em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-1 .col-md-2, form.row .col-md-2 {
    flex-basis: calc(25% - 0.5em + 0.125em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-1 .col-md-3, form.row .col-md-3 {
    flex-basis: calc(37.5% - 0.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-1 .col-md-4, form.row .col-md-4 {
    flex-basis: calc(50% - 0.5em + 0.25em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-1 .col-md-5, form.row .col-md-5 {
    flex-basis: calc(62.5% - 0.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-1 .col-md-6, form.row .col-md-6 {
    flex-basis: calc(75% - 0.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-1 .col-md-7, form.row .col-md-7 {
    flex-basis: calc(87.5% - 0.5em + 0.4375em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-1 .col-md-8, form.row .col-md-8 {
    flex-basis: calc(100% - 0.5em + 0.5em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-2 .col-md-1 {
    flex-basis: calc(12.5% - 1em + 0.125em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-2 .col-md-2 {
    flex-basis: calc(25% - 1em + 0.25em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-2 .col-md-3 {
    flex-basis: calc(37.5% - 1em + 0.375em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-2 .col-md-4 {
    flex-basis: calc(50% - 1em + 0.5em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-2 .col-md-5 {
    flex-basis: calc(62.5% - 1em + 0.625em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-2 .col-md-6 {
    flex-basis: calc(75% - 1em + 0.75em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-2 .col-md-7 {
    flex-basis: calc(87.5% - 1em + 0.875em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-2 .col-md-8 {
    flex-basis: calc(100% - 1em + 1em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-3 .col-md-1 {
    flex-basis: calc(12.5% - 1.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-3 .col-md-2 {
    flex-basis: calc(25% - 1.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-3 .col-md-3 {
    flex-basis: calc(37.5% - 1.5em + 0.5625em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-3 .col-md-4 {
    flex-basis: calc(50% - 1.5em + 0.75em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-3 .col-md-5 {
    flex-basis: calc(62.5% - 1.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-3 .col-md-6 {
    flex-basis: calc(75% - 1.5em + 1.125em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-3 .col-md-7 {
    flex-basis: calc(87.5% - 1.5em + 1.3125em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-3 .col-md-8 {
    flex-basis: calc(100% - 1.5em + 1.5em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-4 .col-md-1 {
    flex-basis: calc(12.5% - 2em + 0.25em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-4 .col-md-2 {
    flex-basis: calc(25% - 2em + 0.5em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-4 .col-md-3 {
    flex-basis: calc(37.5% - 2em + 0.75em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-4 .col-md-4 {
    flex-basis: calc(50% - 2em + 1em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-4 .col-md-5 {
    flex-basis: calc(62.5% - 2em + 1.25em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-4 .col-md-6 {
    flex-basis: calc(75% - 2em + 1.5em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-4 .col-md-7 {
    flex-basis: calc(87.5% - 2em + 1.75em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-4 .col-md-8 {
    flex-basis: calc(100% - 2em + 2em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-5 .col-md-1 {
    flex-basis: calc(12.5% - 2.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-5 .col-md-2 {
    flex-basis: calc(25% - 2.5em + 0.625em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-5 .col-md-3 {
    flex-basis: calc(37.5% - 2.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-5 .col-md-4 {
    flex-basis: calc(50% - 2.5em + 1.25em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-5 .col-md-5 {
    flex-basis: calc(62.5% - 2.5em + 1.5625em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-5 .col-md-6 {
    flex-basis: calc(75% - 2.5em + 1.875em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-5 .col-md-7 {
    flex-basis: calc(87.5% - 2.5em + 2.1875em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .row.g-5 .col-md-8 {
    flex-basis: calc(100% - 2.5em + 2.5em) !important;
  }
}

@media screen and (min-width: 768px) {
  .row .col-md-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-0 .col-lg-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-0 .col-lg-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-0 .col-lg-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-0 .col-lg-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-0 .col-lg-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-0 .col-lg-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-0 .col-lg-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-0 .col-lg-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-1 .col-lg-1, form.row .col-lg-1 {
    flex-basis: calc(12.5% - 0.5em + 0.0625em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-1 .col-lg-2, form.row .col-lg-2 {
    flex-basis: calc(25% - 0.5em + 0.125em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-1 .col-lg-3, form.row .col-lg-3 {
    flex-basis: calc(37.5% - 0.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-1 .col-lg-4, form.row .col-lg-4 {
    flex-basis: calc(50% - 0.5em + 0.25em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-1 .col-lg-5, form.row .col-lg-5 {
    flex-basis: calc(62.5% - 0.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-1 .col-lg-6, form.row .col-lg-6 {
    flex-basis: calc(75% - 0.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-1 .col-lg-7, form.row .col-lg-7 {
    flex-basis: calc(87.5% - 0.5em + 0.4375em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-1 .col-lg-8, form.row .col-lg-8 {
    flex-basis: calc(100% - 0.5em + 0.5em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-2 .col-lg-1 {
    flex-basis: calc(12.5% - 1em + 0.125em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-2 .col-lg-2 {
    flex-basis: calc(25% - 1em + 0.25em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-2 .col-lg-3 {
    flex-basis: calc(37.5% - 1em + 0.375em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-2 .col-lg-4 {
    flex-basis: calc(50% - 1em + 0.5em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-2 .col-lg-5 {
    flex-basis: calc(62.5% - 1em + 0.625em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-2 .col-lg-6 {
    flex-basis: calc(75% - 1em + 0.75em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-2 .col-lg-7 {
    flex-basis: calc(87.5% - 1em + 0.875em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-2 .col-lg-8 {
    flex-basis: calc(100% - 1em + 1em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-3 .col-lg-1 {
    flex-basis: calc(12.5% - 1.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-3 .col-lg-2 {
    flex-basis: calc(25% - 1.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-3 .col-lg-3 {
    flex-basis: calc(37.5% - 1.5em + 0.5625em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-3 .col-lg-4 {
    flex-basis: calc(50% - 1.5em + 0.75em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-3 .col-lg-5 {
    flex-basis: calc(62.5% - 1.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-3 .col-lg-6 {
    flex-basis: calc(75% - 1.5em + 1.125em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-3 .col-lg-7 {
    flex-basis: calc(87.5% - 1.5em + 1.3125em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-3 .col-lg-8 {
    flex-basis: calc(100% - 1.5em + 1.5em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-4 .col-lg-1 {
    flex-basis: calc(12.5% - 2em + 0.25em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-4 .col-lg-2 {
    flex-basis: calc(25% - 2em + 0.5em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-4 .col-lg-3 {
    flex-basis: calc(37.5% - 2em + 0.75em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-4 .col-lg-4 {
    flex-basis: calc(50% - 2em + 1em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-4 .col-lg-5 {
    flex-basis: calc(62.5% - 2em + 1.25em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-4 .col-lg-6 {
    flex-basis: calc(75% - 2em + 1.5em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-4 .col-lg-7 {
    flex-basis: calc(87.5% - 2em + 1.75em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-4 .col-lg-8 {
    flex-basis: calc(100% - 2em + 2em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-5 .col-lg-1 {
    flex-basis: calc(12.5% - 2.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-5 .col-lg-2 {
    flex-basis: calc(25% - 2.5em + 0.625em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-5 .col-lg-3 {
    flex-basis: calc(37.5% - 2.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-5 .col-lg-4 {
    flex-basis: calc(50% - 2.5em + 1.25em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-5 .col-lg-5 {
    flex-basis: calc(62.5% - 2.5em + 1.5625em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-5 .col-lg-6 {
    flex-basis: calc(75% - 2.5em + 1.875em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-5 .col-lg-7 {
    flex-basis: calc(87.5% - 2.5em + 2.1875em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .row.g-5 .col-lg-8 {
    flex-basis: calc(100% - 2.5em + 2.5em) !important;
  }
}

@media screen and (min-width: 1024px) {
  .row .col-lg-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-0 .col-xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-0 .col-xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-0 .col-xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-0 .col-xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-0 .col-xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-0 .col-xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-0 .col-xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-0 .col-xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-1 .col-xl-1, form.row .col-xl-1 {
    flex-basis: calc(12.5% - 0.5em + 0.0625em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-1 .col-xl-2, form.row .col-xl-2 {
    flex-basis: calc(25% - 0.5em + 0.125em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-1 .col-xl-3, form.row .col-xl-3 {
    flex-basis: calc(37.5% - 0.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-1 .col-xl-4, form.row .col-xl-4 {
    flex-basis: calc(50% - 0.5em + 0.25em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-1 .col-xl-5, form.row .col-xl-5 {
    flex-basis: calc(62.5% - 0.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-1 .col-xl-6, form.row .col-xl-6 {
    flex-basis: calc(75% - 0.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-1 .col-xl-7, form.row .col-xl-7 {
    flex-basis: calc(87.5% - 0.5em + 0.4375em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-1 .col-xl-8, form.row .col-xl-8 {
    flex-basis: calc(100% - 0.5em + 0.5em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-2 .col-xl-1 {
    flex-basis: calc(12.5% - 1em + 0.125em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-2 .col-xl-2 {
    flex-basis: calc(25% - 1em + 0.25em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-2 .col-xl-3 {
    flex-basis: calc(37.5% - 1em + 0.375em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-2 .col-xl-4 {
    flex-basis: calc(50% - 1em + 0.5em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-2 .col-xl-5 {
    flex-basis: calc(62.5% - 1em + 0.625em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-2 .col-xl-6 {
    flex-basis: calc(75% - 1em + 0.75em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-2 .col-xl-7 {
    flex-basis: calc(87.5% - 1em + 0.875em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-2 .col-xl-8 {
    flex-basis: calc(100% - 1em + 1em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-3 .col-xl-1 {
    flex-basis: calc(12.5% - 1.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-3 .col-xl-2 {
    flex-basis: calc(25% - 1.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-3 .col-xl-3 {
    flex-basis: calc(37.5% - 1.5em + 0.5625em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-3 .col-xl-4 {
    flex-basis: calc(50% - 1.5em + 0.75em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-3 .col-xl-5 {
    flex-basis: calc(62.5% - 1.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-3 .col-xl-6 {
    flex-basis: calc(75% - 1.5em + 1.125em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-3 .col-xl-7 {
    flex-basis: calc(87.5% - 1.5em + 1.3125em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-3 .col-xl-8 {
    flex-basis: calc(100% - 1.5em + 1.5em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-4 .col-xl-1 {
    flex-basis: calc(12.5% - 2em + 0.25em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-4 .col-xl-2 {
    flex-basis: calc(25% - 2em + 0.5em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-4 .col-xl-3 {
    flex-basis: calc(37.5% - 2em + 0.75em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-4 .col-xl-4 {
    flex-basis: calc(50% - 2em + 1em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-4 .col-xl-5 {
    flex-basis: calc(62.5% - 2em + 1.25em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-4 .col-xl-6 {
    flex-basis: calc(75% - 2em + 1.5em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-4 .col-xl-7 {
    flex-basis: calc(87.5% - 2em + 1.75em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-4 .col-xl-8 {
    flex-basis: calc(100% - 2em + 2em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-5 .col-xl-1 {
    flex-basis: calc(12.5% - 2.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-5 .col-xl-2 {
    flex-basis: calc(25% - 2.5em + 0.625em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-5 .col-xl-3 {
    flex-basis: calc(37.5% - 2.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-5 .col-xl-4 {
    flex-basis: calc(50% - 2.5em + 1.25em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-5 .col-xl-5 {
    flex-basis: calc(62.5% - 2.5em + 1.5625em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-5 .col-xl-6 {
    flex-basis: calc(75% - 2.5em + 1.875em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-5 .col-xl-7 {
    flex-basis: calc(87.5% - 2.5em + 2.1875em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .row.g-5 .col-xl-8 {
    flex-basis: calc(100% - 2.5em + 2.5em) !important;
  }
}

@media screen and (min-width: 1280px) {
  .row .col-xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-0 .col-2xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-0 .col-2xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-0 .col-2xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-0 .col-2xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-0 .col-2xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-0 .col-2xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-0 .col-2xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-0 .col-2xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-1 .col-2xl-1, form.row .col-2xl-1 {
    flex-basis: calc(12.5% - 0.5em + 0.0625em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-1 .col-2xl-2, form.row .col-2xl-2 {
    flex-basis: calc(25% - 0.5em + 0.125em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-1 .col-2xl-3, form.row .col-2xl-3 {
    flex-basis: calc(37.5% - 0.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-1 .col-2xl-4, form.row .col-2xl-4 {
    flex-basis: calc(50% - 0.5em + 0.25em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-1 .col-2xl-5, form.row .col-2xl-5 {
    flex-basis: calc(62.5% - 0.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-1 .col-2xl-6, form.row .col-2xl-6 {
    flex-basis: calc(75% - 0.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-1 .col-2xl-7, form.row .col-2xl-7 {
    flex-basis: calc(87.5% - 0.5em + 0.4375em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-1 .col-2xl-8, form.row .col-2xl-8 {
    flex-basis: calc(100% - 0.5em + 0.5em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-2 .col-2xl-1 {
    flex-basis: calc(12.5% - 1em + 0.125em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-2 .col-2xl-2 {
    flex-basis: calc(25% - 1em + 0.25em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-2 .col-2xl-3 {
    flex-basis: calc(37.5% - 1em + 0.375em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-2 .col-2xl-4 {
    flex-basis: calc(50% - 1em + 0.5em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-2 .col-2xl-5 {
    flex-basis: calc(62.5% - 1em + 0.625em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-2 .col-2xl-6 {
    flex-basis: calc(75% - 1em + 0.75em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-2 .col-2xl-7 {
    flex-basis: calc(87.5% - 1em + 0.875em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-2 .col-2xl-8 {
    flex-basis: calc(100% - 1em + 1em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-3 .col-2xl-1 {
    flex-basis: calc(12.5% - 1.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-3 .col-2xl-2 {
    flex-basis: calc(25% - 1.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-3 .col-2xl-3 {
    flex-basis: calc(37.5% - 1.5em + 0.5625em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-3 .col-2xl-4 {
    flex-basis: calc(50% - 1.5em + 0.75em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-3 .col-2xl-5 {
    flex-basis: calc(62.5% - 1.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-3 .col-2xl-6 {
    flex-basis: calc(75% - 1.5em + 1.125em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-3 .col-2xl-7 {
    flex-basis: calc(87.5% - 1.5em + 1.3125em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-3 .col-2xl-8 {
    flex-basis: calc(100% - 1.5em + 1.5em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-4 .col-2xl-1 {
    flex-basis: calc(12.5% - 2em + 0.25em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-4 .col-2xl-2 {
    flex-basis: calc(25% - 2em + 0.5em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-4 .col-2xl-3 {
    flex-basis: calc(37.5% - 2em + 0.75em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-4 .col-2xl-4 {
    flex-basis: calc(50% - 2em + 1em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-4 .col-2xl-5 {
    flex-basis: calc(62.5% - 2em + 1.25em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-4 .col-2xl-6 {
    flex-basis: calc(75% - 2em + 1.5em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-4 .col-2xl-7 {
    flex-basis: calc(87.5% - 2em + 1.75em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-4 .col-2xl-8 {
    flex-basis: calc(100% - 2em + 2em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-5 .col-2xl-1 {
    flex-basis: calc(12.5% - 2.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-5 .col-2xl-2 {
    flex-basis: calc(25% - 2.5em + 0.625em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-5 .col-2xl-3 {
    flex-basis: calc(37.5% - 2.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-5 .col-2xl-4 {
    flex-basis: calc(50% - 2.5em + 1.25em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-5 .col-2xl-5 {
    flex-basis: calc(62.5% - 2.5em + 1.5625em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-5 .col-2xl-6 {
    flex-basis: calc(75% - 2.5em + 1.875em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-5 .col-2xl-7 {
    flex-basis: calc(87.5% - 2.5em + 2.1875em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1536px) {
  .row.g-5 .col-2xl-8 {
    flex-basis: calc(100% - 2.5em + 2.5em) !important;
  }
}

@media screen and (min-width: 1536px) {
  .row .col-2xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-0 .col-3xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-0 .col-3xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-0 .col-3xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-0 .col-3xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-0 .col-3xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-0 .col-3xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-0 .col-3xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-0 .col-3xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-1 .col-3xl-1, form.row .col-3xl-1 {
    flex-basis: calc(12.5% - 0.5em + 0.0625em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-1 .col-3xl-2, form.row .col-3xl-2 {
    flex-basis: calc(25% - 0.5em + 0.125em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-1 .col-3xl-3, form.row .col-3xl-3 {
    flex-basis: calc(37.5% - 0.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-1 .col-3xl-4, form.row .col-3xl-4 {
    flex-basis: calc(50% - 0.5em + 0.25em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-1 .col-3xl-5, form.row .col-3xl-5 {
    flex-basis: calc(62.5% - 0.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-1 .col-3xl-6, form.row .col-3xl-6 {
    flex-basis: calc(75% - 0.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-1 .col-3xl-7, form.row .col-3xl-7 {
    flex-basis: calc(87.5% - 0.5em + 0.4375em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-1 .col-3xl-8, form.row .col-3xl-8 {
    flex-basis: calc(100% - 0.5em + 0.5em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-2 .col-3xl-1 {
    flex-basis: calc(12.5% - 1em + 0.125em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-2 .col-3xl-2 {
    flex-basis: calc(25% - 1em + 0.25em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-2 .col-3xl-3 {
    flex-basis: calc(37.5% - 1em + 0.375em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-2 .col-3xl-4 {
    flex-basis: calc(50% - 1em + 0.5em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-2 .col-3xl-5 {
    flex-basis: calc(62.5% - 1em + 0.625em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-2 .col-3xl-6 {
    flex-basis: calc(75% - 1em + 0.75em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-2 .col-3xl-7 {
    flex-basis: calc(87.5% - 1em + 0.875em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-2 .col-3xl-8 {
    flex-basis: calc(100% - 1em + 1em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-3 .col-3xl-1 {
    flex-basis: calc(12.5% - 1.5em + 0.1875em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-3 .col-3xl-2 {
    flex-basis: calc(25% - 1.5em + 0.375em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-3 .col-3xl-3 {
    flex-basis: calc(37.5% - 1.5em + 0.5625em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-3 .col-3xl-4 {
    flex-basis: calc(50% - 1.5em + 0.75em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-3 .col-3xl-5 {
    flex-basis: calc(62.5% - 1.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-3 .col-3xl-6 {
    flex-basis: calc(75% - 1.5em + 1.125em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-3 .col-3xl-7 {
    flex-basis: calc(87.5% - 1.5em + 1.3125em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-3 .col-3xl-8 {
    flex-basis: calc(100% - 1.5em + 1.5em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-4 .col-3xl-1 {
    flex-basis: calc(12.5% - 2em + 0.25em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-4 .col-3xl-2 {
    flex-basis: calc(25% - 2em + 0.5em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-4 .col-3xl-3 {
    flex-basis: calc(37.5% - 2em + 0.75em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-4 .col-3xl-4 {
    flex-basis: calc(50% - 2em + 1em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-4 .col-3xl-5 {
    flex-basis: calc(62.5% - 2em + 1.25em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-4 .col-3xl-6 {
    flex-basis: calc(75% - 2em + 1.5em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-4 .col-3xl-7 {
    flex-basis: calc(87.5% - 2em + 1.75em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-4 .col-3xl-8 {
    flex-basis: calc(100% - 2em + 2em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-8 {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-5 .col-3xl-1 {
    flex-basis: calc(12.5% - 2.5em + 0.3125em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-1 {
    flex-basis: 12.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-5 .col-3xl-2 {
    flex-basis: calc(25% - 2.5em + 0.625em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-2 {
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-5 .col-3xl-3 {
    flex-basis: calc(37.5% - 2.5em + 0.9375em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-3 {
    flex-basis: 37.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-5 .col-3xl-4 {
    flex-basis: calc(50% - 2.5em + 1.25em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-4 {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-5 .col-3xl-5 {
    flex-basis: calc(62.5% - 2.5em + 1.5625em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-5 {
    flex-basis: 62.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-5 .col-3xl-6 {
    flex-basis: calc(75% - 2.5em + 1.875em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-6 {
    flex-basis: 75%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-5 .col-3xl-7 {
    flex-basis: calc(87.5% - 2.5em + 2.1875em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-7 {
    flex-basis: 87.5%;
  }
}

@media screen and (min-width: 1920px) {
  .row.g-5 .col-3xl-8 {
    flex-basis: calc(100% - 2.5em + 2.5em) !important;
  }
}

@media screen and (min-width: 1920px) {
  .row .col-3xl-8 {
    flex-basis: 100%;
  }
}

/**
 * Media queries
 * v 1.0
 */
/**
 * $color: la map contenant le couleurs
 * $lighter : éclairir ou assombrir?
 * $shadesCount : Le nombre de teintes a créer
 * $shadesJump : Le saut de la valeur d'éclaircicement ou d'assombrissement de la couleur pour chacune des teintes (%)
 * $property : La propriété css à laquelle affecter la teinte créée
 */
/**
 * $className: Le nom de la classe générée
 * $styleName : La propriété CSS ciblée?
 * $spacingsList : La list des valeurs ajoutée dans chaque itération de boucle
 */
/**
 * $col: Le nopmbre de colonne a générer
 * $gapsList : La liste des gaps à prendre en compte possiblement
 *  @todo : Find a way to use pure css vars and calc
 */
.bg-primary {
  background-color: var(--color-primary) !important;
}
.bg-secondary {
  background-color: var(--color-secondary) !important;
}
.bg-warning {
  background-color: var(--color-warning) !important;
}
.bg-danger {
  background-color: var(--color-danger) !important;
}
.bg-success {
  background-color: var(--color-success) !important;
}
.bg-light-primary-1 {
  background-color: var(--color-light-primary-1) !important;
}
.bg-dark-primary-1 {
  background-color: var(--color-dark-primary-1) !important;
}
.bg-light-secondary-1 {
  background-color: var(--color-light-secondary-1) !important;
}
.bg-dark-secondary-1 {
  background-color: var(--color-dark-secondary-1) !important;
}
.bg-light-warning-1 {
  background-color: var(--color-light-warning-1) !important;
}
.bg-dark-warning-1 {
  background-color: var(--color-dark-warning-1) !important;
}
.bg-light-danger-1 {
  background-color: var(--color-light-danger-1) !important;
}
.bg-dark-danger-1 {
  background-color: var(--color-dark-danger-1) !important;
}
.bg-light-success-1 {
  background-color: var(--color-light-success-1) !important;
}
.bg-dark-success-1 {
  background-color: var(--color-dark-success-1) !important;
}
.bg-light-primary-2 {
  background-color: var(--color-light-primary-2) !important;
}
.bg-dark-primary-2 {
  background-color: var(--color-dark-primary-2) !important;
}
.bg-light-secondary-2 {
  background-color: var(--color-light-secondary-2) !important;
}
.bg-dark-secondary-2 {
  background-color: var(--color-dark-secondary-2) !important;
}
.bg-light-warning-2 {
  background-color: var(--color-light-warning-2) !important;
}
.bg-dark-warning-2 {
  background-color: var(--color-dark-warning-2) !important;
}
.bg-light-danger-2 {
  background-color: var(--color-light-danger-2) !important;
}
.bg-dark-danger-2 {
  background-color: var(--color-dark-danger-2) !important;
}
.bg-light-success-2 {
  background-color: var(--color-light-success-2) !important;
}
.bg-dark-success-2 {
  background-color: var(--color-dark-success-2) !important;
}
.bg-light-primary-3 {
  background-color: var(--color-light-primary-3) !important;
}
.bg-dark-primary-3 {
  background-color: var(--color-dark-primary-3) !important;
}
.bg-light-secondary-3 {
  background-color: var(--color-light-secondary-3) !important;
}
.bg-dark-secondary-3 {
  background-color: var(--color-dark-secondary-3) !important;
}
.bg-light-warning-3 {
  background-color: var(--color-light-warning-3) !important;
}
.bg-dark-warning-3 {
  background-color: var(--color-dark-warning-3) !important;
}
.bg-light-danger-3 {
  background-color: var(--color-light-danger-3) !important;
}
.bg-dark-danger-3 {
  background-color: var(--color-dark-danger-3) !important;
}
.bg-light-success-3 {
  background-color: var(--color-light-success-3) !important;
}
.bg-dark-success-3 {
  background-color: var(--color-dark-success-3) !important;
}
.bg-light-primary-4 {
  background-color: var(--color-light-primary-4) !important;
}
.bg-dark-primary-4 {
  background-color: var(--color-dark-primary-4) !important;
}
.bg-light-secondary-4 {
  background-color: var(--color-light-secondary-4) !important;
}
.bg-dark-secondary-4 {
  background-color: var(--color-dark-secondary-4) !important;
}
.bg-light-warning-4 {
  background-color: var(--color-light-warning-4) !important;
}
.bg-dark-warning-4 {
  background-color: var(--color-dark-warning-4) !important;
}
.bg-light-danger-4 {
  background-color: var(--color-light-danger-4) !important;
}
.bg-dark-danger-4 {
  background-color: var(--color-dark-danger-4) !important;
}
.bg-light-success-4 {
  background-color: var(--color-light-success-4) !important;
}
.bg-dark-success-4 {
  background-color: var(--color-dark-success-4) !important;
}
.bg-light-primary-5 {
  background-color: var(--color-light-primary-5) !important;
}
.bg-dark-primary-5, form label,
label.label {
  background-color: var(--color-dark-primary-5) !important;
}
.bg-light-secondary-5 {
  background-color: var(--color-light-secondary-5) !important;
}
.bg-dark-secondary-5 {
  background-color: var(--color-dark-secondary-5) !important;
}
.bg-light-warning-5 {
  background-color: var(--color-light-warning-5) !important;
}
.bg-dark-warning-5 {
  background-color: var(--color-dark-warning-5) !important;
}
.bg-light-danger-5 {
  background-color: var(--color-light-danger-5) !important;
}
.bg-dark-danger-5 {
  background-color: var(--color-dark-danger-5) !important;
}
.bg-light-success-5 {
  background-color: var(--color-light-success-5) !important;
}
.bg-dark-success-5 {
  background-color: var(--color-dark-success-5) !important;
}
.bg-blackey {
  background-color: var(--color-blackey) !important;
}
.bg-whitey {
  background-color: var(--color-whitey) !important;
}
.bg-light-blackey-1 {
  background-color: var(--color-light-blackey-1) !important;
}
.bg-dark-blackey-1 {
  background-color: var(--color-dark-blackey-1) !important;
}
.bg-light-whitey-1 {
  background-color: var(--color-light-whitey-1) !important;
}
.bg-dark-whitey-1 {
  background-color: var(--color-dark-whitey-1) !important;
}
.bg-light-blackey-2 {
  background-color: var(--color-light-blackey-2) !important;
}
.bg-dark-blackey-2 {
  background-color: var(--color-dark-blackey-2) !important;
}
.bg-light-whitey-2 {
  background-color: var(--color-light-whitey-2) !important;
}
.bg-dark-whitey-2 {
  background-color: var(--color-dark-whitey-2) !important;
}
.bg-light-blackey-3 {
  background-color: var(--color-light-blackey-3) !important;
}
.bg-dark-blackey-3 {
  background-color: var(--color-dark-blackey-3) !important;
}
.bg-light-whitey-3 {
  background-color: var(--color-light-whitey-3) !important;
}
.bg-dark-whitey-3 {
  background-color: var(--color-dark-whitey-3) !important;
}
.bg-light-blackey-4 {
  background-color: var(--color-light-blackey-4) !important;
}
.bg-dark-blackey-4 {
  background-color: var(--color-dark-blackey-4) !important;
}
.bg-light-whitey-4 {
  background-color: var(--color-light-whitey-4) !important;
}
.bg-dark-whitey-4 {
  background-color: var(--color-dark-whitey-4) !important;
}
.bg-light-blackey-5 {
  background-color: var(--color-light-blackey-5) !important;
}
.bg-dark-blackey-5 {
  background-color: var(--color-dark-blackey-5) !important;
}
.bg-light-whitey-5 {
  background-color: var(--color-light-whitey-5) !important;
}
.bg-dark-whitey-5 {
  background-color: var(--color-dark-whitey-5) !important;
}

.fill-primary {
  fill: var(--color-primary) !important;
}
.fill-secondary {
  fill: var(--color-secondary) !important;
}
.fill-warning {
  fill: var(--color-warning) !important;
}
.fill-danger {
  fill: var(--color-danger) !important;
}
.fill-success {
  fill: var(--color-success) !important;
}
.fill-light-primary-1 {
  fill: var(--color-light-primary-1) !important;
}
.fill-dark-primary-1 {
  fill: var(--color-dark-primary-1) !important;
}
.fill-light-secondary-1 {
  fill: var(--color-light-secondary-1) !important;
}
.fill-dark-secondary-1 {
  fill: var(--color-dark-secondary-1) !important;
}
.fill-light-warning-1 {
  fill: var(--color-light-warning-1) !important;
}
.fill-dark-warning-1 {
  fill: var(--color-dark-warning-1) !important;
}
.fill-light-danger-1 {
  fill: var(--color-light-danger-1) !important;
}
.fill-dark-danger-1 {
  fill: var(--color-dark-danger-1) !important;
}
.fill-light-success-1 {
  fill: var(--color-light-success-1) !important;
}
.fill-dark-success-1 {
  fill: var(--color-dark-success-1) !important;
}
.fill-light-primary-2 {
  fill: var(--color-light-primary-2) !important;
}
.fill-dark-primary-2 {
  fill: var(--color-dark-primary-2) !important;
}
.fill-light-secondary-2 {
  fill: var(--color-light-secondary-2) !important;
}
.fill-dark-secondary-2 {
  fill: var(--color-dark-secondary-2) !important;
}
.fill-light-warning-2 {
  fill: var(--color-light-warning-2) !important;
}
.fill-dark-warning-2 {
  fill: var(--color-dark-warning-2) !important;
}
.fill-light-danger-2 {
  fill: var(--color-light-danger-2) !important;
}
.fill-dark-danger-2 {
  fill: var(--color-dark-danger-2) !important;
}
.fill-light-success-2 {
  fill: var(--color-light-success-2) !important;
}
.fill-dark-success-2 {
  fill: var(--color-dark-success-2) !important;
}
.fill-light-primary-3 {
  fill: var(--color-light-primary-3) !important;
}
.fill-dark-primary-3 {
  fill: var(--color-dark-primary-3) !important;
}
.fill-light-secondary-3 {
  fill: var(--color-light-secondary-3) !important;
}
.fill-dark-secondary-3 {
  fill: var(--color-dark-secondary-3) !important;
}
.fill-light-warning-3 {
  fill: var(--color-light-warning-3) !important;
}
.fill-dark-warning-3 {
  fill: var(--color-dark-warning-3) !important;
}
.fill-light-danger-3 {
  fill: var(--color-light-danger-3) !important;
}
.fill-dark-danger-3 {
  fill: var(--color-dark-danger-3) !important;
}
.fill-light-success-3 {
  fill: var(--color-light-success-3) !important;
}
.fill-dark-success-3 {
  fill: var(--color-dark-success-3) !important;
}
.fill-light-primary-4 {
  fill: var(--color-light-primary-4) !important;
}
.fill-dark-primary-4 {
  fill: var(--color-dark-primary-4) !important;
}
.fill-light-secondary-4 {
  fill: var(--color-light-secondary-4) !important;
}
.fill-dark-secondary-4 {
  fill: var(--color-dark-secondary-4) !important;
}
.fill-light-warning-4 {
  fill: var(--color-light-warning-4) !important;
}
.fill-dark-warning-4 {
  fill: var(--color-dark-warning-4) !important;
}
.fill-light-danger-4 {
  fill: var(--color-light-danger-4) !important;
}
.fill-dark-danger-4 {
  fill: var(--color-dark-danger-4) !important;
}
.fill-light-success-4 {
  fill: var(--color-light-success-4) !important;
}
.fill-dark-success-4 {
  fill: var(--color-dark-success-4) !important;
}
.fill-light-primary-5 {
  fill: var(--color-light-primary-5) !important;
}
.fill-dark-primary-5 {
  fill: var(--color-dark-primary-5) !important;
}
.fill-light-secondary-5 {
  fill: var(--color-light-secondary-5) !important;
}
.fill-dark-secondary-5 {
  fill: var(--color-dark-secondary-5) !important;
}
.fill-light-warning-5 {
  fill: var(--color-light-warning-5) !important;
}
.fill-dark-warning-5 {
  fill: var(--color-dark-warning-5) !important;
}
.fill-light-danger-5 {
  fill: var(--color-light-danger-5) !important;
}
.fill-dark-danger-5 {
  fill: var(--color-dark-danger-5) !important;
}
.fill-light-success-5 {
  fill: var(--color-light-success-5) !important;
}
.fill-dark-success-5 {
  fill: var(--color-dark-success-5) !important;
}
.fill-blackey {
  fill: var(--color-blackey) !important;
}
.fill-whitey {
  fill: var(--color-whitey) !important;
}
.fill-light-blackey-1 {
  fill: var(--color-light-blackey-1) !important;
}
.fill-dark-blackey-1 {
  fill: var(--color-dark-blackey-1) !important;
}
.fill-light-whitey-1 {
  fill: var(--color-light-whitey-1) !important;
}
.fill-dark-whitey-1 {
  fill: var(--color-dark-whitey-1) !important;
}
.fill-light-blackey-2 {
  fill: var(--color-light-blackey-2) !important;
}
.fill-dark-blackey-2 {
  fill: var(--color-dark-blackey-2) !important;
}
.fill-light-whitey-2 {
  fill: var(--color-light-whitey-2) !important;
}
.fill-dark-whitey-2 {
  fill: var(--color-dark-whitey-2) !important;
}
.fill-light-blackey-3 {
  fill: var(--color-light-blackey-3) !important;
}
.fill-dark-blackey-3 {
  fill: var(--color-dark-blackey-3) !important;
}
.fill-light-whitey-3 {
  fill: var(--color-light-whitey-3) !important;
}
.fill-dark-whitey-3 {
  fill: var(--color-dark-whitey-3) !important;
}
.fill-light-blackey-4 {
  fill: var(--color-light-blackey-4) !important;
}
.fill-dark-blackey-4 {
  fill: var(--color-dark-blackey-4) !important;
}
.fill-light-whitey-4 {
  fill: var(--color-light-whitey-4) !important;
}
.fill-dark-whitey-4 {
  fill: var(--color-dark-whitey-4) !important;
}
.fill-light-blackey-5 {
  fill: var(--color-light-blackey-5) !important;
}
.fill-dark-blackey-5 {
  fill: var(--color-dark-blackey-5) !important;
}
.fill-light-whitey-5 {
  fill: var(--color-light-whitey-5) !important;
}
.fill-dark-whitey-5 {
  fill: var(--color-dark-whitey-5) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}
.text-secondary {
  color: var(--color-secondary) !important;
}
.text-warning {
  color: var(--color-warning) !important;
}
.text-danger {
  color: var(--color-danger) !important;
}
.text-success {
  color: var(--color-success) !important;
}
.text-light-primary-1 {
  color: var(--color-light-primary-1) !important;
}
.text-dark-primary-1 {
  color: var(--color-dark-primary-1) !important;
}
.text-light-secondary-1 {
  color: var(--color-light-secondary-1) !important;
}
.text-dark-secondary-1 {
  color: var(--color-dark-secondary-1) !important;
}
.text-light-warning-1 {
  color: var(--color-light-warning-1) !important;
}
.text-dark-warning-1 {
  color: var(--color-dark-warning-1) !important;
}
.text-light-danger-1 {
  color: var(--color-light-danger-1) !important;
}
.text-dark-danger-1 {
  color: var(--color-dark-danger-1) !important;
}
.text-light-success-1 {
  color: var(--color-light-success-1) !important;
}
.text-dark-success-1 {
  color: var(--color-dark-success-1) !important;
}
.text-light-primary-2 {
  color: var(--color-light-primary-2) !important;
}
.text-dark-primary-2 {
  color: var(--color-dark-primary-2) !important;
}
.text-light-secondary-2 {
  color: var(--color-light-secondary-2) !important;
}
.text-dark-secondary-2 {
  color: var(--color-dark-secondary-2) !important;
}
.text-light-warning-2 {
  color: var(--color-light-warning-2) !important;
}
.text-dark-warning-2 {
  color: var(--color-dark-warning-2) !important;
}
.text-light-danger-2 {
  color: var(--color-light-danger-2) !important;
}
.text-dark-danger-2 {
  color: var(--color-dark-danger-2) !important;
}
.text-light-success-2 {
  color: var(--color-light-success-2) !important;
}
.text-dark-success-2 {
  color: var(--color-dark-success-2) !important;
}
.text-light-primary-3 {
  color: var(--color-light-primary-3) !important;
}
.text-dark-primary-3 {
  color: var(--color-dark-primary-3) !important;
}
.text-light-secondary-3 {
  color: var(--color-light-secondary-3) !important;
}
.text-dark-secondary-3 {
  color: var(--color-dark-secondary-3) !important;
}
.text-light-warning-3 {
  color: var(--color-light-warning-3) !important;
}
.text-dark-warning-3 {
  color: var(--color-dark-warning-3) !important;
}
.text-light-danger-3 {
  color: var(--color-light-danger-3) !important;
}
.text-dark-danger-3 {
  color: var(--color-dark-danger-3) !important;
}
.text-light-success-3 {
  color: var(--color-light-success-3) !important;
}
.text-dark-success-3 {
  color: var(--color-dark-success-3) !important;
}
.text-light-primary-4 {
  color: var(--color-light-primary-4) !important;
}
.text-dark-primary-4 {
  color: var(--color-dark-primary-4) !important;
}
.text-light-secondary-4 {
  color: var(--color-light-secondary-4) !important;
}
.text-dark-secondary-4 {
  color: var(--color-dark-secondary-4) !important;
}
.text-light-warning-4 {
  color: var(--color-light-warning-4) !important;
}
.text-dark-warning-4 {
  color: var(--color-dark-warning-4) !important;
}
.text-light-danger-4 {
  color: var(--color-light-danger-4) !important;
}
.text-dark-danger-4 {
  color: var(--color-dark-danger-4) !important;
}
.text-light-success-4 {
  color: var(--color-light-success-4) !important;
}
.text-dark-success-4 {
  color: var(--color-dark-success-4) !important;
}
.text-light-primary-5 {
  color: var(--color-light-primary-5) !important;
}
.text-dark-primary-5 {
  color: var(--color-dark-primary-5) !important;
}
.text-light-secondary-5 {
  color: var(--color-light-secondary-5) !important;
}
.text-dark-secondary-5 {
  color: var(--color-dark-secondary-5) !important;
}
.text-light-warning-5 {
  color: var(--color-light-warning-5) !important;
}
.text-dark-warning-5 {
  color: var(--color-dark-warning-5) !important;
}
.text-light-danger-5 {
  color: var(--color-light-danger-5) !important;
}
.text-dark-danger-5 {
  color: var(--color-dark-danger-5) !important;
}
.text-light-success-5 {
  color: var(--color-light-success-5) !important;
}
.text-dark-success-5 {
  color: var(--color-dark-success-5) !important;
}
.text-blackey {
  color: var(--color-blackey) !important;
}
.text-whitey {
  color: var(--color-whitey) !important;
}
.text-light-blackey-1 {
  color: var(--color-light-blackey-1) !important;
}
.text-dark-blackey-1 {
  color: var(--color-dark-blackey-1) !important;
}
.text-light-whitey-1 {
  color: var(--color-light-whitey-1) !important;
}
.text-dark-whitey-1 {
  color: var(--color-dark-whitey-1) !important;
}
.text-light-blackey-2 {
  color: var(--color-light-blackey-2) !important;
}
.text-dark-blackey-2 {
  color: var(--color-dark-blackey-2) !important;
}
.text-light-whitey-2 {
  color: var(--color-light-whitey-2) !important;
}
.text-dark-whitey-2 {
  color: var(--color-dark-whitey-2) !important;
}
.text-light-blackey-3 {
  color: var(--color-light-blackey-3) !important;
}
.text-dark-blackey-3 {
  color: var(--color-dark-blackey-3) !important;
}
.text-light-whitey-3 {
  color: var(--color-light-whitey-3) !important;
}
.text-dark-whitey-3 {
  color: var(--color-dark-whitey-3) !important;
}
.text-light-blackey-4 {
  color: var(--color-light-blackey-4) !important;
}
.text-dark-blackey-4 {
  color: var(--color-dark-blackey-4) !important;
}
.text-light-whitey-4 {
  color: var(--color-light-whitey-4) !important;
}
.text-dark-whitey-4 {
  color: var(--color-dark-whitey-4) !important;
}
.text-light-blackey-5 {
  color: var(--color-light-blackey-5) !important;
}
.text-dark-blackey-5 {
  color: var(--color-dark-blackey-5) !important;
}
.text-light-whitey-5 {
  color: var(--color-light-whitey-5) !important;
}
.text-dark-whitey-5 {
  color: var(--color-dark-whitey-5) !important;
}

.hover-primary:hover {
  background-color: var(--color-primary) !important;
}
.hover-secondary:hover {
  background-color: var(--color-secondary) !important;
}
.hover-warning:hover {
  background-color: var(--color-warning) !important;
}
.hover-danger:hover {
  background-color: var(--color-danger) !important;
}
.hover-success:hover {
  background-color: var(--color-success) !important;
}
.hover-light-primary-1:hover {
  background-color: var(--color-light-primary-1) !important;
}
.hover-dark-primary-1:hover {
  background-color: var(--color-dark-primary-1) !important;
}
.hover-light-secondary-1:hover {
  background-color: var(--color-light-secondary-1) !important;
}
.hover-dark-secondary-1:hover {
  background-color: var(--color-dark-secondary-1) !important;
}
.hover-light-warning-1:hover {
  background-color: var(--color-light-warning-1) !important;
}
.hover-dark-warning-1:hover {
  background-color: var(--color-dark-warning-1) !important;
}
.hover-light-danger-1:hover {
  background-color: var(--color-light-danger-1) !important;
}
.hover-dark-danger-1:hover {
  background-color: var(--color-dark-danger-1) !important;
}
.hover-light-success-1:hover {
  background-color: var(--color-light-success-1) !important;
}
.hover-dark-success-1:hover {
  background-color: var(--color-dark-success-1) !important;
}
.hover-light-primary-2:hover {
  background-color: var(--color-light-primary-2) !important;
}
.hover-dark-primary-2:hover {
  background-color: var(--color-dark-primary-2) !important;
}
.hover-light-secondary-2:hover {
  background-color: var(--color-light-secondary-2) !important;
}
.hover-dark-secondary-2:hover {
  background-color: var(--color-dark-secondary-2) !important;
}
.hover-light-warning-2:hover {
  background-color: var(--color-light-warning-2) !important;
}
.hover-dark-warning-2:hover {
  background-color: var(--color-dark-warning-2) !important;
}
.hover-light-danger-2:hover {
  background-color: var(--color-light-danger-2) !important;
}
.hover-dark-danger-2:hover {
  background-color: var(--color-dark-danger-2) !important;
}
.hover-light-success-2:hover {
  background-color: var(--color-light-success-2) !important;
}
.hover-dark-success-2:hover {
  background-color: var(--color-dark-success-2) !important;
}
.hover-light-primary-3:hover {
  background-color: var(--color-light-primary-3) !important;
}
.hover-dark-primary-3:hover {
  background-color: var(--color-dark-primary-3) !important;
}
.hover-light-secondary-3:hover {
  background-color: var(--color-light-secondary-3) !important;
}
.hover-dark-secondary-3:hover {
  background-color: var(--color-dark-secondary-3) !important;
}
.hover-light-warning-3:hover {
  background-color: var(--color-light-warning-3) !important;
}
.hover-dark-warning-3:hover {
  background-color: var(--color-dark-warning-3) !important;
}
.hover-light-danger-3:hover {
  background-color: var(--color-light-danger-3) !important;
}
.hover-dark-danger-3:hover {
  background-color: var(--color-dark-danger-3) !important;
}
.hover-light-success-3:hover {
  background-color: var(--color-light-success-3) !important;
}
.hover-dark-success-3:hover {
  background-color: var(--color-dark-success-3) !important;
}
.hover-light-primary-4:hover {
  background-color: var(--color-light-primary-4) !important;
}
.hover-dark-primary-4:hover {
  background-color: var(--color-dark-primary-4) !important;
}
.hover-light-secondary-4:hover {
  background-color: var(--color-light-secondary-4) !important;
}
.hover-dark-secondary-4:hover {
  background-color: var(--color-dark-secondary-4) !important;
}
.hover-light-warning-4:hover {
  background-color: var(--color-light-warning-4) !important;
}
.hover-dark-warning-4:hover {
  background-color: var(--color-dark-warning-4) !important;
}
.hover-light-danger-4:hover {
  background-color: var(--color-light-danger-4) !important;
}
.hover-dark-danger-4:hover {
  background-color: var(--color-dark-danger-4) !important;
}
.hover-light-success-4:hover {
  background-color: var(--color-light-success-4) !important;
}
.hover-dark-success-4:hover {
  background-color: var(--color-dark-success-4) !important;
}
.hover-light-primary-5:hover {
  background-color: var(--color-light-primary-5) !important;
}
.hover-dark-primary-5:hover {
  background-color: var(--color-dark-primary-5) !important;
}
.hover-light-secondary-5:hover {
  background-color: var(--color-light-secondary-5) !important;
}
.hover-dark-secondary-5:hover {
  background-color: var(--color-dark-secondary-5) !important;
}
.hover-light-warning-5:hover {
  background-color: var(--color-light-warning-5) !important;
}
.hover-dark-warning-5:hover {
  background-color: var(--color-dark-warning-5) !important;
}
.hover-light-danger-5:hover {
  background-color: var(--color-light-danger-5) !important;
}
.hover-dark-danger-5:hover {
  background-color: var(--color-dark-danger-5) !important;
}
.hover-light-success-5:hover {
  background-color: var(--color-light-success-5) !important;
}
.hover-dark-success-5:hover {
  background-color: var(--color-dark-success-5) !important;
}

.active-primary:active {
  background-color: var(--color-primary) !important;
}
.active-secondary:active {
  background-color: var(--color-secondary) !important;
}
.active-warning:active {
  background-color: var(--color-warning) !important;
}
.active-danger:active {
  background-color: var(--color-danger) !important;
}
.active-success:active {
  background-color: var(--color-success) !important;
}
.active-light-primary-1:active {
  background-color: var(--color-light-primary-1) !important;
}
.active-dark-primary-1:active {
  background-color: var(--color-dark-primary-1) !important;
}
.active-light-secondary-1:active {
  background-color: var(--color-light-secondary-1) !important;
}
.active-dark-secondary-1:active {
  background-color: var(--color-dark-secondary-1) !important;
}
.active-light-warning-1:active {
  background-color: var(--color-light-warning-1) !important;
}
.active-dark-warning-1:active {
  background-color: var(--color-dark-warning-1) !important;
}
.active-light-danger-1:active {
  background-color: var(--color-light-danger-1) !important;
}
.active-dark-danger-1:active {
  background-color: var(--color-dark-danger-1) !important;
}
.active-light-success-1:active {
  background-color: var(--color-light-success-1) !important;
}
.active-dark-success-1:active {
  background-color: var(--color-dark-success-1) !important;
}
.active-light-primary-2:active {
  background-color: var(--color-light-primary-2) !important;
}
.active-dark-primary-2:active {
  background-color: var(--color-dark-primary-2) !important;
}
.active-light-secondary-2:active {
  background-color: var(--color-light-secondary-2) !important;
}
.active-dark-secondary-2:active {
  background-color: var(--color-dark-secondary-2) !important;
}
.active-light-warning-2:active {
  background-color: var(--color-light-warning-2) !important;
}
.active-dark-warning-2:active {
  background-color: var(--color-dark-warning-2) !important;
}
.active-light-danger-2:active {
  background-color: var(--color-light-danger-2) !important;
}
.active-dark-danger-2:active {
  background-color: var(--color-dark-danger-2) !important;
}
.active-light-success-2:active {
  background-color: var(--color-light-success-2) !important;
}
.active-dark-success-2:active {
  background-color: var(--color-dark-success-2) !important;
}
.active-light-primary-3:active {
  background-color: var(--color-light-primary-3) !important;
}
.active-dark-primary-3:active {
  background-color: var(--color-dark-primary-3) !important;
}
.active-light-secondary-3:active {
  background-color: var(--color-light-secondary-3) !important;
}
.active-dark-secondary-3:active {
  background-color: var(--color-dark-secondary-3) !important;
}
.active-light-warning-3:active {
  background-color: var(--color-light-warning-3) !important;
}
.active-dark-warning-3:active {
  background-color: var(--color-dark-warning-3) !important;
}
.active-light-danger-3:active {
  background-color: var(--color-light-danger-3) !important;
}
.active-dark-danger-3:active {
  background-color: var(--color-dark-danger-3) !important;
}
.active-light-success-3:active {
  background-color: var(--color-light-success-3) !important;
}
.active-dark-success-3:active {
  background-color: var(--color-dark-success-3) !important;
}
.active-light-primary-4:active {
  background-color: var(--color-light-primary-4) !important;
}
.active-dark-primary-4:active {
  background-color: var(--color-dark-primary-4) !important;
}
.active-light-secondary-4:active {
  background-color: var(--color-light-secondary-4) !important;
}
.active-dark-secondary-4:active {
  background-color: var(--color-dark-secondary-4) !important;
}
.active-light-warning-4:active {
  background-color: var(--color-light-warning-4) !important;
}
.active-dark-warning-4:active {
  background-color: var(--color-dark-warning-4) !important;
}
.active-light-danger-4:active {
  background-color: var(--color-light-danger-4) !important;
}
.active-dark-danger-4:active {
  background-color: var(--color-dark-danger-4) !important;
}
.active-light-success-4:active {
  background-color: var(--color-light-success-4) !important;
}
.active-dark-success-4:active {
  background-color: var(--color-dark-success-4) !important;
}
.active-light-primary-5:active {
  background-color: var(--color-light-primary-5) !important;
}
.active-dark-primary-5:active {
  background-color: var(--color-dark-primary-5) !important;
}
.active-light-secondary-5:active {
  background-color: var(--color-light-secondary-5) !important;
}
.active-dark-secondary-5:active {
  background-color: var(--color-dark-secondary-5) !important;
}
.active-light-warning-5:active {
  background-color: var(--color-light-warning-5) !important;
}
.active-dark-warning-5:active {
  background-color: var(--color-dark-warning-5) !important;
}
.active-light-danger-5:active {
  background-color: var(--color-light-danger-5) !important;
}
.active-dark-danger-5:active {
  background-color: var(--color-dark-danger-5) !important;
}
.active-light-success-5:active {
  background-color: var(--color-light-success-5) !important;
}
.active-dark-success-5:active {
  background-color: var(--color-dark-success-5) !important;
}

.b-primary {
  border-color: var(--color-primary) !important;
}
.b-secondary {
  border-color: var(--color-secondary) !important;
}
.b-warning {
  border-color: var(--color-warning) !important;
}
.b-danger {
  border-color: var(--color-danger) !important;
}
.b-success {
  border-color: var(--color-success) !important;
}
.b-light-primary-1 {
  border-color: var(--color-light-primary-1) !important;
}
.b-dark-primary-1 {
  border-color: var(--color-dark-primary-1) !important;
}
.b-light-secondary-1 {
  border-color: var(--color-light-secondary-1) !important;
}
.b-dark-secondary-1 {
  border-color: var(--color-dark-secondary-1) !important;
}
.b-light-warning-1 {
  border-color: var(--color-light-warning-1) !important;
}
.b-dark-warning-1 {
  border-color: var(--color-dark-warning-1) !important;
}
.b-light-danger-1 {
  border-color: var(--color-light-danger-1) !important;
}
.b-dark-danger-1 {
  border-color: var(--color-dark-danger-1) !important;
}
.b-light-success-1 {
  border-color: var(--color-light-success-1) !important;
}
.b-dark-success-1 {
  border-color: var(--color-dark-success-1) !important;
}
.b-light-primary-2 {
  border-color: var(--color-light-primary-2) !important;
}
.b-dark-primary-2 {
  border-color: var(--color-dark-primary-2) !important;
}
.b-light-secondary-2 {
  border-color: var(--color-light-secondary-2) !important;
}
.b-dark-secondary-2 {
  border-color: var(--color-dark-secondary-2) !important;
}
.b-light-warning-2 {
  border-color: var(--color-light-warning-2) !important;
}
.b-dark-warning-2 {
  border-color: var(--color-dark-warning-2) !important;
}
.b-light-danger-2 {
  border-color: var(--color-light-danger-2) !important;
}
.b-dark-danger-2 {
  border-color: var(--color-dark-danger-2) !important;
}
.b-light-success-2 {
  border-color: var(--color-light-success-2) !important;
}
.b-dark-success-2 {
  border-color: var(--color-dark-success-2) !important;
}
.b-light-primary-3 {
  border-color: var(--color-light-primary-3) !important;
}
.b-dark-primary-3 {
  border-color: var(--color-dark-primary-3) !important;
}
.b-light-secondary-3 {
  border-color: var(--color-light-secondary-3) !important;
}
.b-dark-secondary-3 {
  border-color: var(--color-dark-secondary-3) !important;
}
.b-light-warning-3 {
  border-color: var(--color-light-warning-3) !important;
}
.b-dark-warning-3 {
  border-color: var(--color-dark-warning-3) !important;
}
.b-light-danger-3 {
  border-color: var(--color-light-danger-3) !important;
}
.b-dark-danger-3 {
  border-color: var(--color-dark-danger-3) !important;
}
.b-light-success-3 {
  border-color: var(--color-light-success-3) !important;
}
.b-dark-success-3 {
  border-color: var(--color-dark-success-3) !important;
}
.b-light-primary-4 {
  border-color: var(--color-light-primary-4) !important;
}
.b-dark-primary-4 {
  border-color: var(--color-dark-primary-4) !important;
}
.b-light-secondary-4 {
  border-color: var(--color-light-secondary-4) !important;
}
.b-dark-secondary-4 {
  border-color: var(--color-dark-secondary-4) !important;
}
.b-light-warning-4 {
  border-color: var(--color-light-warning-4) !important;
}
.b-dark-warning-4 {
  border-color: var(--color-dark-warning-4) !important;
}
.b-light-danger-4 {
  border-color: var(--color-light-danger-4) !important;
}
.b-dark-danger-4 {
  border-color: var(--color-dark-danger-4) !important;
}
.b-light-success-4 {
  border-color: var(--color-light-success-4) !important;
}
.b-dark-success-4 {
  border-color: var(--color-dark-success-4) !important;
}
.b-light-primary-5 {
  border-color: var(--color-light-primary-5) !important;
}
.b-dark-primary-5 {
  border-color: var(--color-dark-primary-5) !important;
}
.b-light-secondary-5 {
  border-color: var(--color-light-secondary-5) !important;
}
.b-dark-secondary-5 {
  border-color: var(--color-dark-secondary-5) !important;
}
.b-light-warning-5 {
  border-color: var(--color-light-warning-5) !important;
}
.b-dark-warning-5 {
  border-color: var(--color-dark-warning-5) !important;
}
.b-light-danger-5 {
  border-color: var(--color-light-danger-5) !important;
}
.b-dark-danger-5 {
  border-color: var(--color-dark-danger-5) !important;
}
.b-light-success-5 {
  border-color: var(--color-light-success-5) !important;
}
.b-dark-success-5 {
  border-color: var(--color-dark-success-5) !important;
}
.b-blackey {
  border-color: var(--color-blackey) !important;
}
.b-whitey {
  border-color: var(--color-whitey) !important;
}

.link-hover-primary:hover {
  color: var(--color-primary);
}
.link-hover-secondary:hover {
  color: var(--color-secondary);
}
.link-hover-warning:hover {
  color: var(--color-warning);
}
.link-hover-danger:hover {
  color: var(--color-danger);
}
.link-hover-success:hover {
  color: var(--color-success);
}

.link-active-primary:active {
  color: var(--color-primary);
}
.link-active-secondary:active {
  color: var(--color-secondary);
}
.link-active-warning:active {
  color: var(--color-warning);
}
.link-active-danger:active {
  color: var(--color-danger);
}
.link-active-success:active {
  color: var(--color-success);
}

.link-visited-primary:visited {
  color: var(--color-primary);
}
.link-visited-secondary:visited {
  color: var(--color-secondary);
}
.link-visited-warning:visited {
  color: var(--color-warning);
}
.link-visited-danger:visited {
  color: var(--color-danger);
}
.link-visited-success:visited {
  color: var(--color-success);
}

.shadow {
  box-shadow: 2px 1px 3px 0 var(--color-dark-primary-2);
}
.shadow-over:hover {
  box-shadow: 0 0 3px 0 var(--color-dark-primary-2);
}
.shadow-over:active {
  box-shadow: 0 0 1px 0 var(--color-dark-primary-3);
}
.shadow-up {
  box-shadow: 0 -2px 15px 0 var(--color-dark-primary-3);
}
.shadow-down {
  box-shadow: 0 2px 15px 0 var(--color-dark-primary-3);
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
  box-shadow: none;
}

.word-break {
  word-break: break-all;
}

.uppercase {
  text-transform: uppercase;
}

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

.dnone {
  display: none;
}

.gradient-primary {
  background-image: linear-gradient(var(--color-primary), var(--color-dark-primary-2));
}

.gradient-secondary {
  background-image: linear-gradient(var(--color-secondary), var(--color-dark-secondary-2));
}

.gradient-success {
  background-image: linear-gradient(var(--color-success), var(--color-dark-success-2));
}

.gradient-warning {
  background-image: linear-gradient(var(--color-warning), var(--color-dark-warning-2));
}

.gradient-danger {
  background-image: linear-gradient(var(--color-danger), var(--color-dark-danger-2));
}