/* BASE: */
*, ::after, ::before { box-sizing: border-box }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 }
a { color: #007bff; text-decoration: none; background-color: transparent }
a:hover { text-decoration: underline }
fieldset { border: 0 }
label { display: inline-block }
svg { overflow: hidden; vertical-align: middle }
.contextual { position: absolute !important; }

/* DIMENSIONS: */
.flex-grow-1 { flex-grow: 1 !important }
.w-100 { width: 100% !important }
.h-100 { height: 100% !important }

/* ROW: */
.row {
  --row-gutter-x: 30px;

  display: flex; flex-wrap: wrap;
  margin-right: calc(var(--row-gutter-x) / -2); margin-left: calc(var(--row-gutter-x) / -2)
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto,
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
  width: 100%;
  padding-right: calc(var(--row-gutter-x) / 2); padding-left: calc(var(--row-gutter-x) / 2);
  position: relative;
}

/* COLLAPSE: */
.collapse:not(.show) { display: none }
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease
}

.select-none { user-select: none !important }

.position-relative { position: relative !important }
.position-absolute { position: absolute !important }
.position-static { position: static !important }

/* DISPLAY: */
.d-inline { display: inline !important }
.d-inline-block { display: inline-block !important }
.d-block { display: block !important }
.d-grid { display: grid !important }
.d-inline-grid { display: inline-grid !important }
.d-table { display: table !important }
.d-table-row { display: table-row !important }
.d-table-cell { display: table-cell !important }
.d-flex { display: flex !important }
.d-inline-flex { display: inline-flex !important }
.d-none { display: none !important }

/* COLUMNS */
.col-auto { flex: 0 0 auto; width: auto }
.col-1 { flex: 0 0 auto; width: 8.33333333% }
.col-2 { flex: 0 0 auto; width: 16.66666667% }
.col-3 { flex: 0 0 auto; width: 25% }
.col-4 { flex: 0 0 auto; width: 33.33333333% }
.col-5 { flex: 0 0 auto; width: 41.66666667% }
.col-6 { flex: 0 0 auto; width: 50% }
.col-7 { flex: 0 0 auto; width: 58.33333333% }
.col-8 { flex: 0 0 auto; width: 66.66666667% }
.col-9 { flex: 0 0 auto; width: 75% }
.col-10 { flex: 0 0 auto; width: 83.33333333% }
.col-11 { flex: 0 0 auto; width: 91.66666667% }
.col-12 { flex: 0 0 auto; width: 100% }

/* MARGINS: */
.mr-auto { margin-right: auto !important }
.ml-auto { margin-left: auto !important }

/* PADDINGS: */
.pl-0, .px-0 { padding-left: 0 !important }
.pr-0, .px-0 { padding-right: 0 !important }

/* OFFSET: */
.offset-1 { margin-left: 8.33333333% }
.offset-2 { margin-left: 16.66666667% }
.offset-3 { margin-left: 25% }
.offset-4 { margin-left: 33.33333333% }
.offset-5 { margin-left: 41.66666667% }
.offset-6 { margin-left: 50% }
.offset-7 { margin-left: 58.33333333% }
.offset-8 { margin-left: 66.66666667% }
.offset-9 { margin-left: 75% }
.offset-10 { margin-left: 83.33333333% }
.offset-11 { margin-left: 91.66666667% }

/* ORDER: */
.order-0 { order: 0 }
.order-1 { order: 1 }
.order-2 { order: 2 }
.order-3 { order: 3 }
.order-4 { order: 4 }
.order-5 { order: 5 }
.order-6 { order: 6 }
.order-7 { order: 7 }
.order-8 { order: 8 }
.order-9 { order: 9 }
.order-10 { order: 10 }
.order-11 { order: 11 }
.order-12 { order: 12 }

/* FLEX */
.flex-row { flex-direction: row !important }
.flex-column { flex-direction: column !important }
.flex-row-reverse { flex-direction: row-reverse !important }
.flex-column-reverse { flex-direction: column-reverse !important }
.flex-wrap { flex-wrap: wrap !important }
.flex-nowrap { flex-wrap: nowrap !important }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important }

/* JUSTIFY-CONTENT: */
.justify-content-start { justify-content: flex-start !important }
.justify-content-end { justify-content: flex-end !important }
.justify-content-center { justify-content: center !important }
.justify-content-between { justify-content: space-between !important }
.justify-content-around { justify-content: space-around !important }
.justify-content-evenly { justify-content: space-evenly !important }

/* ALIGN-ITEMS: */
.align-items-start { align-items: flex-start !important }
.align-items-end { align-items: flex-end !important }
.align-items-center { align-items: center !important }
.align-items-baseline { align-items: baseline !important }
.align-items-stretch { align-items: stretch !important }

/* ALIGN-SELF: */
.align-self-auto { align-self: auto !important }
.align-self-start { align-self: flex-start !important }
.align-self-end { align-self: flex-end !important }
.align-self-center { align-self: center !important }
.align-self-baseline { align-self: baseline !important }
.align-self-stretch { align-self:stretch !important }

/* TEXT: */
.text-start, .text-left { text-align: left !important }
.text-end, .text-right { text-align: right !important }
.text-center { text-align: center !important }
.text-lowercase { text-transform: lowercase !important }
.text-uppercase { text-transform: uppercase !important }
.text-capitalize { text-transform: capitalize !important }
.text-trans_initial { text-transform: initial !important }

/* FONT-WEIGHT: */
.fw-3 { font-weight: 300 !important; }
.fw-4 { font-weight: 400 !important; }
.fw-5 { font-weight: 500 !important; }
.fw-6 { font-weight: 600 !important; }
.fw-7 { font-weight: 700 !important; }

@media screen and (min-width: 576px) {
  /* DISPLAY: */
  .d-sm-inline { display: inline !important }
  .d-sm-inline-block { display: inline-block !important }
  .d-sm-block { display: block !important }
  .d-sm-grid { display: grid !important }
  .d-sm-inline-grid { display: inline-grid !important }
  .d-sm-table { display: table !important }
  .d-sm-table-row { display: table-row !important }
  .d-sm-table-cell { display: table-cell !important }
  .d-sm-flex { display: flex !important }
  .d-sm-inline-flex { display: inline-flex !important }
  .d-sm-none { display: none !important }

  /* COLUMNS */
  .col-sm { flex: 1 0 0% }
  .col-sm-auto { flex: 0 0 auto; width: auto }
  .col-sm-1 { flex: 0 0 auto; width: 8.33333333% }
  .col-sm-2 { flex: 0 0 auto; width: 16.66666667% }
  .col-sm-3 { flex: 0 0 auto; width: 25% }
  .col-sm-4 { flex: 0 0 auto; width: 33.33333333% }
  .col-sm-5 { flex: 0 0 auto; width: 41.66666667% }
  .col-sm-6 { flex: 0 0 auto; width: 50% }
  .col-sm-7 { flex: 0 0 auto; width: 58.33333333% }
  .col-sm-8 { flex: 0 0 auto; width: 66.66666667% }
  .col-sm-9 { flex: 0 0 auto; width: 75% }
  .col-sm-10 { flex: 0 0 auto; width: 83.33333333% }
  .col-sm-11 { flex: 0 0 auto; width: 91.66666667% }
  .col-sm-12 { flex: 0 0 auto; width: 100% }

  /* MARGINS: */
  .mr-sm-auto { margin-right: auto !important }
  .ml-sm-auto { margin-left: auto !important }

  /* OFFSET: */
  .offset-sm-0 { margin-left: 0 }
  .offset-sm-1 { margin-left: 8.33333333% }
  .offset-sm-2 { margin-left: 16.66666667% }
  .offset-sm-3 { margin-left: 25% }
  .offset-sm-4 { margin-left: 33.33333333% }
  .offset-sm-5 { margin-left: 41.66666667% }
  .offset-sm-6 { margin-left: 50% }
  .offset-sm-7 { margin-left: 58.33333333% }
  .offset-sm-8 { margin-left: 66.66666667% }
  .offset-sm-9 { margin-left: 75% }
  .offset-sm-10 { margin-left: 83.33333333% }
  .offset-sm-11 { margin-left: 91.66666667% }

  /* ORDER: */
  .order-sm-0 { order: 0 }
  .order-sm-1 { order: 1 }
  .order-sm-2 { order: 2 }
  .order-sm-3 { order: 3 }
  .order-sm-4 { order: 4 }
  .order-sm-5 { order: 5 }
  .order-sm-6 { order: 6 }
  .order-sm-7 { order: 7 }
  .order-sm-8 { order: 8 }
  .order-sm-9 { order: 9 }
  .order-sm-10 { order: 10 }
  .order-sm-11 { order: 11 }
  .order-sm-12 { order: 12 }

  /* FLEX */
  .flex-sm-row { flex-direction: row !important }
  .flex-sm-column { flex-direction: column !important }
  .flex-sm-row-reverse { flex-direction: row-reverse !important }
  .flex-sm-column-reverse { flex-direction: column-reverse !important }
  .flex-sm-wrap { flex-wrap: wrap !important }
  .flex-sm-nowrap { flex-wrap: nowrap !important }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important }

  /* JUSTIFY-CONTENT: */
  .justify-content-sm-start { justify-content: flex-start !important }
  .justify-content-sm-end { justify-content: flex-end !important }
  .justify-content-sm-center { justify-content: center !important }
  .justify-content-sm-between { justify-content: space-between !important }
  .justify-content-sm-around { justify-content: space-around !important }
  .justify-content-sm-evenly { justify-content: space-evenly !important }

  /* ALIGN-ITEMS: */
  .align-items-sm-start { align-items: flex-start !important }
  .align-items-sm-end { align-items: flex-end !important }
  .align-items-sm-center { align-items: center !important }
  .align-items-sm-baseline { align-items: baseline !important }
  .align-items-sm-stretch { align-items: stretch !important }

  /* ALIGN-SELF: */
  .align-self-sm-auto { align-self: auto !important }
  .align-self-sm-start { align-self: flex-start !important }
  .align-self-sm-end { align-self: flex-end !important }
  .align-self-sm-center { align-self: center !important }
  .align-self-sm-baseline { align-self: baseline !important }
  .align-self-sm-stretch { align-self:stretch !important }

  /* TEXT: */
  .text-sm-start, .text-sm-left { text-align: left !important }
  .text-sm-end, .text-sm-right { text-align: right !important }
  .text-sm-center { text-align: center !important }
  .text-sm-lowercase { text-transform: lowercase !important }
  .text-sm-uppercase { text-transform: uppercase !important }
  .text-sm-capitalize { text-transform: capitalize !important }
}
@media screen and (min-width: 768px) {
  /* DISPLAY: */
  .d-md-inline { display: inline !important }
  .d-md-inline-block { display: inline-block !important }
  .d-md-block { display: block !important }
  .d-md-grid { display: grid !important }
  .d-md-inline-grid { display: inline-grid !important }
  .d-md-table { display: table !important }
  .d-md-table-row { display: table-row !important }
  .d-md-table-cell { display: table-cell !important }
  .d-md-flex { display: flex !important }
  .d-md-inline-flex { display: inline-flex !important }
  .d-md-none { display: none !important }

  /* COLUMNS */
  .col-md { flex: 1 0 0% }
  .col-md-auto { flex: 0 0 auto; width: auto }
  .col-md-1 { flex: 0 0 auto; width: 8.33333333% }
  .col-md-2 { flex: 0 0 auto; width: 16.66666667% }
  .col-md-3 { flex: 0 0 auto; width: 25% }
  .col-md-4 { flex: 0 0 auto; width: 33.33333333% }
  .col-md-5 { flex: 0 0 auto; width: 41.66666667% }
  .col-md-6 { flex: 0 0 auto; width: 50% }
  .col-md-7 { flex: 0 0 auto; width: 58.33333333% }
  .col-md-8 { flex: 0 0 auto; width: 66.66666667% }
  .col-md-9 { flex: 0 0 auto; width: 75% }
  .col-md-10 { flex: 0 0 auto; width: 83.33333333% }
  .col-md-11 { flex: 0 0 auto; width: 91.66666667% }
  .col-md-12 { flex: 0 0 auto; width: 100% }

  /* MARGINS: */
  .mr-md-auto { margin-right: auto !important }
  .ml-md-auto { margin-left: auto !important }

  /* PADDINGS: */
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important }

  /* OFFSET: */
  .offset-md-0 { margin-left: 0 }
  .offset-md-1 { margin-left: 8.33333333% }
  .offset-md-2 { margin-left: 16.66666667% }
  .offset-md-3 { margin-left: 25% }
  .offset-md-4 { margin-left: 33.33333333% }
  .offset-md-5 { margin-left: 41.66666667% }
  .offset-md-6 { margin-left: 50% }
  .offset-md-7 { margin-left: 58.33333333% }
  .offset-md-8 { margin-left: 66.66666667% }
  .offset-md-9 { margin-left: 75% }
  .offset-md-10 { margin-left: 83.33333333% }
  .offset-md-11 { margin-left: 91.66666667% }

  /* ORDER: */
  .order-md-0 { order: 0 }
  .order-md-1 { order: 1 }
  .order-md-2 { order: 2 }
  .order-md-3 { order: 3 }
  .order-md-4 { order: 4 }
  .order-md-5 { order: 5 }
  .order-md-6 { order: 6 }
  .order-md-7 { order: 7 }
  .order-md-8 { order: 8 }
  .order-md-9 { order: 9 }
  .order-md-10 { order: 10 }
  .order-md-11 { order: 11 }
  .order-md-12 { order: 12 }

  /* FLEX */
  .flex-md-row { flex-direction: row !important }
  .flex-md-column { flex-direction: column !important }
  .flex-md-row-reverse { flex-direction: row-reverse !important }
  .flex-md-column-reverse { flex-direction: column-reverse !important }
  .flex-md-wrap { flex-wrap: wrap !important }
  .flex-md-nowrap { flex-wrap: nowrap !important }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important }

  /* JUSTIFY-CONTENT: */
  .justify-content-md-start { justify-content: flex-start !important }
  .justify-content-md-end { justify-content: flex-end !important }
  .justify-content-md-center { justify-content: center !important }
  .justify-content-md-between { justify-content: space-between !important }
  .justify-content-md-around { justify-content: space-around !important }
  .justify-content-md-evenly { justify-content: space-evenly !important }

  /* ALIGN-ITEMS: */
  .align-items-md-start { align-items: flex-start !important }
  .align-items-md-end { align-items: flex-end !important }
  .align-items-md-center { align-items: center !important }
  .align-items-md-baseline { align-items: baseline !important }
  .align-items-md-stretch { align-items: stretch !important }

  /* ALIGN-SELF: */
  .align-self-md-auto { align-self: auto !important }
  .align-self-md-start { align-self: flex-start !important }
  .align-self-md-end { align-self: flex-end !important }
  .align-self-md-center { align-self: center !important }
  .align-self-md-baseline { align-self: baseline !important }
  .align-self-md-stretch { align-self:stretch !important }

  /* TEXT: */
  .text-md-start, .text-md-left { text-align: left !important }
  .text-md-end, .text-md-right { text-align: right !important }
  .text-md-center { text-align: center !important }
  .text-md-lowercase { text-transform: lowercase !important }
  .text-md-uppercase { text-transform: uppercase !important }
  .text-md-capitalize { text-transform: capitalize !important }
}
@media screen and (min-width: 992px) {
  /* DISPLAY: */
  .d-lg-inline { display: inline !important }
  .d-lg-inline-block { display: inline-block !important }
  .d-lg-block { display: block !important }
  .d-lg-grid { display: grid !important }
  .d-lg-inline-grid { display: inline-grid !important }
  .d-lg-table { display: table !important }
  .d-lg-table-row { display: table-row !important }
  .d-lg-table-cell { display: table-cell !important }
  .d-lg-flex { display: flex !important }
  .d-lg-inline-flex { display: inline-flex !important }
  .d-lg-none { display: none !important }

  /* COLUMNS */
  .col-lg { flex: 1 0 0% }
  .col-lg-auto { flex: 0 0 auto; width: auto }
  .col-lg-1 { flex: 0 0 auto; width: 8.33333333% }
  .col-lg-2 { flex: 0 0 auto; width: 16.66666667% }
  .col-lg-3 { flex: 0 0 auto; width: 25% }
  .col-lg-4 { flex: 0 0 auto; width: 33.33333333% }
  .col-lg-5 { flex: 0 0 auto; width: 41.66666667% }
  .col-lg-6 { flex: 0 0 auto; width: 50% }
  .col-lg-7 { flex: 0 0 auto; width: 58.33333333% }
  .col-lg-8 { flex: 0 0 auto; width: 66.66666667% }
  .col-lg-9 { flex: 0 0 auto; width: 75% }
  .col-lg-10 { flex: 0 0 auto; width: 83.33333333% }
  .col-lg-11 { flex: 0 0 auto; width: 91.66666667% }
  .col-lg-12 { flex: 0 0 auto; width: 100% }

  /* MARGINS: */
  .mr-lg-auto { margin-right: auto !important }
  .ml-lg-auto { margin-left: auto !important }

  /* PADDINGS: */
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important }

  /* OFFSET: */
  .offset-lg-0 { margin-left: 0 }
  .offset-lg-1 { margin-left: 8.33333333% }
  .offset-lg-2 { margin-left: 16.66666667% }
  .offset-lg-3 { margin-left: 25% }
  .offset-lg-4 { margin-left: 33.33333333% }
  .offset-lg-5 { margin-left: 41.66666667% }
  .offset-lg-6 { margin-left: 50% }
  .offset-lg-7 { margin-left: 58.33333333% }
  .offset-lg-8 { margin-left: 66.66666667% }
  .offset-lg-9 { margin-left: 75% }
  .offset-lg-10 { margin-left: 83.33333333% }
  .offset-lg-11 { margin-left: 91.66666667% }

  /* ORDER: */
  .order-lg-0 { order: 0 }
  .order-lg-1 { order: 1 }
  .order-lg-2 { order: 2 }
  .order-lg-3 { order: 3 }
  .order-lg-4 { order: 4 }
  .order-lg-5 { order: 5 }
  .order-lg-6 { order: 6 }
  .order-lg-7 { order: 7 }
  .order-lg-8 { order: 8 }
  .order-lg-9 { order: 9 }
  .order-lg-10 { order: 10 }
  .order-lg-11 { order: 11 }
  .order-lg-12 { order: 12 }

  /* FLEX */
  .flex-lg-row { flex-direction: row !important }
  .flex-lg-column { flex-direction: column !important }
  .flex-lg-row-reverse { flex-direction: row-reverse !important }
  .flex-lg-column-reverse { flex-direction: column-reverse !important }
  .flex-lg-wrap { flex-wrap: wrap !important }
  .flex-lg-nowrap { flex-wrap: nowrap !important }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important }

  /* JUSTIFY-CONTENT: */
  .justify-content-lg-start { justify-content: flex-start !important }
  .justify-content-lg-end { justify-content: flex-end !important }
  .justify-content-lg-center { justify-content: center !important }
  .justify-content-lg-between { justify-content: space-between !important }
  .justify-content-lg-around { justify-content: space-around !important }
  .justify-content-lg-evenly { justify-content: space-evenly !important }

  /* ALIGN-ITEMS: */
  .align-items-lg-start { align-items: flex-start !important }
  .align-items-lg-end { align-items: flex-end !important }
  .align-items-lg-center { align-items: center !important }
  .align-items-lg-baseline { align-items: baseline !important }
  .align-items-lg-stretch { align-items: stretch !important }

  /* ALIGN-SELF: */
  .align-self-lg-auto { align-self: auto !important }
  .align-self-lg-start { align-self: flex-start !important }
  .align-self-lg-end { align-self: flex-end !important }
  .align-self-lg-center { align-self: center !important }
  .align-self-lg-baseline { align-self: baseline !important }
  .align-self-lg-stretch { align-self:stretch !important }

  /* TEXT: */
  .text-lg-start, .text-lg-left { text-align: left !important }
  .text-lg-end, .text-lg-right { text-align: right !important }
  .text-lg-center { text-align: center !important }
  .text-lg-lowercase { text-transform: lowercase !important }
  .text-lg-uppercase { text-transform: uppercase !important }
  .text-lg-capitalize { text-transform: capitalize !important }
}
@media screen and (min-width: 1200px) {
  /* DISPLAY: */
  .d-xl-inline { display: inline !important }
  .d-xl-inline-block { display: inline-block !important }
  .d-xl-block { display: block !important }
  .d-xl-grid { display: grid !important }
  .d-xl-inline-grid { display: inline-grid !important }
  .d-xl-table { display: table !important }
  .d-xl-table-row { display: table-row !important }
  .d-xl-table-cell { display: table-cell !important }
  .d-xl-flex { display: flex !important }
  .d-xl-inline-flex { display: inline-flex !important }
  .d-xl-none { display: none !important }

  /* COLUMNS */
  .col-xl { flex: 1 0 0% }
  .col-xl-auto { flex: 0 0 auto; width: auto }
  .col-xl-1 { flex: 0 0 auto; width: 8.33333333% }
  .col-xl-2 { flex: 0 0 auto; width: 16.66666667% }
  .col-xl-3 { flex: 0 0 auto; width: 25% }
  .col-xl-4 { flex: 0 0 auto; width: 33.33333333% }
  .col-xl-5 { flex: 0 0 auto; width: 41.66666667% }
  .col-xl-6 { flex: 0 0 auto; width: 50% }
  .col-xl-7 { flex: 0 0 auto; width: 58.33333333% }
  .col-xl-8 { flex: 0 0 auto; width: 66.66666667% }
  .col-xl-9 { flex: 0 0 auto; width: 75% }
  .col-xl-10 { flex: 0 0 auto; width: 83.33333333% }
  .col-xl-11 { flex: 0 0 auto; width: 91.66666667% }
  .col-xl-12 { flex: 0 0 auto; width: 100% }

  /* MARGINS: */
  .mr-xl-auto { margin-right: auto !important }
  .ml-xl-auto { margin-left: auto !important }

  /* PADDINGS: */
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important }

  /* OFFSET: */
  .offset-xl-0 { margin-left: 0 }
  .offset-xl-1 { margin-left: 8.33333333% }
  .offset-xl-2 { margin-left: 16.66666667% }
  .offset-xl-3 { margin-left: 25% }
  .offset-xl-4 { margin-left: 33.33333333% }
  .offset-xl-5 { margin-left: 41.66666667% }
  .offset-xl-6 { margin-left: 50% }
  .offset-xl-7 { margin-left: 58.33333333% }
  .offset-xl-8 { margin-left: 66.66666667% }
  .offset-xl-9 { margin-left: 75% }
  .offset-xl-10 { margin-left: 83.33333333% }
  .offset-xl-11 { margin-left: 91.66666667% }

  /* ORDER: */
  .order-xl-0 { order: 0 }
  .order-xl-1 { order: 1 }
  .order-xl-2 { order: 2 }
  .order-xl-3 { order: 3 }
  .order-xl-4 { order: 4 }
  .order-xl-5 { order: 5 }
  .order-xl-6 { order: 6 }
  .order-xl-7 { order: 7 }
  .order-xl-8 { order: 8 }
  .order-xl-9 { order: 9 }
  .order-xl-10 { order: 10 }
  .order-xl-11 { order: 11 }
  .order-xl-12 { order: 12 }

  /* FLEX */
  .flex-xl-row { flex-direction: row !important }
  .flex-xl-column { flex-direction: column !important }
  .flex-xl-row-reverse { flex-direction: row-reverse !important }
  .flex-xl-column-reverse { flex-direction: column-reverse !important }
  .flex-xl-wrap { flex-wrap: wrap !important }
  .flex-xl-nowrap { flex-wrap: nowrap !important }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important }

  /* JUSTIFY-CONTENT: */
  .justify-content-xl-start { justify-content: flex-start !important }
  .justify-content-xl-end { justify-content: flex-end !important }
  .justify-content-xl-center { justify-content: center !important }
  .justify-content-xl-between { justify-content: space-between !important }
  .justify-content-xl-around { justify-content: space-around !important }
  .justify-content-xl-evenly { justify-content: space-evenly !important }

  /* ALIGN-ITEMS: */
  .align-items-xl-start { align-items: flex-start !important }
  .align-items-xl-end { align-items: flex-end !important }
  .align-items-xl-center { align-items: center !important }
  .align-items-xl-baseline { align-items: baseline !important }
  .align-items-xl-stretch { align-items: stretch !important }

  /* ALIGN-SELF: */
  .align-self-xl-auto { align-self: auto !important }
  .align-self-xl-start { align-self: flex-start !important }
  .align-self-xl-end { align-self: flex-end !important }
  .align-self-xl-center { align-self: center !important }
  .align-self-xl-baseline { align-self: baseline !important }
  .align-self-xl-stretch { align-self:stretch !important }

  /* TEXT: */
  .text-xl-start, .text-xl-left { text-align: left !important }
  .text-xl-end, .text-xl-right { text-align: right !important }
  .text-xl-center { text-align: center !important }
  .text-xl-lowercase { text-transform: lowercase !important }
  .text-xl-uppercase { text-transform: uppercase !important }
  .text-xl-capitalize { text-transform: capitalize !important }
}
@media screen and (min-width: 1600px) {
  /* DISPLAY: */
  .d-xxl-inline { display: inline !important }
  .d-xxl-inline-block { display: inline-block !important }
  .d-xxl-block { display: block !important }
  .d-xxl-grid { display: grid !important }
  .d-xxl-inline-grid { display: inline-grid !important }
  .d-xxl-table { display: table !important }
  .d-xxl-table-row { display: table-row !important }
  .d-xxl-table-cell { display: table-cell !important }
  .d-xxl-flex { display: flex !important }
  .d-xxl-inline-flex { display: inline-flex !important }
  .d-xxl-none { display: none !important }

  /* COLUMNS */
  .col-xxl { flex: 1 0 0% }
  .col-xxl-auto { flex: 0 0 auto; width: auto }
  .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% }
  .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% }
  .col-xxl-3 { flex: 0 0 auto; width: 25% }
  .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% }
  .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% }
  .col-xxl-6 { flex: 0 0 auto; width: 50% }
  .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% }
  .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% }
  .col-xxl-9 { flex: 0 0 auto; width: 75% }
  .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% }
  .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% }
  .col-xxl-12 { flex: 0 0 auto; width: 100% }

  /* MARGINS: */
  .mr-xxl-auto { margin-right: auto !important }
  .ml-xxl-auto { margin-left: auto !important }

  /* PADDINGS: */
  .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important }
  .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important }
  .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important }
  .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important }

  /* OFFSET: */
  .offset-xxl-0 { margin-left: 0 }
  .offset-xxl-1 { margin-left: 8.33333333% }
  .offset-xxl-2 { margin-left: 16.66666667% }
  .offset-xxl-3 { margin-left: 25% }
  .offset-xxl-4 { margin-left: 33.33333333% }
  .offset-xxl-5 { margin-left: 41.66666667% }
  .offset-xxl-6 { margin-left: 50% }
  .offset-xxl-7 { margin-left: 58.33333333% }
  .offset-xxl-8 { margin-left: 66.66666667% }
  .offset-xxl-9 { margin-left: 75% }
  .offset-xxl-10 { margin-left: 83.33333333% }
  .offset-xxl-11 { margin-left: 91.66666667% }

  /* ORDER: */
  .order-xxl-0 { order: 0 }
  .order-xxl-1 { order: 1 }
  .order-xxl-2 { order: 2 }
  .order-xxl-3 { order: 3 }
  .order-xxl-4 { order: 4 }
  .order-xxl-5 { order: 5 }
  .order-xxl-6 { order: 6 }
  .order-xxl-7 { order: 7 }
  .order-xxl-8 { order: 8 }
  .order-xxl-9 { order: 9 }
  .order-xxl-10 { order: 10 }
  .order-xxl-11 { order: 11 }
  .order-xxl-12 { order: 12 }

  /* FLEX */
  .flex-xxl-row { flex-direction: row !important }
  .flex-xxl-column { flex-direction: column !important }
  .flex-xxl-row-reverse { flex-direction: row-reverse !important }
  .flex-xxl-column-reverse { flex-direction: column-reverse !important }
  .flex-xxl-wrap { flex-wrap: wrap !important }
  .flex-xxl-nowrap { flex-wrap: nowrap !important }
  .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important }

  /* JUSTIFY-CONTENT: */
  .justify-content-xxl-start { justify-content: flex-start !important }
  .justify-content-xxl-end { justify-content: flex-end !important }
  .justify-content-xxl-center { justify-content: center !important }
  .justify-content-xxl-between { justify-content: space-between !important }
  .justify-content-xxl-around { justify-content: space-around !important }
  .justify-content-xxl-evenly { justify-content: space-evenly !important }

  /* ALIGN-ITEMS: */
  .align-items-xxl-start { align-items: flex-start !important }
  .align-items-xxl-end { align-items: flex-end !important }
  .align-items-xxl-center { align-items: center !important }
  .align-items-xxl-baseline { align-items: baseline !important }
  .align-items-xxl-stretch { align-items: stretch !important }

  /* ALIGN-SELF: */
  .align-self-xxl-auto { align-self: auto !important }
  .align-self-xxl-start { align-self: flex-start !important }
  .align-self-xxl-end { align-self: flex-end !important }
  .align-self-xxl-center { align-self: center !important }
  .align-self-xxl-baseline { align-self: baseline !important }
  .align-self-xxl-stretch { align-self:stretch !important }

  /* TEXT: */
  .text-xxl-start, .text-xxl-left { text-align: left !important }
  .text-xxl-end, .text-xxl-right { text-align: right !important }
  .text-xxl-center { text-align: center !important }
  .text-xxl-lowercase { text-transform: lowercase !important }
  .text-xxl-uppercase { text-transform: uppercase !important }
  .text-xxl-capitalize { text-transform: capitalize !important }
}