/*!
*   flex-system.css v2.0.5
*   (c) 2019 - 2020 by Sanusi Hassan
*   licance: MIT
*/
:root {
  --amount: 0.5em;
  --p-amount: 1.15em;
  --shrink-factor: 1;
  --grow-factor: 0;
  --portion: 1;
  --order: 6;
  --slice-1: 8.3333333333%;
  --slice-2: 16.6666666667%;
  --fourth: 25%;
  --third: 33.3333333333%;
  --slice-5: 41.6666666667%;
  --half: 50%;
  --slice-7: 58.3333333333%;
  --slice-8: 66.6666666667%;
  --slice-9: 75%;
  --slice-10: 83.3333333333%;
  --slice-11: 91.6666666667%;
  --fill: 100%;
}

:root {
  --container-small-width: 100%;
  --container-medium-width: 85%;
  --container-large-width: 80%;
  --container-larger-width: 80%;
  --container-small-fixed-width: 100%;
  --container-medium-fixed-width: 510.85px;
  --container-medium-to-large-fixed-width: 652.8px;
  --container-large-fixed-width: 843.2px;
  --container-larger-fixed-width: 1020px;
}

.container, .flex-sys.container, .flex-row, .flex-row > *, .flex-column, .flex-column > *, .row-reversed, .row-reversed > *, .column-reversed, .column-reversed > *, [class*=row-on], [class*=row-on] > *, [class*=column-on], [class*=column-on] > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container, .flex-sys.container {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.container:not(.fixed-width) .container:not(.fixed-width), .flex-sys.container:not(.fixed-width) .container:not(.fixed-width), .container:not(.fixed-width) .flex-sys.container:not(.fixed-width), .flex-sys.container:not(.fixed-width) .flex-sys.container:not(.fixed-width) {
  width: 100% !important;
}
@media only screen and (max-width: 600px) {
  .container, .flex-sys.container {
    width: var(--container-small-width);
    padding: 0 2.5%;
  }
  [class*=column] .container, [class*=column] .flex-sys.container {
    width: 100%;
  }
  .container .container, [class*=column] .container, .flex-sys.container .container, [class*=column] .flex-sys.container {
    width: 100%;
  }
}
@media only screen and (min-width: 601px) and (max-width: 991.99px) {
  .container, .flex-sys.container {
    width: var(--container-medium-width);
  }
}
@media only screen and (min-width: 992px) {
  .container, .flex-sys.container {
    width: var(--container-large-width);
  }
}
@media only screen and (min-width: 1200px) {
  .container, .flex-sys.container {
    width: var(--container-larger-width);
  }
}
@media only screen and (max-width: 600px) {
  .container.fixed-width, .flex-sys.container.fixed-width {
    width: var(--container-small-fixed-width);
  }
}
@media only screen and (min-width: 601px) and (max-width: 991.99px) {
  .container.fixed-width, .flex-sys.container.fixed-width {
    width: var(--container-medium-fixed-width);
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .container.fixed-width, .flex-sys.container.fixed-width {
    width: var(--container-medium-to-large-fixed-width);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.99px) {
  .container.fixed-width, .flex-sys.container.fixed-width {
    width: var(--container-large-fixed-width);
  }
}
@media only screen and (min-width: 1200px) {
  .container.fixed-width, .flex-sys.container.fixed-width {
    width: var(--container-larger-fixed-width);
  }
}

.container, .flex-sys.container, .flex-row, .flex-row > *, .flex-column, .flex-column > *, .row-reversed, .row-reversed > *, .column-reversed, .column-reversed > *, [class*=row-on], [class*=row-on] > *, [class*=column-on], [class*=column-on] > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.flex-row:not(.none):not(.inline-flex):not([data-display="none"]), .flex-column:not(.none):not(.inline-flex):not([data-display="none"]), .row-reversed:not(.none):not(.inline-flex):not([data-display="none"]), .column-reversed:not(.none):not(.inline-flex):not([data-display="none"]), [class*=row-on]:not(.none):not(.inline-flex):not([data-display="none"]), [class*=column-on]:not(.none):not(.inline-flex):not([data-display="none"]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-row:not([data-default]):not(.stretch):not([class*=cross-align]), .flex-column:not([data-default]):not(.stretch):not([class*=cross-align]), .row-reversed:not([data-default]):not(.stretch):not([class*=cross-align]), .column-reversed:not([data-default]):not(.stretch):not([class*=cross-align]), [class*=row-on]:not([data-default]):not(.stretch):not([class*=cross-align]), [class*=column-on]:not([data-default]):not(.stretch):not([class*=cross-align]) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-row.noshrink-each > *, .flex-row .noshrink, .flex-column.noshrink-each > *, .flex-column .noshrink, .row-reversed.noshrink-each > *, .row-reversed .noshrink, .column-reversed.noshrink-each > *, .column-reversed .noshrink, [class*=row-on].noshrink-each > *, [class*=row-on] .noshrink, [class*=column-on].noshrink-each > *, [class*=column-on] .noshrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.inline-flex:not(.none) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.row-reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}

.column-reversed {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
}

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

@media only screen and (max-width: 600px) {
  .row-onsmall {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

@media only screen and (min-width: 601px) and (max-width: 991.99px) {
  .row-onmedium {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199.99px) {
  .row-onlarge {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

@media only screen and (min-width: 1200px) {
  .row-from-larger {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media only screen and (max-width: 600px) {
  .column-onsmall {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

@media only screen and (min-width: 601px) and (max-width: 991.99px) {
  .column-onmedium {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199.99px) {
  .column-onlarge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

@media only screen and (min-width: 1200px) {
  .column-from-larger {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.wrap, [class*=row] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrap-reversed {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media only screen and (max-width: 600px) {
  .wrap-onsmall {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media only screen and (min-width: 601px) and (max-width: 991.99px) {
  .wrap-onmedium {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199.99px) {
  .wrap-onlarge {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media only screen and (min-width: 601px) {
  .wrap-from-medium {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) {
  .wrap-from-large {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) {
  .wrap-from-larger {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.available, .available-each > *, [data-slice="available"] {
  -webkit-box-flex: var(--portion);
      -ms-flex: var(--portion) 1 0%;
          flex: var(--portion) 1 0%;
}

@media only screen and (min-width: 601px) {
  .onmedium-available, .onmedium-available-each > *, [data-onmedium="available"] {
    -webkit-box-flex: var(--portion) !important;
        -ms-flex: var(--portion) 1 0% !important;
            flex: var(--portion) 1 0% !important;
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-available, .onlarge-available-each > *, [data-onlarge="available"] {
    -webkit-box-flex: var(--portion) !important;
        -ms-flex: var(--portion) 1 0% !important;
            flex: var(--portion) 1 0% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-available, .onlarger-available-each > *, [data-onlarger="available"] {
    -webkit-box-flex: var(--portion) !important;
        -ms-flex: var(--portion) 1 0% !important;
            flex: var(--portion) 1 0% !important;
  }
}
.slice-1,
[data-slice="1"],
.col-1 {
  --size: var(--slice-1);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.slice-2,
[data-slice="2"],
.col-2 {
  --size: var(--slice-2);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.fourth,
.slice-3,
[data-slice="fourth"],
[data-slice="3"],
.col-3 {
  --size: var(--fourth);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.third,
.slice-4,
[data-slice="third"],
[data-slice="4"],
.col-4 {
  --size: var(--third);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.slice-5,
[data-slice="5"],
.col-5 {
  --size: var(--slice-5);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.half,
.slice-6,
[data-slice="half"],
[data-slice="6"],
.col-6 {
  --size: var(--half);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.slice-7,
[data-slice="7"],
.col-7 {
  --size: var(--slice-7);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.slice-8,
[data-slice="8"],
.col-8 {
  --size: var(--slice-8);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.slice-9,
[data-slice="9"],
.col-9 {
  --size: var(--slice-9);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.slice-10,
[data-slice="10"],
.col-10 {
  --size: var(--slice-10);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.slice-11,
[data-slice="11"],
.col-11 {
  --size: var(--slice-11);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

.fill,
.slice-12,
[data-slice="fill"],
[data-slice="12"],
.col-12 {
  --size: var(--fill);
  -webkit-box-flex: var(--grow-factor);
      -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size);
          flex: var(--grow-factor) var(--shrink-factor) var(--size);
}

@media only screen and (min-width: 601px) {
  .onmedium-1,
  [data-onmedium="1"],
  .col-md1 {
    --size-onmedium: var(--slice-1);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-2,
  [data-onmedium="2"],
  .col-md2 {
    --size-onmedium: var(--slice-2);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-fourth,
  .onmedium-3,
  [data-onmedium="fourth"],
  [data-onmedium="3"],
  .col-md3 {
    --size-onmedium: var(--fourth);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-third,
  .onmedium-4,
  [data-onmedium="third"],
  [data-onmedium="4"],
  .col-md4 {
    --size-onmedium: var(--third);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-5,
  [data-onmedium="5"],
  .col-md5 {
    --size-onmedium: var(--slice-5);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-half,
  .onmedium-6,
  [data-onmedium="half"],
  [data-onmedium="6"],
  .col-md6 {
    --size-onmedium: var(--half);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-7,
  [data-onmedium="7"],
  .col-md7 {
    --size-onmedium: var(--slice-7);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-8,
  [data-onmedium="8"],
  .col-md8 {
    --size-onmedium: var(--slice-8);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-9,
  [data-onmedium="9"],
  .col-md9 {
    --size-onmedium: var(--slice-9);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-10,
  [data-onmedium="10"],
  .col-md10 {
    --size-onmedium: var(--slice-10);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-11,
  [data-onmedium="11"],
  .col-md11 {
    --size-onmedium: var(--slice-11);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }

  .onmedium-fill,
  .onmedium-12,
  [data-onmedium="fill"],
  [data-onmedium="12"],
  .col-md12 {
    --size-onmedium: var(--fill);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onmedium);
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-1,
  [data-onlarge="1"],
  .col-lg1 {
    --size-onlarge: var(--slice-1);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-2,
  [data-onlarge="2"],
  .col-lg2 {
    --size-onlarge: var(--slice-2);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-fourth,
  .onlarge-3,
  [data-onlarge="fourth"],
  [data-onlarge="3"],
  .col-lg3 {
    --size-onlarge: var(--fourth);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-third,
  .onlarge-4,
  [data-onlarge="third"],
  [data-onlarge="4"],
  .col-lg4 {
    --size-onlarge: var(--third);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-5,
  [data-onlarge="5"],
  .col-lg5 {
    --size-onlarge: var(--slice-5);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-half,
  .onlarge-6,
  [data-onlarge="half"],
  [data-onlarge="6"],
  .col-lg6 {
    --size-onlarge: var(--half);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-7,
  [data-onlarge="7"],
  .col-lg7 {
    --size-onlarge: var(--slice-7);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-8,
  [data-onlarge="8"],
  .col-lg8 {
    --size-onlarge: var(--slice-8);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-9,
  [data-onlarge="9"],
  .col-lg9 {
    --size-onlarge: var(--slice-9);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-10,
  [data-onlarge="10"],
  .col-lg10 {
    --size-onlarge: var(--slice-10);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-11,
  [data-onlarge="11"],
  .col-lg11 {
    --size-onlarge: var(--slice-11);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }

  .onlarge-fill,
  .onlarge-12,
  [data-onlarge="fill"],
  [data-onlarge="12"],
  .col-lg12 {
    --size-onlarge: var(--fill);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarge);
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-1,
  [data-onlarger="1"],
  .col-xl1 {
    --size-onlarger: var(--slice-1);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-2,
  [data-onlarger="2"],
  .col-xl2 {
    --size-onlarger: var(--slice-2);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-fourth,
  .onlarger-3,
  [data-onlarger="fourth"],
  [data-onlarger="3"],
  .col-xl3 {
    --size-onlarger: var(--fourth);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-third,
  .onlarger-4,
  [data-onlarger="third"],
  [data-onlarger="4"],
  .col-xl4 {
    --size-onlarger: var(--third);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-5,
  [data-onlarger="5"],
  .col-xl5 {
    --size-onlarger: var(--slice-5);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-half,
  .onlarger-6,
  [data-onlarger="half"],
  [data-onlarger="6"],
  .col-xl6 {
    --size-onlarger: var(--half);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-7,
  [data-onlarger="7"],
  .col-xl7 {
    --size-onlarger: var(--slice-7);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-8,
  [data-onlarger="8"],
  .col-xl8 {
    --size-onlarger: var(--slice-8);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-9,
  [data-onlarger="9"],
  .col-xl9 {
    --size-onlarger: var(--slice-9);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-10,
  [data-onlarger="10"],
  .col-xl10 {
    --size-onlarger: var(--slice-10);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-11,
  [data-onlarger="11"],
  .col-xl11 {
    --size-onlarger: var(--slice-11);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }

  .onlarger-fill,
  .onlarger-12,
  [data-onlarger="fill"],
  [data-onlarger="12"],
  .col-xl12 {
    --size-onlarger: var(--fill);
    -webkit-box-flex: var(--grow-factor);
        -ms-flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
            flex: var(--grow-factor) var(--shrink-factor) var(--size-onlarger);
  }
}
.push-bottom, .push-center-y, [data-push-center-y], [data-push-bottom] {
  margin-top: auto;
}

.push-left, .push-center-x, [data-push-center-x], [data-push-left] {
  margin-right: auto;
}

.push-top, .push-center-y, [data-push-center-y], [data-push-top] {
  margin-bottom: auto;
}

.push-right, .push-center-x, [data-push-center-x], [data-push-right] {
  margin-left: auto;
}

@media only screen and (min-width: 601px) {
  .onmedium-push-bottom, .onmedium-push-center-y, [data-onmedium-push-center-y], [data-onmedium-push-bottom] {
    margin-top: auto;
  }

  .onmedium-push-left, .onmedium-push-center-x, [data-onmedium-push-center-x], [data-onmedium-push-left] {
    margin-right: auto;
  }

  .onmedium-push-top, .onmedium-push-center-y, [data-onmedium-push-center-y], [data-onmedium-push-top] {
    margin-bottom: auto;
  }

  .onmedium-push-right, .onmedium-push-center-x, [data-onmedium-push-center-x], [data-onmedium-push-right] {
    margin-left: auto;
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-push-bottom, .onlarge-push-center-y, [data-onlarge-push-center-y], [data-onlarge-push-bottom] {
    margin-top: auto;
  }

  .onlarge-push-left, .onlarge-push-center-x, [data-onlarge-push-center-x], [data-onlarge-push-left] {
    margin-right: auto;
  }

  .onlarge-push-top, .onlarge-push-center-y, [data-onlarge-push-center-y], [data-onlarge-push-top] {
    margin-bottom: auto;
  }

  .onlarge-push-right, .onlarge-push-center-x, [data-onlarge-push-center-x], [data-onlarge-push-right] {
    margin-left: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-push-bottom, .onlarger-push-center-y, [data-onlarger-push-center-y], [data-onlarger-push-bottom] {
    margin-top: auto;
  }

  .onlarger-push-left, .onlarger-push-center-x, [data-onlarger-push-center-x], [data-onlarger-push-left] {
    margin-right: auto;
  }

  .onlarger-push-top, .onlarger-push-center-y, [data-onlarger-push-center-y], [data-onlarger-push-top] {
    margin-bottom: auto;
  }

  .onlarger-push-right, .onlarger-push-center-x, [data-onlarger-push-center-x], [data-onlarger-push-right] {
    margin-left: auto;
  }
}
.main-end, [data-main="end"] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-center, [data-main="center"] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.space-around, [data-main="space-around"] {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.space-between, [data-main="space-between"] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.space-evenly, [data-main="space-evenly"] {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

@media only screen and (min-width: 601px) {
  .onmedium-main-start, [data-onmedium-main="start"] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .onmedium-main-end, [data-onmedium-main="end"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .onmedium-main-center, [data-onmedium-main="center"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .onmedium-sp-around, [data-onmedium-main="space-around"] {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .onmedium-sp-between, [data-onmedium-main="space-between"] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .onmedium-sp-evenly, [data-onmedium-main="space-evenly"] {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-main-start, [data-onlarge-main="start"] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .onlarge-main-end, [data-onlarge-main="end"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .onlarge-main-center, [data-onlarge-main="center"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .onlarge-sp-around, [data-onlarge-main="space-around"] {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .onlarge-sp-between, [data-onlarge-main="space-between"] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .onlarge-sp-evenly, [data-onlarge-main="space-evenly"] {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-main-start, [data-onlarger-main="start"] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .onlarger-main-end, [data-onlarger-main="end"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .onlarger-main-center, [data-onlarger-main="center"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .onlarger-sp-around, [data-onlarger-main="space-around"] {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .onlarger-sp-between, [data-onlarger-main="space-between"] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .onlarger-sp-evenly, [data-onlarger-main="space-evenly"] {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
.line-start, [data-line="start"] {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.line-stretch, [data-line="stretch"] {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

.line-end, [data-line="end"] {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.line-center, [data-line="center"] {
  -ms-flex-line-pack: center;
      align-content: center;
}

.line-sp-around, [data-line="space-around"] {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.line-sp-between, [data-line="space-between"] {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.line-sp-evenly, [data-line="space-evenly"] {
  -ms-flex-line-pack: space-evenly;
      align-content: space-evenly;
}

@media only screen and (min-width: 601px) {
  .onmedium-line-start, [data-onmedium-line="start"] {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .onmedium-line-stretch, [data-onmedium-line="stretch"] {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }

  .onmedium-line-end, [data-onmedium-line="end"] {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .onmedium-line-center, [data-onmedium-line="center"] {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .onmedium-line-sp-around, [data-onmedium-line="space-around"] {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .onmedium-line-sp-between, [data-onmedium-line="space-between"] {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .onmedium-line-sp-evenly, [data-onmedium-line="space-evenly"] {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-line-start, [data-onlarge-line="start"] {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .onlarge-line-stretch, [data-onlarge-line="stretch"] {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }

  .onlarge-line-end, [data-onlarge-line="end"] {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .onlarge-line-center, [data-onlarge-line="center"] {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .onlarge-line-sp-around, [data-onlarge-line="space-around"] {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .onlarge-line-sp-between, [data-onlarge-line="space-between"] {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .onlarge-line-sp-evenly, [data-onlarge-line="space-evenly"] {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-line-start, [data-onlarger-line="start"] {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }

  .onlarger-line-stretch, [data-onlarger-line="stretch"] {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }

  .onlarger-line-end, [data-onlarger-line="end"] {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }

  .onlarger-line-center, [data-onlarger-line="center"] {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  .onlarger-line-sp-around, [data-onlarger-line="space-around"] {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .onlarger-line-sp-between, [data-onlarger-line="space-between"] {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .onlarger-line-sp-evenly, [data-onlarger-line="space-evenly"] {
    -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
  }
}
.cross-end, [data-cross="end"] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.cross-center, [data-cross="center"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cross-baseline, [data-cross="baseline"] {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.cross-stretch, [data-cross="stretch"] {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media only screen and (min-width: 601px) {
  .onmedium-cross-start, [data-onmedium-cross="start"] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .onmedium-cross-end, [data-onmedium-cross="end"] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .onmedium-cross-center, [data-onmedium-cross="center"] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .onmedium-cross-baseline, [data-onmedium-cross="baseline"] {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .onmedium-cross-stretch, [data-onmedium-cross="stretch"] {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-cross-start, [data-onlarge-cross="start"] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .onlarge-cross-end, [data-onlarge-cross="end"] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .onlarge-cross-center, [data-onlarge-cross="center"] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .onlarge-cross-baseline, [data-onlarge-cross="baseline"] {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .onlarge-cross-stretch, [data-onlarge-cross="stretch"] {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-cross-start, [data-onlarger-cross="start"] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .onlarger-cross-end, [data-onlarger-cross="end"] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .onlarger-cross-center, [data-onlarger-cross="center"] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .onlarger-cross-baseline, [data-onlarger-cross="baseline"] {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }

  .onlarger-cross-stretch, [data-onlarger-cross="stretch"] {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.self-end, [data-self="end"] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.self-center, [data-self="center"] {
  -ms-flex-item-align: center;
      align-self: center;
}

.self-baseline, [data-self="baseline"] {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.self-stretch, [data-self="stretch"] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

@media only screen and (min-width: 601px) {
  .onmedium-self-start, [data-onmedium-self="start"] {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .onmedium-self-end, [data-onmedium-self="end"] {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .onmedium-self-center, [data-onmedium-self="center"] {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .onmedium-self-baseline, [data-onmedium-self="baseline"] {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .onmedium-self-stretch, [data-onmedium-self="stretch"] {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-self-start, [data-onlarge-self="start"] {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .onlarge-self-end, [data-onlarge-self="end"] {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .onlarge-self-center, [data-onlarge-self="center"] {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .onlarge-self-baseline, [data-onlarge-self="baseline"] {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .onlarge-self-stretch, [data-onlarge-self="stretch"] {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-self-start, [data-onlarger-self="start"] {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .onlarger-self-end, [data-onlarger-self="end"] {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .onlarger-self-center, [data-onlarger-self="center"] {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .onlarger-self-baseline, [data-onlarger-self="baseline"] {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }

  .onlarger-self-stretch, [data-onlarger-self="stretch"] {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
.flex-initial, [data-slice="initial"] {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}

.flex-auto, [data-slice="auto"] {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.flex-none, [data-slice="none"] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media only screen and (min-width: 601px) {
  .onmedium-flex-initial, [data-onmedium="initial"] {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }

  .onmedium-flex-auto, [data-onmedium="auto"] {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }

  .onmedium-flex-none, [data-onmedium="none"] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-flex-initial, [data-onlarge="initial"] {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }

  .onlarge-flex-auto, [data-onlarge="auto"] {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }

  .onlarge-flex-none, [data-onlarge="none"] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-flex-initial, [data-onlarger="initial"] {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }

  .onlarger-flex-auto, [data-onlarger="auto"] {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }

  .onlarger-flex-none, [data-onlarger="none"] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
.order-1, [data-order="1"] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2, [data-order="2"] {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3, [data-order="3"] {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4, [data-order="4"] {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5, [data-order="5"] {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6, [data-order="6"] {
  -webkit-box-ordinal-group: var(--order);
      -ms-flex-order: var(--order);
          order: var(--order);
}

@media only screen and (min-width: 601px) {
  .onmedium-order-1, [data-onmedium-order="1"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .onmedium-order-2, [data-onmedium-order="2"] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .onmedium-order-3, [data-onmedium-order="3"] {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .onmedium-order-4, [data-onmedium-order="4"] {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .onmedium-order-5, [data-onmedium-order="5"] {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .onmedium-order-6, [data-onmedium-order="6"] {
    -webkit-box-ordinal-group: var(--order);
        -ms-flex-order: var(--order);
            order: var(--order);
  }
}
@media only screen and (min-width: 992px) {
  .onlarge-order-1, [data-onlarge-order="1"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .onlarge-order-2, [data-onlarge-order="2"] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .onlarge-order-3, [data-onlarge-order="3"] {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .onlarge-order-4, [data-onlarge-order="4"] {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .onlarge-order-5, [data-onlarge-order="5"] {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .onlarge-order-6, [data-onlarge-order="6"] {
    -webkit-box-ordinal-group: var(--order);
        -ms-flex-order: var(--order);
            order: var(--order);
  }
}
@media only screen and (min-width: 1200px) {
  .onlarger-order-1, [data-onlarger-order="1"] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .onlarger-order-2, [data-onlarger-order="2"] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .onlarger-order-3, [data-onlarger-order="3"] {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .onlarger-order-4, [data-onlarger-order="4"] {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .onlarger-order-5, [data-onlarger-order="5"] {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .onlarger-order-6, [data-onlarger-order="6"] {
    -webkit-box-ordinal-group: var(--order);
        -ms-flex-order: var(--order);
            order: var(--order);
  }
}
/*
    .w100, .w100-each > *
    [data-w=100], [data-w=100-each] > * {
        width: 100%;
    }
*/
.fw,
.fw-each > *,
.w100,
.w100-each > *,
[data-w="100"],
[data-w="100-each"] > * {
  width: 100%;
}

/*
    .h100, .h100-each > *
    [data-h=100], [data-h=100-each] > * {
        height: 100%;
    }
*/
.fh,
.fh-each > *,
.h100,
.h100-each > *,
[data-h="100"],
[data-h="100-each"] > *, html:not([data-default]), body:not([data-default]) {
  height: 100%;
}

.w-auto {
  width: auto;
}

.h-auto, img.responsive, video.responsive {
  height: auto;
}

img.cover, video.cover {
  -o-object-fit: cover;
     object-fit: cover;
}

canvas.responsive, img.responsive, video.responsive {
  max-width: 100%;
}

h6:not([data-default]), h6.flex-sys, .flex-sys.h6:not([data-default]), .flex-sys.h6, h5:not([data-default]), h5.flex-sys, .flex-sys.h5:not([data-default]), .flex-sys.h5, h4:not([data-default]), h4.flex-sys, .flex-sys.h4:not([data-default]), .flex-sys.h4, h3:not([data-default]), h3.flex-sys, .flex-sys.h3:not([data-default]), .flex-sys.h3, h2:not([data-default]), h2.flex-sys, .flex-sys.h2:not([data-default]), .flex-sys.h2, h1:not([data-default]), h1.flex-sys, .flex-sys.h1:not([data-default]), .flex-sys.h1 {
  font-weight: 300;
}

h6:not([data-default]), h6.flex-sys, .flex-sys.h6:not([data-default]), .flex-sys.h6.flex-sys {
  font-size: calc(var(--amount) + 0.99vw);
}

h5:not([data-default]), h5.flex-sys, .flex-sys.h5:not([data-default]), .flex-sys.h5.flex-sys {
  font-size: calc(var(--amount) + 1.98vw);
}

h4:not([data-default]), h4.flex-sys, .flex-sys.h4:not([data-default]), .flex-sys.h4.flex-sys {
  font-size: calc(var(--amount) + 2.97vw);
}

h3:not([data-default]), h3.flex-sys, .flex-sys.h3:not([data-default]), .flex-sys.h3.flex-sys {
  font-size: calc(var(--amount) + 3.96vw);
}

h2:not([data-default]), h2.flex-sys, .flex-sys.h2:not([data-default]), .flex-sys.h2.flex-sys {
  font-size: calc(var(--amount) + 4.95vw);
}

h1:not([data-default]), h1.flex-sys, .flex-sys.h1:not([data-default]), .flex-sys.h1.flex-sys {
  font-size: calc(var(--amount) + 5.94vw);
}

/*responsive paragraph*/
p.responsive {
  font-size: calc(var(--p-amount) + .1vw);
}

.none, [data-display="none"] {
  display: none;
}

.display, .display-each > *, [data-display="flex"], [data-display-each="flex"] > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.display.inline-flex, .display-each > .inline-flex, [data-display="inline-flex"], [data-display-each="inline-flex"] > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.display.block, .display-each > .block, [data-display="block"], [data-display-each="block"] > * {
  display: block;
}

.display.inline-block, .display-each > .inline-block, [data-display="inline-block"], [data-display-each="inline-block"] > * {
  display: inline-block;
}

.display.initial, .display-each > .initial, [data-display="initial"], [data-display-each="initial"] > * {
  display: initial;
}

@media only screen and (max-width: 600px) {
  .display-onsmall,
  [data-display-onsmall="flex"],
  [data-display-each-onsmall="flex"] > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .display-onsmall.inline-flex,
  [data-display-onsmall="inline-flex"],
  [data-display-each-onsmall="inline-flex"] > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .display-onsmall.block,
  [data-display-onsmall="block"],
  [data-display-each-onsmall="block"] > * {
    display: block;
  }

  .display-onsmall.inline-block,
  [data-display-onsmall="inline-block"],
  [data-display-each-onsmall="inline-block"] > * {
    display: inline-block;
  }

  .display-onsmall.initial,
  [data-display-onsmall="initial"],
  [data-display-each-onsmall="initial"] > * {
    display: initial;
  }
}
@media only screen and (min-width: 601px) and (max-width: 991.99px) {
  .display-onmedium,
  [data-display-onmedium="flex"],
  [data-display-each-onmedium="flex"] > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .display-onmedium.inline-flex,
  [data-display-onmedium="inline-flex"],
  [data-display-each-onmedium="inline-flex"] > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .display-onmedium.block,
  [data-display-onmedium="block"],
  [data-display-each-onmedium="block"] > * {
    display: block;
  }

  .display-onmedium.inline-block,
  [data-display-onmedium="inline-block"],
  [data-display-each-onmedium="inline-block"] > * {
    display: inline-block;
  }

  .display-onmedium.initial,
  [data-display-onmedium="initial"],
  [data-display-each-onmedium="initial"] > * {
    display: initial;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.99px) {
  .display-onlarge,
  [data-display-onlarge="flex"],
  [data-display-each-onlarge="flex"] > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .display-onlarge.inline-flex,
  [data-display-onlarge="inline-flex"],
  [data-display-each-onlarge="inline-flex"] > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .display-onlarge.block,
  [data-display-onlarge="block"],
  [data-display-each-onlarge="block"] > * {
    display: block;
  }

  .display-onlarge.inline-block,
  [data-display-onlarge="inline-block"],
  [data-display-each-onlarge="inline-block"] > * {
    display: inline-block;
  }

  .display-onlarge.initial,
  [data-display-onlarge="initial"],
  [data-display-each-onlarge="initial"] > * {
    display: initial;
  }
}
@media only screen and (min-width: 601px) {
  .display-from-medium,
  [data-display-from-medium="flex"],
  [data-display-each-from-medium="flex"] > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .display-from-medium.inline-flex,
  [data-display-from-medium="inline-flex"]
  [data-display-each-from-medium="inline-flex"] > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .display-from-medium.block,
  [data-display-from-medium="block"]
  [data-display-each-from-medium="block"] > * {
    display: block;
  }

  .display-from-medium.inline-block,
  [data-display-from-medium="inline-block"]
  [data-display-each-from-medium="inline-block"] > * {
    display: inline-block;
  }

  .display-from-medium.initial,
  [data-display-from-medium="initial"]
  [data-display-each-from-medium="initial"] > * {
    display: initial;
  }
}
@media only screen and (min-width: 992px) {
  .display-from-large,
  [data-display-from-large="flex"]
  [data-display-each-from-large="flex"] > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .display-from-large.inline-flex,
  [data-display-from-large="inline-flex"]
  [data-display-each-from-large="inline-flex"] > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .display-from-large.block,
  [data-display-from-large="block"]
  [data-display-each-from-large="block"] > * {
    display: block;
  }

  .display-from-large.inline-block,
  [data-display-from-large="inline-block"]
  [data-display-each-from-large="inline-block"] > * {
    display: inline-block;
  }

  .display-from-large.initial,
  [data-display-from-large="initial"]
  [data-display-each-from-large="initial"] > * {
    display: initial;
  }
}
@media only screen and (min-width: 1200px) {
  .display-from-larger,
  [data-display-from-larger="flex"]
  [data-display-each-from-larger="flex"] > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .display-from-larger.inline-flex,
  [data-display-from-larger="inline-flex"]
  [data-display-each-from-larger="flex"] > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .display-from-larger.block,
  [data-display-from-larger="block"]
  [data-display-each-from-larger="block"] > * {
    display: block;
  }

  .display-from-larger.inline-block,
  [data-display-from-larger="inline-block"]
  [data-display-each-from-larger="inline-block"] > * {
    display: inline-block;
  }

  .display-from-larger.initial,
  [data-display-from-larger="initial"]
  [data-display-each-from-larger="initial"] > * {
    display: initial;
  }
}