/* === Framework */
/* === Mixins & Helpers */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: translateZ(0) rotate(0);
            transform: translateZ(0) rotate(0); }
  100% {
    -webkit-transform: translateZ(0) rotate(360deg);
            transform: translateZ(0) rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: translateZ(0) rotate(0);
            transform: translateZ(0) rotate(0); }
  100% {
    -webkit-transform: translateZ(0) rotate(360deg);
            transform: translateZ(0) rotate(360deg); } }

@-webkit-keyframes spin-center {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) rotate(0);
            transform: translate(-50%, -50%) translateZ(0) rotate(0); }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) rotate(360deg);
            transform: translate(-50%, -50%) translateZ(0) rotate(360deg); } }

@keyframes spin-center {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) rotate(0);
            transform: translate(-50%, -50%) translateZ(0) rotate(0); }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) rotate(360deg);
            transform: translate(-50%, -50%) translateZ(0) rotate(360deg); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* === Base Theme */
:root {
  --color--black: #000000;
  --color--black--rgb: 0, 0, 0;
  --color--pink: #e84093;
  --color--pink--rgb: 232, 64, 147;
  --color--blue: #00adef;
  --color--blue--rgb: 0, 173, 239;
  --color--white: #FFFFFF;
  --color--white--rgb: 255, 255, 255; }

.text-justify {
  text-align: justify !important; }

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

.text-lowercase {
  text-transform: lowercase !important; }

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

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

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

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

.font-weight-semibold {
  font-weight: 600 !important; }

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

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

@media screen and (min-width: 1px) {
  .text-left {
    text-align: left !important; }
  .text-right {
    text-align: right !important; }
  .text-center {
    text-align: center !important; }
  .d-none {
    display: none !important; }
  .d-inline {
    display: inline !important; }
  .d-inline-block {
    display: inline-block !important; }
  .d-block {
    display: block !important; }
  .d-table {
    display: table !important; }
  .d-table-row {
    display: table-row !important; }
  .d-table-cell {
    display: table-cell !important; }
  .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; }
  .col-1 {
    grid-template-columns: repeat(1, 1fr); }
    .col-1 > .span-1 {
      width: 100%; }
      @supports (grid-column-end: span 1) {
        .col-1 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-1 > .span-offset-1 {
        grid-column-end: span 1; } }
  .col-2 {
    grid-template-columns: repeat(2, 1fr); }
    .col-2 > .span-1 {
      width: 50%; }
      @supports (grid-column-end: span 1) {
        .col-2 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-2 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-2 > .span-2 {
      width: 100%; }
      @supports (grid-column-end: span 2) {
        .col-2 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-2 > .span-offset-2 {
        grid-column-end: span 2; } }
  .col-3 {
    grid-template-columns: repeat(3, 1fr); }
    .col-3 > .span-1 {
      width: 33.33333%; }
      @supports (grid-column-end: span 1) {
        .col-3 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-3 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-3 > .span-2 {
      width: 66.66667%; }
      @supports (grid-column-end: span 2) {
        .col-3 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-3 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-3 > .span-3 {
      width: 100%; }
      @supports (grid-column-end: span 3) {
        .col-3 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-3 > .span-offset-3 {
        grid-column-end: span 3; } }
  .col-4 {
    grid-template-columns: repeat(4, 1fr); }
    .col-4 > .span-1 {
      width: 25%; }
      @supports (grid-column-end: span 1) {
        .col-4 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-4 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-4 > .span-2 {
      width: 50%; }
      @supports (grid-column-end: span 2) {
        .col-4 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-4 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-4 > .span-3 {
      width: 75%; }
      @supports (grid-column-end: span 3) {
        .col-4 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-4 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-4 > .span-4 {
      width: 100%; }
      @supports (grid-column-end: span 4) {
        .col-4 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-4 > .span-offset-4 {
        grid-column-end: span 4; } }
  .col-5 {
    grid-template-columns: repeat(5, 1fr); }
    .col-5 > .span-1 {
      width: 20%; }
      @supports (grid-column-end: span 1) {
        .col-5 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-5 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-5 > .span-2 {
      width: 40%; }
      @supports (grid-column-end: span 2) {
        .col-5 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-5 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-5 > .span-3 {
      width: 60%; }
      @supports (grid-column-end: span 3) {
        .col-5 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-5 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-5 > .span-4 {
      width: 80%; }
      @supports (grid-column-end: span 4) {
        .col-5 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-5 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-5 > .span-5 {
      width: 100%; }
      @supports (grid-column-end: span 5) {
        .col-5 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-5 > .span-offset-5 {
        grid-column-end: span 5; } }
  .col-6 {
    grid-template-columns: repeat(6, 1fr); }
    .col-6 > .span-1 {
      width: 16.66667%; }
      @supports (grid-column-end: span 1) {
        .col-6 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-6 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-6 > .span-2 {
      width: 33.33333%; }
      @supports (grid-column-end: span 2) {
        .col-6 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-6 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-6 > .span-3 {
      width: 50%; }
      @supports (grid-column-end: span 3) {
        .col-6 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-6 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-6 > .span-4 {
      width: 66.66667%; }
      @supports (grid-column-end: span 4) {
        .col-6 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-6 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-6 > .span-5 {
      width: 83.33333%; }
      @supports (grid-column-end: span 5) {
        .col-6 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-6 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-6 > .span-6 {
      width: 100%; }
      @supports (grid-column-end: span 6) {
        .col-6 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-6 > .span-offset-6 {
        grid-column-end: span 6; } }
  .col-7 {
    grid-template-columns: repeat(7, 1fr); }
    .col-7 > .span-1 {
      width: 14.28571%; }
      @supports (grid-column-end: span 1) {
        .col-7 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-7 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-7 > .span-2 {
      width: 28.57143%; }
      @supports (grid-column-end: span 2) {
        .col-7 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-7 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-7 > .span-3 {
      width: 42.85714%; }
      @supports (grid-column-end: span 3) {
        .col-7 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-7 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-7 > .span-4 {
      width: 57.14286%; }
      @supports (grid-column-end: span 4) {
        .col-7 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-7 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-7 > .span-5 {
      width: 71.42857%; }
      @supports (grid-column-end: span 5) {
        .col-7 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-7 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-7 > .span-6 {
      width: 85.71429%; }
      @supports (grid-column-end: span 6) {
        .col-7 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-7 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-7 > .span-7 {
      width: 100%; }
      @supports (grid-column-end: span 7) {
        .col-7 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-7 > .span-offset-7 {
        grid-column-end: span 7; } }
  .col-8 {
    grid-template-columns: repeat(8, 1fr); }
    .col-8 > .span-1 {
      width: 12.5%; }
      @supports (grid-column-end: span 1) {
        .col-8 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-8 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-8 > .span-2 {
      width: 25%; }
      @supports (grid-column-end: span 2) {
        .col-8 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-8 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-8 > .span-3 {
      width: 37.5%; }
      @supports (grid-column-end: span 3) {
        .col-8 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-8 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-8 > .span-4 {
      width: 50%; }
      @supports (grid-column-end: span 4) {
        .col-8 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-8 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-8 > .span-5 {
      width: 62.5%; }
      @supports (grid-column-end: span 5) {
        .col-8 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-8 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-8 > .span-6 {
      width: 75%; }
      @supports (grid-column-end: span 6) {
        .col-8 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-8 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-8 > .span-7 {
      width: 87.5%; }
      @supports (grid-column-end: span 7) {
        .col-8 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-8 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-8 > .span-8 {
      width: 100%; }
      @supports (grid-column-end: span 8) {
        .col-8 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-8 > .span-offset-8 {
        grid-column-end: span 8; } }
  .col-9 {
    grid-template-columns: repeat(9, 1fr); }
    .col-9 > .span-1 {
      width: 11.11111%; }
      @supports (grid-column-end: span 1) {
        .col-9 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-9 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-9 > .span-2 {
      width: 22.22222%; }
      @supports (grid-column-end: span 2) {
        .col-9 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-9 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-9 > .span-3 {
      width: 33.33333%; }
      @supports (grid-column-end: span 3) {
        .col-9 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-9 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-9 > .span-4 {
      width: 44.44444%; }
      @supports (grid-column-end: span 4) {
        .col-9 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-9 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-9 > .span-5 {
      width: 55.55556%; }
      @supports (grid-column-end: span 5) {
        .col-9 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-9 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-9 > .span-6 {
      width: 66.66667%; }
      @supports (grid-column-end: span 6) {
        .col-9 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-9 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-9 > .span-7 {
      width: 77.77778%; }
      @supports (grid-column-end: span 7) {
        .col-9 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-9 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-9 > .span-8 {
      width: 88.88889%; }
      @supports (grid-column-end: span 8) {
        .col-9 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-9 > .span-offset-8 {
        grid-column-end: span 8; } }
    .col-9 > .span-9 {
      width: 100%; }
      @supports (grid-column-end: span 9) {
        .col-9 > .span-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-9 > .span-offset-9 {
        grid-column-end: span 9; } }
  .col-10 {
    grid-template-columns: repeat(10, 1fr); }
    .col-10 > .span-1 {
      width: 10%; }
      @supports (grid-column-end: span 1) {
        .col-10 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-10 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-10 > .span-2 {
      width: 20%; }
      @supports (grid-column-end: span 2) {
        .col-10 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-10 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-10 > .span-3 {
      width: 30%; }
      @supports (grid-column-end: span 3) {
        .col-10 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-10 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-10 > .span-4 {
      width: 40%; }
      @supports (grid-column-end: span 4) {
        .col-10 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-10 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-10 > .span-5 {
      width: 50%; }
      @supports (grid-column-end: span 5) {
        .col-10 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-10 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-10 > .span-6 {
      width: 60%; }
      @supports (grid-column-end: span 6) {
        .col-10 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-10 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-10 > .span-7 {
      width: 70%; }
      @supports (grid-column-end: span 7) {
        .col-10 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-10 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-10 > .span-8 {
      width: 80%; }
      @supports (grid-column-end: span 8) {
        .col-10 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-10 > .span-offset-8 {
        grid-column-end: span 8; } }
    .col-10 > .span-9 {
      width: 90%; }
      @supports (grid-column-end: span 9) {
        .col-10 > .span-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-10 > .span-offset-9 {
        grid-column-end: span 9; } }
    .col-10 > .span-10 {
      width: 100%; }
      @supports (grid-column-end: span 10) {
        .col-10 > .span-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-10 > .span-offset-10 {
        grid-column-end: span 10; } }
  .col-11 {
    grid-template-columns: repeat(11, 1fr); }
    .col-11 > .span-1 {
      width: 9.09091%; }
      @supports (grid-column-end: span 1) {
        .col-11 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-11 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-11 > .span-2 {
      width: 18.18182%; }
      @supports (grid-column-end: span 2) {
        .col-11 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-11 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-11 > .span-3 {
      width: 27.27273%; }
      @supports (grid-column-end: span 3) {
        .col-11 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-11 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-11 > .span-4 {
      width: 36.36364%; }
      @supports (grid-column-end: span 4) {
        .col-11 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-11 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-11 > .span-5 {
      width: 45.45455%; }
      @supports (grid-column-end: span 5) {
        .col-11 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-11 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-11 > .span-6 {
      width: 54.54545%; }
      @supports (grid-column-end: span 6) {
        .col-11 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-11 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-11 > .span-7 {
      width: 63.63636%; }
      @supports (grid-column-end: span 7) {
        .col-11 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-11 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-11 > .span-8 {
      width: 72.72727%; }
      @supports (grid-column-end: span 8) {
        .col-11 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-11 > .span-offset-8 {
        grid-column-end: span 8; } }
    .col-11 > .span-9 {
      width: 81.81818%; }
      @supports (grid-column-end: span 9) {
        .col-11 > .span-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-11 > .span-offset-9 {
        grid-column-end: span 9; } }
    .col-11 > .span-10 {
      width: 90.90909%; }
      @supports (grid-column-end: span 10) {
        .col-11 > .span-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-11 > .span-offset-10 {
        grid-column-end: span 10; } }
    .col-11 > .span-11 {
      width: 100%; }
      @supports (grid-column-end: span 11) {
        .col-11 > .span-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-11 > .span-offset-11 {
        grid-column-end: span 11; } }
  .col-12 {
    grid-template-columns: repeat(12, 1fr); }
    .col-12 > .span-1 {
      width: 8.33333%; }
      @supports (grid-column-end: span 1) {
        .col-12 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-12 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-12 > .span-2 {
      width: 16.66667%; }
      @supports (grid-column-end: span 2) {
        .col-12 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-12 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-12 > .span-3 {
      width: 25%; }
      @supports (grid-column-end: span 3) {
        .col-12 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-12 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-12 > .span-4 {
      width: 33.33333%; }
      @supports (grid-column-end: span 4) {
        .col-12 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-12 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-12 > .span-5 {
      width: 41.66667%; }
      @supports (grid-column-end: span 5) {
        .col-12 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-12 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-12 > .span-6 {
      width: 50%; }
      @supports (grid-column-end: span 6) {
        .col-12 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-12 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-12 > .span-7 {
      width: 58.33333%; }
      @supports (grid-column-end: span 7) {
        .col-12 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-12 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-12 > .span-8 {
      width: 66.66667%; }
      @supports (grid-column-end: span 8) {
        .col-12 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-12 > .span-offset-8 {
        grid-column-end: span 8; } }
    .col-12 > .span-9 {
      width: 75%; }
      @supports (grid-column-end: span 9) {
        .col-12 > .span-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-12 > .span-offset-9 {
        grid-column-end: span 9; } }
    .col-12 > .span-10 {
      width: 83.33333%; }
      @supports (grid-column-end: span 10) {
        .col-12 > .span-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-12 > .span-offset-10 {
        grid-column-end: span 10; } }
    .col-12 > .span-11 {
      width: 91.66667%; }
      @supports (grid-column-end: span 11) {
        .col-12 > .span-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-12 > .span-offset-11 {
        grid-column-end: span 11; } }
    .col-12 > .span-12 {
      width: 100%; }
      @supports (grid-column-end: span 12) {
        .col-12 > .span-12 {
          grid-column-end: span 12; } }
    @supports (grid-column-end: span 12) {
      .col-12 > .span-offset-12 {
        grid-column-end: span 12; } }
  .col-3 .js-in:nth-child(3n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-3 .js-in:nth-child(3n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-3 .js-in:nth-child(3n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-4 .js-in:nth-child(4n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-4 .js-in:nth-child(4n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-4 .js-in:nth-child(4n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-4 .js-in:nth-child(4n + 4) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s; } }

@media screen and (min-width: zero) {
  .text-left {
    text-align: left !important; }
  .text-right {
    text-align: right !important; }
  .text-center {
    text-align: center !important; }
  .d-none {
    display: none !important; }
  .d-inline {
    display: inline !important; }
  .d-inline-block {
    display: inline-block !important; }
  .d-block {
    display: block !important; }
  .d-table {
    display: table !important; }
  .d-table-row {
    display: table-row !important; }
  .d-table-cell {
    display: table-cell !important; }
  .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; }
  .col-1 {
    grid-template-columns: repeat(1, 1fr); }
    .col-1 > .span-1 {
      width: 100%; }
      @supports (grid-column-end: span 1) {
        .col-1 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-1 > .span-offset-1 {
        grid-column-end: span 1; } }
  .col-2 {
    grid-template-columns: repeat(2, 1fr); }
    .col-2 > .span-1 {
      width: 50%; }
      @supports (grid-column-end: span 1) {
        .col-2 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-2 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-2 > .span-2 {
      width: 100%; }
      @supports (grid-column-end: span 2) {
        .col-2 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-2 > .span-offset-2 {
        grid-column-end: span 2; } }
  .col-3 {
    grid-template-columns: repeat(3, 1fr); }
    .col-3 > .span-1 {
      width: 33.33333%; }
      @supports (grid-column-end: span 1) {
        .col-3 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-3 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-3 > .span-2 {
      width: 66.66667%; }
      @supports (grid-column-end: span 2) {
        .col-3 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-3 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-3 > .span-3 {
      width: 100%; }
      @supports (grid-column-end: span 3) {
        .col-3 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-3 > .span-offset-3 {
        grid-column-end: span 3; } }
  .col-4 {
    grid-template-columns: repeat(4, 1fr); }
    .col-4 > .span-1 {
      width: 25%; }
      @supports (grid-column-end: span 1) {
        .col-4 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-4 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-4 > .span-2 {
      width: 50%; }
      @supports (grid-column-end: span 2) {
        .col-4 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-4 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-4 > .span-3 {
      width: 75%; }
      @supports (grid-column-end: span 3) {
        .col-4 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-4 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-4 > .span-4 {
      width: 100%; }
      @supports (grid-column-end: span 4) {
        .col-4 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-4 > .span-offset-4 {
        grid-column-end: span 4; } }
  .col-5 {
    grid-template-columns: repeat(5, 1fr); }
    .col-5 > .span-1 {
      width: 20%; }
      @supports (grid-column-end: span 1) {
        .col-5 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-5 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-5 > .span-2 {
      width: 40%; }
      @supports (grid-column-end: span 2) {
        .col-5 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-5 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-5 > .span-3 {
      width: 60%; }
      @supports (grid-column-end: span 3) {
        .col-5 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-5 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-5 > .span-4 {
      width: 80%; }
      @supports (grid-column-end: span 4) {
        .col-5 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-5 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-5 > .span-5 {
      width: 100%; }
      @supports (grid-column-end: span 5) {
        .col-5 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-5 > .span-offset-5 {
        grid-column-end: span 5; } }
  .col-6 {
    grid-template-columns: repeat(6, 1fr); }
    .col-6 > .span-1 {
      width: 16.66667%; }
      @supports (grid-column-end: span 1) {
        .col-6 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-6 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-6 > .span-2 {
      width: 33.33333%; }
      @supports (grid-column-end: span 2) {
        .col-6 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-6 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-6 > .span-3 {
      width: 50%; }
      @supports (grid-column-end: span 3) {
        .col-6 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-6 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-6 > .span-4 {
      width: 66.66667%; }
      @supports (grid-column-end: span 4) {
        .col-6 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-6 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-6 > .span-5 {
      width: 83.33333%; }
      @supports (grid-column-end: span 5) {
        .col-6 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-6 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-6 > .span-6 {
      width: 100%; }
      @supports (grid-column-end: span 6) {
        .col-6 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-6 > .span-offset-6 {
        grid-column-end: span 6; } }
  .col-7 {
    grid-template-columns: repeat(7, 1fr); }
    .col-7 > .span-1 {
      width: 14.28571%; }
      @supports (grid-column-end: span 1) {
        .col-7 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-7 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-7 > .span-2 {
      width: 28.57143%; }
      @supports (grid-column-end: span 2) {
        .col-7 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-7 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-7 > .span-3 {
      width: 42.85714%; }
      @supports (grid-column-end: span 3) {
        .col-7 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-7 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-7 > .span-4 {
      width: 57.14286%; }
      @supports (grid-column-end: span 4) {
        .col-7 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-7 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-7 > .span-5 {
      width: 71.42857%; }
      @supports (grid-column-end: span 5) {
        .col-7 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-7 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-7 > .span-6 {
      width: 85.71429%; }
      @supports (grid-column-end: span 6) {
        .col-7 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-7 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-7 > .span-7 {
      width: 100%; }
      @supports (grid-column-end: span 7) {
        .col-7 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-7 > .span-offset-7 {
        grid-column-end: span 7; } }
  .col-8 {
    grid-template-columns: repeat(8, 1fr); }
    .col-8 > .span-1 {
      width: 12.5%; }
      @supports (grid-column-end: span 1) {
        .col-8 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-8 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-8 > .span-2 {
      width: 25%; }
      @supports (grid-column-end: span 2) {
        .col-8 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-8 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-8 > .span-3 {
      width: 37.5%; }
      @supports (grid-column-end: span 3) {
        .col-8 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-8 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-8 > .span-4 {
      width: 50%; }
      @supports (grid-column-end: span 4) {
        .col-8 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-8 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-8 > .span-5 {
      width: 62.5%; }
      @supports (grid-column-end: span 5) {
        .col-8 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-8 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-8 > .span-6 {
      width: 75%; }
      @supports (grid-column-end: span 6) {
        .col-8 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-8 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-8 > .span-7 {
      width: 87.5%; }
      @supports (grid-column-end: span 7) {
        .col-8 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-8 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-8 > .span-8 {
      width: 100%; }
      @supports (grid-column-end: span 8) {
        .col-8 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-8 > .span-offset-8 {
        grid-column-end: span 8; } }
  .col-9 {
    grid-template-columns: repeat(9, 1fr); }
    .col-9 > .span-1 {
      width: 11.11111%; }
      @supports (grid-column-end: span 1) {
        .col-9 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-9 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-9 > .span-2 {
      width: 22.22222%; }
      @supports (grid-column-end: span 2) {
        .col-9 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-9 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-9 > .span-3 {
      width: 33.33333%; }
      @supports (grid-column-end: span 3) {
        .col-9 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-9 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-9 > .span-4 {
      width: 44.44444%; }
      @supports (grid-column-end: span 4) {
        .col-9 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-9 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-9 > .span-5 {
      width: 55.55556%; }
      @supports (grid-column-end: span 5) {
        .col-9 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-9 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-9 > .span-6 {
      width: 66.66667%; }
      @supports (grid-column-end: span 6) {
        .col-9 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-9 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-9 > .span-7 {
      width: 77.77778%; }
      @supports (grid-column-end: span 7) {
        .col-9 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-9 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-9 > .span-8 {
      width: 88.88889%; }
      @supports (grid-column-end: span 8) {
        .col-9 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-9 > .span-offset-8 {
        grid-column-end: span 8; } }
    .col-9 > .span-9 {
      width: 100%; }
      @supports (grid-column-end: span 9) {
        .col-9 > .span-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-9 > .span-offset-9 {
        grid-column-end: span 9; } }
  .col-10 {
    grid-template-columns: repeat(10, 1fr); }
    .col-10 > .span-1 {
      width: 10%; }
      @supports (grid-column-end: span 1) {
        .col-10 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-10 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-10 > .span-2 {
      width: 20%; }
      @supports (grid-column-end: span 2) {
        .col-10 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-10 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-10 > .span-3 {
      width: 30%; }
      @supports (grid-column-end: span 3) {
        .col-10 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-10 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-10 > .span-4 {
      width: 40%; }
      @supports (grid-column-end: span 4) {
        .col-10 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-10 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-10 > .span-5 {
      width: 50%; }
      @supports (grid-column-end: span 5) {
        .col-10 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-10 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-10 > .span-6 {
      width: 60%; }
      @supports (grid-column-end: span 6) {
        .col-10 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-10 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-10 > .span-7 {
      width: 70%; }
      @supports (grid-column-end: span 7) {
        .col-10 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-10 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-10 > .span-8 {
      width: 80%; }
      @supports (grid-column-end: span 8) {
        .col-10 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-10 > .span-offset-8 {
        grid-column-end: span 8; } }
    .col-10 > .span-9 {
      width: 90%; }
      @supports (grid-column-end: span 9) {
        .col-10 > .span-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-10 > .span-offset-9 {
        grid-column-end: span 9; } }
    .col-10 > .span-10 {
      width: 100%; }
      @supports (grid-column-end: span 10) {
        .col-10 > .span-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-10 > .span-offset-10 {
        grid-column-end: span 10; } }
  .col-11 {
    grid-template-columns: repeat(11, 1fr); }
    .col-11 > .span-1 {
      width: 9.09091%; }
      @supports (grid-column-end: span 1) {
        .col-11 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-11 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-11 > .span-2 {
      width: 18.18182%; }
      @supports (grid-column-end: span 2) {
        .col-11 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-11 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-11 > .span-3 {
      width: 27.27273%; }
      @supports (grid-column-end: span 3) {
        .col-11 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-11 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-11 > .span-4 {
      width: 36.36364%; }
      @supports (grid-column-end: span 4) {
        .col-11 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-11 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-11 > .span-5 {
      width: 45.45455%; }
      @supports (grid-column-end: span 5) {
        .col-11 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-11 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-11 > .span-6 {
      width: 54.54545%; }
      @supports (grid-column-end: span 6) {
        .col-11 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-11 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-11 > .span-7 {
      width: 63.63636%; }
      @supports (grid-column-end: span 7) {
        .col-11 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-11 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-11 > .span-8 {
      width: 72.72727%; }
      @supports (grid-column-end: span 8) {
        .col-11 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-11 > .span-offset-8 {
        grid-column-end: span 8; } }
    .col-11 > .span-9 {
      width: 81.81818%; }
      @supports (grid-column-end: span 9) {
        .col-11 > .span-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-11 > .span-offset-9 {
        grid-column-end: span 9; } }
    .col-11 > .span-10 {
      width: 90.90909%; }
      @supports (grid-column-end: span 10) {
        .col-11 > .span-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-11 > .span-offset-10 {
        grid-column-end: span 10; } }
    .col-11 > .span-11 {
      width: 100%; }
      @supports (grid-column-end: span 11) {
        .col-11 > .span-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-11 > .span-offset-11 {
        grid-column-end: span 11; } }
  .col-12 {
    grid-template-columns: repeat(12, 1fr); }
    .col-12 > .span-1 {
      width: 8.33333%; }
      @supports (grid-column-end: span 1) {
        .col-12 > .span-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-12 > .span-offset-1 {
        grid-column-end: span 1; } }
    .col-12 > .span-2 {
      width: 16.66667%; }
      @supports (grid-column-end: span 2) {
        .col-12 > .span-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-12 > .span-offset-2 {
        grid-column-end: span 2; } }
    .col-12 > .span-3 {
      width: 25%; }
      @supports (grid-column-end: span 3) {
        .col-12 > .span-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-12 > .span-offset-3 {
        grid-column-end: span 3; } }
    .col-12 > .span-4 {
      width: 33.33333%; }
      @supports (grid-column-end: span 4) {
        .col-12 > .span-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-12 > .span-offset-4 {
        grid-column-end: span 4; } }
    .col-12 > .span-5 {
      width: 41.66667%; }
      @supports (grid-column-end: span 5) {
        .col-12 > .span-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-12 > .span-offset-5 {
        grid-column-end: span 5; } }
    .col-12 > .span-6 {
      width: 50%; }
      @supports (grid-column-end: span 6) {
        .col-12 > .span-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-12 > .span-offset-6 {
        grid-column-end: span 6; } }
    .col-12 > .span-7 {
      width: 58.33333%; }
      @supports (grid-column-end: span 7) {
        .col-12 > .span-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-12 > .span-offset-7 {
        grid-column-end: span 7; } }
    .col-12 > .span-8 {
      width: 66.66667%; }
      @supports (grid-column-end: span 8) {
        .col-12 > .span-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-12 > .span-offset-8 {
        grid-column-end: span 8; } }
    .col-12 > .span-9 {
      width: 75%; }
      @supports (grid-column-end: span 9) {
        .col-12 > .span-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-12 > .span-offset-9 {
        grid-column-end: span 9; } }
    .col-12 > .span-10 {
      width: 83.33333%; }
      @supports (grid-column-end: span 10) {
        .col-12 > .span-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-12 > .span-offset-10 {
        grid-column-end: span 10; } }
    .col-12 > .span-11 {
      width: 91.66667%; }
      @supports (grid-column-end: span 11) {
        .col-12 > .span-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-12 > .span-offset-11 {
        grid-column-end: span 11; } }
    .col-12 > .span-12 {
      width: 100%; }
      @supports (grid-column-end: span 12) {
        .col-12 > .span-12 {
          grid-column-end: span 12; } }
    @supports (grid-column-end: span 12) {
      .col-12 > .span-offset-12 {
        grid-column-end: span 12; } }
  .col-3 .js-in:nth-child(3n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-3 .js-in:nth-child(3n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-3 .js-in:nth-child(3n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-4 .js-in:nth-child(4n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-4 .js-in:nth-child(4n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-4 .js-in:nth-child(4n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-4 .js-in:nth-child(4n + 4) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s; } }

@media screen and (min-width: 376px) {
  .text-min-left {
    text-align: left !important; }
  .text-min-right {
    text-align: right !important; }
  .text-min-center {
    text-align: center !important; }
  .d-min-none {
    display: none !important; }
  .d-min-inline {
    display: inline !important; }
  .d-min-inline-block {
    display: inline-block !important; }
  .d-min-block {
    display: block !important; }
  .d-min-table {
    display: table !important; }
  .d-min-table-row {
    display: table-row !important; }
  .d-min-table-cell {
    display: table-cell !important; }
  .d-min-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-min-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .flex-min-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-min-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-min-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-min-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-min-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-min-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-min-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-min-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-min-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-min-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-min-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-min-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-min-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-min-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-min-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-min-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-min-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-min-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-min-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-min-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-min-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-min-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-min-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-min-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-min-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-min-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-min-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-min-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-min-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-min-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-min-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-min-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-min-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-min-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; }
  .col-min-1 {
    grid-template-columns: repeat(1, 1fr); }
    .col-min-1 > .span-min-1 {
      width: 100%; }
      @supports (grid-column-end: span 1) {
        .col-min-1 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-1 > .span-offset-min-1 {
        grid-column-end: span 1; } }
  .col-min-2 {
    grid-template-columns: repeat(2, 1fr); }
    .col-min-2 > .span-min-1 {
      width: 50%; }
      @supports (grid-column-end: span 1) {
        .col-min-2 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-2 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-2 > .span-min-2 {
      width: 100%; }
      @supports (grid-column-end: span 2) {
        .col-min-2 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-2 > .span-offset-min-2 {
        grid-column-end: span 2; } }
  .col-min-3 {
    grid-template-columns: repeat(3, 1fr); }
    .col-min-3 > .span-min-1 {
      width: 33.33333%; }
      @supports (grid-column-end: span 1) {
        .col-min-3 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-3 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-3 > .span-min-2 {
      width: 66.66667%; }
      @supports (grid-column-end: span 2) {
        .col-min-3 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-3 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-3 > .span-min-3 {
      width: 100%; }
      @supports (grid-column-end: span 3) {
        .col-min-3 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-3 > .span-offset-min-3 {
        grid-column-end: span 3; } }
  .col-min-4 {
    grid-template-columns: repeat(4, 1fr); }
    .col-min-4 > .span-min-1 {
      width: 25%; }
      @supports (grid-column-end: span 1) {
        .col-min-4 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-4 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-4 > .span-min-2 {
      width: 50%; }
      @supports (grid-column-end: span 2) {
        .col-min-4 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-4 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-4 > .span-min-3 {
      width: 75%; }
      @supports (grid-column-end: span 3) {
        .col-min-4 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-4 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-4 > .span-min-4 {
      width: 100%; }
      @supports (grid-column-end: span 4) {
        .col-min-4 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-4 > .span-offset-min-4 {
        grid-column-end: span 4; } }
  .col-min-5 {
    grid-template-columns: repeat(5, 1fr); }
    .col-min-5 > .span-min-1 {
      width: 20%; }
      @supports (grid-column-end: span 1) {
        .col-min-5 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-5 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-5 > .span-min-2 {
      width: 40%; }
      @supports (grid-column-end: span 2) {
        .col-min-5 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-5 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-5 > .span-min-3 {
      width: 60%; }
      @supports (grid-column-end: span 3) {
        .col-min-5 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-5 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-5 > .span-min-4 {
      width: 80%; }
      @supports (grid-column-end: span 4) {
        .col-min-5 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-5 > .span-offset-min-4 {
        grid-column-end: span 4; } }
    .col-min-5 > .span-min-5 {
      width: 100%; }
      @supports (grid-column-end: span 5) {
        .col-min-5 > .span-min-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-min-5 > .span-offset-min-5 {
        grid-column-end: span 5; } }
  .col-min-6 {
    grid-template-columns: repeat(6, 1fr); }
    .col-min-6 > .span-min-1 {
      width: 16.66667%; }
      @supports (grid-column-end: span 1) {
        .col-min-6 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-6 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-6 > .span-min-2 {
      width: 33.33333%; }
      @supports (grid-column-end: span 2) {
        .col-min-6 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-6 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-6 > .span-min-3 {
      width: 50%; }
      @supports (grid-column-end: span 3) {
        .col-min-6 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-6 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-6 > .span-min-4 {
      width: 66.66667%; }
      @supports (grid-column-end: span 4) {
        .col-min-6 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-6 > .span-offset-min-4 {
        grid-column-end: span 4; } }
    .col-min-6 > .span-min-5 {
      width: 83.33333%; }
      @supports (grid-column-end: span 5) {
        .col-min-6 > .span-min-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-min-6 > .span-offset-min-5 {
        grid-column-end: span 5; } }
    .col-min-6 > .span-min-6 {
      width: 100%; }
      @supports (grid-column-end: span 6) {
        .col-min-6 > .span-min-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-min-6 > .span-offset-min-6 {
        grid-column-end: span 6; } }
  .col-min-7 {
    grid-template-columns: repeat(7, 1fr); }
    .col-min-7 > .span-min-1 {
      width: 14.28571%; }
      @supports (grid-column-end: span 1) {
        .col-min-7 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-7 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-7 > .span-min-2 {
      width: 28.57143%; }
      @supports (grid-column-end: span 2) {
        .col-min-7 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-7 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-7 > .span-min-3 {
      width: 42.85714%; }
      @supports (grid-column-end: span 3) {
        .col-min-7 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-7 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-7 > .span-min-4 {
      width: 57.14286%; }
      @supports (grid-column-end: span 4) {
        .col-min-7 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-7 > .span-offset-min-4 {
        grid-column-end: span 4; } }
    .col-min-7 > .span-min-5 {
      width: 71.42857%; }
      @supports (grid-column-end: span 5) {
        .col-min-7 > .span-min-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-min-7 > .span-offset-min-5 {
        grid-column-end: span 5; } }
    .col-min-7 > .span-min-6 {
      width: 85.71429%; }
      @supports (grid-column-end: span 6) {
        .col-min-7 > .span-min-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-min-7 > .span-offset-min-6 {
        grid-column-end: span 6; } }
    .col-min-7 > .span-min-7 {
      width: 100%; }
      @supports (grid-column-end: span 7) {
        .col-min-7 > .span-min-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-min-7 > .span-offset-min-7 {
        grid-column-end: span 7; } }
  .col-min-8 {
    grid-template-columns: repeat(8, 1fr); }
    .col-min-8 > .span-min-1 {
      width: 12.5%; }
      @supports (grid-column-end: span 1) {
        .col-min-8 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-8 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-8 > .span-min-2 {
      width: 25%; }
      @supports (grid-column-end: span 2) {
        .col-min-8 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-8 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-8 > .span-min-3 {
      width: 37.5%; }
      @supports (grid-column-end: span 3) {
        .col-min-8 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-8 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-8 > .span-min-4 {
      width: 50%; }
      @supports (grid-column-end: span 4) {
        .col-min-8 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-8 > .span-offset-min-4 {
        grid-column-end: span 4; } }
    .col-min-8 > .span-min-5 {
      width: 62.5%; }
      @supports (grid-column-end: span 5) {
        .col-min-8 > .span-min-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-min-8 > .span-offset-min-5 {
        grid-column-end: span 5; } }
    .col-min-8 > .span-min-6 {
      width: 75%; }
      @supports (grid-column-end: span 6) {
        .col-min-8 > .span-min-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-min-8 > .span-offset-min-6 {
        grid-column-end: span 6; } }
    .col-min-8 > .span-min-7 {
      width: 87.5%; }
      @supports (grid-column-end: span 7) {
        .col-min-8 > .span-min-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-min-8 > .span-offset-min-7 {
        grid-column-end: span 7; } }
    .col-min-8 > .span-min-8 {
      width: 100%; }
      @supports (grid-column-end: span 8) {
        .col-min-8 > .span-min-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-min-8 > .span-offset-min-8 {
        grid-column-end: span 8; } }
  .col-min-9 {
    grid-template-columns: repeat(9, 1fr); }
    .col-min-9 > .span-min-1 {
      width: 11.11111%; }
      @supports (grid-column-end: span 1) {
        .col-min-9 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-9 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-9 > .span-min-2 {
      width: 22.22222%; }
      @supports (grid-column-end: span 2) {
        .col-min-9 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-9 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-9 > .span-min-3 {
      width: 33.33333%; }
      @supports (grid-column-end: span 3) {
        .col-min-9 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-9 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-9 > .span-min-4 {
      width: 44.44444%; }
      @supports (grid-column-end: span 4) {
        .col-min-9 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-9 > .span-offset-min-4 {
        grid-column-end: span 4; } }
    .col-min-9 > .span-min-5 {
      width: 55.55556%; }
      @supports (grid-column-end: span 5) {
        .col-min-9 > .span-min-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-min-9 > .span-offset-min-5 {
        grid-column-end: span 5; } }
    .col-min-9 > .span-min-6 {
      width: 66.66667%; }
      @supports (grid-column-end: span 6) {
        .col-min-9 > .span-min-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-min-9 > .span-offset-min-6 {
        grid-column-end: span 6; } }
    .col-min-9 > .span-min-7 {
      width: 77.77778%; }
      @supports (grid-column-end: span 7) {
        .col-min-9 > .span-min-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-min-9 > .span-offset-min-7 {
        grid-column-end: span 7; } }
    .col-min-9 > .span-min-8 {
      width: 88.88889%; }
      @supports (grid-column-end: span 8) {
        .col-min-9 > .span-min-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-min-9 > .span-offset-min-8 {
        grid-column-end: span 8; } }
    .col-min-9 > .span-min-9 {
      width: 100%; }
      @supports (grid-column-end: span 9) {
        .col-min-9 > .span-min-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-min-9 > .span-offset-min-9 {
        grid-column-end: span 9; } }
  .col-min-10 {
    grid-template-columns: repeat(10, 1fr); }
    .col-min-10 > .span-min-1 {
      width: 10%; }
      @supports (grid-column-end: span 1) {
        .col-min-10 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-10 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-10 > .span-min-2 {
      width: 20%; }
      @supports (grid-column-end: span 2) {
        .col-min-10 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-10 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-10 > .span-min-3 {
      width: 30%; }
      @supports (grid-column-end: span 3) {
        .col-min-10 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-10 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-10 > .span-min-4 {
      width: 40%; }
      @supports (grid-column-end: span 4) {
        .col-min-10 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-10 > .span-offset-min-4 {
        grid-column-end: span 4; } }
    .col-min-10 > .span-min-5 {
      width: 50%; }
      @supports (grid-column-end: span 5) {
        .col-min-10 > .span-min-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-min-10 > .span-offset-min-5 {
        grid-column-end: span 5; } }
    .col-min-10 > .span-min-6 {
      width: 60%; }
      @supports (grid-column-end: span 6) {
        .col-min-10 > .span-min-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-min-10 > .span-offset-min-6 {
        grid-column-end: span 6; } }
    .col-min-10 > .span-min-7 {
      width: 70%; }
      @supports (grid-column-end: span 7) {
        .col-min-10 > .span-min-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-min-10 > .span-offset-min-7 {
        grid-column-end: span 7; } }
    .col-min-10 > .span-min-8 {
      width: 80%; }
      @supports (grid-column-end: span 8) {
        .col-min-10 > .span-min-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-min-10 > .span-offset-min-8 {
        grid-column-end: span 8; } }
    .col-min-10 > .span-min-9 {
      width: 90%; }
      @supports (grid-column-end: span 9) {
        .col-min-10 > .span-min-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-min-10 > .span-offset-min-9 {
        grid-column-end: span 9; } }
    .col-min-10 > .span-min-10 {
      width: 100%; }
      @supports (grid-column-end: span 10) {
        .col-min-10 > .span-min-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-min-10 > .span-offset-min-10 {
        grid-column-end: span 10; } }
  .col-min-11 {
    grid-template-columns: repeat(11, 1fr); }
    .col-min-11 > .span-min-1 {
      width: 9.09091%; }
      @supports (grid-column-end: span 1) {
        .col-min-11 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-11 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-11 > .span-min-2 {
      width: 18.18182%; }
      @supports (grid-column-end: span 2) {
        .col-min-11 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-11 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-11 > .span-min-3 {
      width: 27.27273%; }
      @supports (grid-column-end: span 3) {
        .col-min-11 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-11 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-11 > .span-min-4 {
      width: 36.36364%; }
      @supports (grid-column-end: span 4) {
        .col-min-11 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-11 > .span-offset-min-4 {
        grid-column-end: span 4; } }
    .col-min-11 > .span-min-5 {
      width: 45.45455%; }
      @supports (grid-column-end: span 5) {
        .col-min-11 > .span-min-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-min-11 > .span-offset-min-5 {
        grid-column-end: span 5; } }
    .col-min-11 > .span-min-6 {
      width: 54.54545%; }
      @supports (grid-column-end: span 6) {
        .col-min-11 > .span-min-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-min-11 > .span-offset-min-6 {
        grid-column-end: span 6; } }
    .col-min-11 > .span-min-7 {
      width: 63.63636%; }
      @supports (grid-column-end: span 7) {
        .col-min-11 > .span-min-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-min-11 > .span-offset-min-7 {
        grid-column-end: span 7; } }
    .col-min-11 > .span-min-8 {
      width: 72.72727%; }
      @supports (grid-column-end: span 8) {
        .col-min-11 > .span-min-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-min-11 > .span-offset-min-8 {
        grid-column-end: span 8; } }
    .col-min-11 > .span-min-9 {
      width: 81.81818%; }
      @supports (grid-column-end: span 9) {
        .col-min-11 > .span-min-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-min-11 > .span-offset-min-9 {
        grid-column-end: span 9; } }
    .col-min-11 > .span-min-10 {
      width: 90.90909%; }
      @supports (grid-column-end: span 10) {
        .col-min-11 > .span-min-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-min-11 > .span-offset-min-10 {
        grid-column-end: span 10; } }
    .col-min-11 > .span-min-11 {
      width: 100%; }
      @supports (grid-column-end: span 11) {
        .col-min-11 > .span-min-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-min-11 > .span-offset-min-11 {
        grid-column-end: span 11; } }
  .col-min-12 {
    grid-template-columns: repeat(12, 1fr); }
    .col-min-12 > .span-min-1 {
      width: 8.33333%; }
      @supports (grid-column-end: span 1) {
        .col-min-12 > .span-min-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-min-12 > .span-offset-min-1 {
        grid-column-end: span 1; } }
    .col-min-12 > .span-min-2 {
      width: 16.66667%; }
      @supports (grid-column-end: span 2) {
        .col-min-12 > .span-min-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-min-12 > .span-offset-min-2 {
        grid-column-end: span 2; } }
    .col-min-12 > .span-min-3 {
      width: 25%; }
      @supports (grid-column-end: span 3) {
        .col-min-12 > .span-min-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-min-12 > .span-offset-min-3 {
        grid-column-end: span 3; } }
    .col-min-12 > .span-min-4 {
      width: 33.33333%; }
      @supports (grid-column-end: span 4) {
        .col-min-12 > .span-min-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-min-12 > .span-offset-min-4 {
        grid-column-end: span 4; } }
    .col-min-12 > .span-min-5 {
      width: 41.66667%; }
      @supports (grid-column-end: span 5) {
        .col-min-12 > .span-min-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-min-12 > .span-offset-min-5 {
        grid-column-end: span 5; } }
    .col-min-12 > .span-min-6 {
      width: 50%; }
      @supports (grid-column-end: span 6) {
        .col-min-12 > .span-min-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-min-12 > .span-offset-min-6 {
        grid-column-end: span 6; } }
    .col-min-12 > .span-min-7 {
      width: 58.33333%; }
      @supports (grid-column-end: span 7) {
        .col-min-12 > .span-min-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-min-12 > .span-offset-min-7 {
        grid-column-end: span 7; } }
    .col-min-12 > .span-min-8 {
      width: 66.66667%; }
      @supports (grid-column-end: span 8) {
        .col-min-12 > .span-min-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-min-12 > .span-offset-min-8 {
        grid-column-end: span 8; } }
    .col-min-12 > .span-min-9 {
      width: 75%; }
      @supports (grid-column-end: span 9) {
        .col-min-12 > .span-min-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-min-12 > .span-offset-min-9 {
        grid-column-end: span 9; } }
    .col-min-12 > .span-min-10 {
      width: 83.33333%; }
      @supports (grid-column-end: span 10) {
        .col-min-12 > .span-min-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-min-12 > .span-offset-min-10 {
        grid-column-end: span 10; } }
    .col-min-12 > .span-min-11 {
      width: 91.66667%; }
      @supports (grid-column-end: span 11) {
        .col-min-12 > .span-min-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-min-12 > .span-offset-min-11 {
        grid-column-end: span 11; } }
    .col-min-12 > .span-min-12 {
      width: 100%; }
      @supports (grid-column-end: span 12) {
        .col-min-12 > .span-min-12 {
          grid-column-end: span 12; } }
    @supports (grid-column-end: span 12) {
      .col-min-12 > .span-offset-min-12 {
        grid-column-end: span 12; } }
  .col-min-3 .js-in:nth-child(3n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-min-3 .js-in:nth-child(3n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-min-3 .js-in:nth-child(3n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-min-4 .js-in:nth-child(4n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-min-4 .js-in:nth-child(4n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-min-4 .js-in:nth-child(4n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-min-4 .js-in:nth-child(4n + 4) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s; } }

@media screen and (min-width: 641px) {
  .text-mobile-left {
    text-align: left !important; }
  .text-mobile-right {
    text-align: right !important; }
  .text-mobile-center {
    text-align: center !important; }
  .d-mobile-none {
    display: none !important; }
  .d-mobile-inline {
    display: inline !important; }
  .d-mobile-inline-block {
    display: inline-block !important; }
  .d-mobile-block {
    display: block !important; }
  .d-mobile-table {
    display: table !important; }
  .d-mobile-table-row {
    display: table-row !important; }
  .d-mobile-table-cell {
    display: table-cell !important; }
  .d-mobile-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-mobile-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .flex-mobile-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-mobile-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-mobile-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-mobile-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-mobile-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-mobile-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-mobile-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-mobile-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-mobile-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-mobile-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-mobile-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-mobile-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-mobile-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-mobile-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-mobile-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-mobile-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-mobile-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-mobile-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-mobile-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-mobile-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-mobile-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-mobile-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-mobile-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-mobile-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-mobile-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-mobile-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-mobile-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-mobile-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-mobile-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-mobile-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-mobile-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-mobile-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-mobile-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-mobile-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; }
  .col-mobile-1 {
    grid-template-columns: repeat(1, 1fr); }
    .col-mobile-1 > .span-mobile-1 {
      width: 100%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-1 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-1 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
  .col-mobile-2 {
    grid-template-columns: repeat(2, 1fr); }
    .col-mobile-2 > .span-mobile-1 {
      width: 50%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-2 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-2 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-2 > .span-mobile-2 {
      width: 100%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-2 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-2 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
  .col-mobile-3 {
    grid-template-columns: repeat(3, 1fr); }
    .col-mobile-3 > .span-mobile-1 {
      width: 33.33333%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-3 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-3 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-3 > .span-mobile-2 {
      width: 66.66667%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-3 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-3 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-3 > .span-mobile-3 {
      width: 100%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-3 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-3 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
  .col-mobile-4 {
    grid-template-columns: repeat(4, 1fr); }
    .col-mobile-4 > .span-mobile-1 {
      width: 25%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-4 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-4 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-4 > .span-mobile-2 {
      width: 50%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-4 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-4 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-4 > .span-mobile-3 {
      width: 75%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-4 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-4 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-4 > .span-mobile-4 {
      width: 100%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-4 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-4 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
  .col-mobile-5 {
    grid-template-columns: repeat(5, 1fr); }
    .col-mobile-5 > .span-mobile-1 {
      width: 20%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-5 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-5 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-5 > .span-mobile-2 {
      width: 40%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-5 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-5 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-5 > .span-mobile-3 {
      width: 60%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-5 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-5 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-5 > .span-mobile-4 {
      width: 80%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-5 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-5 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
    .col-mobile-5 > .span-mobile-5 {
      width: 100%; }
      @supports (grid-column-end: span 5) {
        .col-mobile-5 > .span-mobile-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-mobile-5 > .span-offset-mobile-5 {
        grid-column-end: span 5; } }
  .col-mobile-6 {
    grid-template-columns: repeat(6, 1fr); }
    .col-mobile-6 > .span-mobile-1 {
      width: 16.66667%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-6 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-6 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-6 > .span-mobile-2 {
      width: 33.33333%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-6 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-6 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-6 > .span-mobile-3 {
      width: 50%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-6 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-6 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-6 > .span-mobile-4 {
      width: 66.66667%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-6 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-6 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
    .col-mobile-6 > .span-mobile-5 {
      width: 83.33333%; }
      @supports (grid-column-end: span 5) {
        .col-mobile-6 > .span-mobile-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-mobile-6 > .span-offset-mobile-5 {
        grid-column-end: span 5; } }
    .col-mobile-6 > .span-mobile-6 {
      width: 100%; }
      @supports (grid-column-end: span 6) {
        .col-mobile-6 > .span-mobile-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-mobile-6 > .span-offset-mobile-6 {
        grid-column-end: span 6; } }
  .col-mobile-7 {
    grid-template-columns: repeat(7, 1fr); }
    .col-mobile-7 > .span-mobile-1 {
      width: 14.28571%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-7 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-7 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-7 > .span-mobile-2 {
      width: 28.57143%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-7 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-7 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-7 > .span-mobile-3 {
      width: 42.85714%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-7 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-7 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-7 > .span-mobile-4 {
      width: 57.14286%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-7 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-7 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
    .col-mobile-7 > .span-mobile-5 {
      width: 71.42857%; }
      @supports (grid-column-end: span 5) {
        .col-mobile-7 > .span-mobile-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-mobile-7 > .span-offset-mobile-5 {
        grid-column-end: span 5; } }
    .col-mobile-7 > .span-mobile-6 {
      width: 85.71429%; }
      @supports (grid-column-end: span 6) {
        .col-mobile-7 > .span-mobile-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-mobile-7 > .span-offset-mobile-6 {
        grid-column-end: span 6; } }
    .col-mobile-7 > .span-mobile-7 {
      width: 100%; }
      @supports (grid-column-end: span 7) {
        .col-mobile-7 > .span-mobile-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-mobile-7 > .span-offset-mobile-7 {
        grid-column-end: span 7; } }
  .col-mobile-8 {
    grid-template-columns: repeat(8, 1fr); }
    .col-mobile-8 > .span-mobile-1 {
      width: 12.5%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-8 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-8 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-8 > .span-mobile-2 {
      width: 25%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-8 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-8 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-8 > .span-mobile-3 {
      width: 37.5%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-8 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-8 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-8 > .span-mobile-4 {
      width: 50%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-8 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-8 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
    .col-mobile-8 > .span-mobile-5 {
      width: 62.5%; }
      @supports (grid-column-end: span 5) {
        .col-mobile-8 > .span-mobile-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-mobile-8 > .span-offset-mobile-5 {
        grid-column-end: span 5; } }
    .col-mobile-8 > .span-mobile-6 {
      width: 75%; }
      @supports (grid-column-end: span 6) {
        .col-mobile-8 > .span-mobile-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-mobile-8 > .span-offset-mobile-6 {
        grid-column-end: span 6; } }
    .col-mobile-8 > .span-mobile-7 {
      width: 87.5%; }
      @supports (grid-column-end: span 7) {
        .col-mobile-8 > .span-mobile-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-mobile-8 > .span-offset-mobile-7 {
        grid-column-end: span 7; } }
    .col-mobile-8 > .span-mobile-8 {
      width: 100%; }
      @supports (grid-column-end: span 8) {
        .col-mobile-8 > .span-mobile-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-mobile-8 > .span-offset-mobile-8 {
        grid-column-end: span 8; } }
  .col-mobile-9 {
    grid-template-columns: repeat(9, 1fr); }
    .col-mobile-9 > .span-mobile-1 {
      width: 11.11111%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-9 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-9 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-9 > .span-mobile-2 {
      width: 22.22222%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-9 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-9 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-9 > .span-mobile-3 {
      width: 33.33333%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-9 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-9 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-9 > .span-mobile-4 {
      width: 44.44444%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-9 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-9 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
    .col-mobile-9 > .span-mobile-5 {
      width: 55.55556%; }
      @supports (grid-column-end: span 5) {
        .col-mobile-9 > .span-mobile-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-mobile-9 > .span-offset-mobile-5 {
        grid-column-end: span 5; } }
    .col-mobile-9 > .span-mobile-6 {
      width: 66.66667%; }
      @supports (grid-column-end: span 6) {
        .col-mobile-9 > .span-mobile-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-mobile-9 > .span-offset-mobile-6 {
        grid-column-end: span 6; } }
    .col-mobile-9 > .span-mobile-7 {
      width: 77.77778%; }
      @supports (grid-column-end: span 7) {
        .col-mobile-9 > .span-mobile-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-mobile-9 > .span-offset-mobile-7 {
        grid-column-end: span 7; } }
    .col-mobile-9 > .span-mobile-8 {
      width: 88.88889%; }
      @supports (grid-column-end: span 8) {
        .col-mobile-9 > .span-mobile-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-mobile-9 > .span-offset-mobile-8 {
        grid-column-end: span 8; } }
    .col-mobile-9 > .span-mobile-9 {
      width: 100%; }
      @supports (grid-column-end: span 9) {
        .col-mobile-9 > .span-mobile-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-mobile-9 > .span-offset-mobile-9 {
        grid-column-end: span 9; } }
  .col-mobile-10 {
    grid-template-columns: repeat(10, 1fr); }
    .col-mobile-10 > .span-mobile-1 {
      width: 10%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-10 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-10 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-10 > .span-mobile-2 {
      width: 20%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-10 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-10 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-10 > .span-mobile-3 {
      width: 30%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-10 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-10 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-10 > .span-mobile-4 {
      width: 40%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-10 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-10 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
    .col-mobile-10 > .span-mobile-5 {
      width: 50%; }
      @supports (grid-column-end: span 5) {
        .col-mobile-10 > .span-mobile-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-mobile-10 > .span-offset-mobile-5 {
        grid-column-end: span 5; } }
    .col-mobile-10 > .span-mobile-6 {
      width: 60%; }
      @supports (grid-column-end: span 6) {
        .col-mobile-10 > .span-mobile-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-mobile-10 > .span-offset-mobile-6 {
        grid-column-end: span 6; } }
    .col-mobile-10 > .span-mobile-7 {
      width: 70%; }
      @supports (grid-column-end: span 7) {
        .col-mobile-10 > .span-mobile-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-mobile-10 > .span-offset-mobile-7 {
        grid-column-end: span 7; } }
    .col-mobile-10 > .span-mobile-8 {
      width: 80%; }
      @supports (grid-column-end: span 8) {
        .col-mobile-10 > .span-mobile-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-mobile-10 > .span-offset-mobile-8 {
        grid-column-end: span 8; } }
    .col-mobile-10 > .span-mobile-9 {
      width: 90%; }
      @supports (grid-column-end: span 9) {
        .col-mobile-10 > .span-mobile-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-mobile-10 > .span-offset-mobile-9 {
        grid-column-end: span 9; } }
    .col-mobile-10 > .span-mobile-10 {
      width: 100%; }
      @supports (grid-column-end: span 10) {
        .col-mobile-10 > .span-mobile-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-mobile-10 > .span-offset-mobile-10 {
        grid-column-end: span 10; } }
  .col-mobile-11 {
    grid-template-columns: repeat(11, 1fr); }
    .col-mobile-11 > .span-mobile-1 {
      width: 9.09091%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-11 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-11 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-11 > .span-mobile-2 {
      width: 18.18182%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-11 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-11 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-11 > .span-mobile-3 {
      width: 27.27273%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-11 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-11 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-11 > .span-mobile-4 {
      width: 36.36364%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-11 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-11 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
    .col-mobile-11 > .span-mobile-5 {
      width: 45.45455%; }
      @supports (grid-column-end: span 5) {
        .col-mobile-11 > .span-mobile-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-mobile-11 > .span-offset-mobile-5 {
        grid-column-end: span 5; } }
    .col-mobile-11 > .span-mobile-6 {
      width: 54.54545%; }
      @supports (grid-column-end: span 6) {
        .col-mobile-11 > .span-mobile-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-mobile-11 > .span-offset-mobile-6 {
        grid-column-end: span 6; } }
    .col-mobile-11 > .span-mobile-7 {
      width: 63.63636%; }
      @supports (grid-column-end: span 7) {
        .col-mobile-11 > .span-mobile-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-mobile-11 > .span-offset-mobile-7 {
        grid-column-end: span 7; } }
    .col-mobile-11 > .span-mobile-8 {
      width: 72.72727%; }
      @supports (grid-column-end: span 8) {
        .col-mobile-11 > .span-mobile-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-mobile-11 > .span-offset-mobile-8 {
        grid-column-end: span 8; } }
    .col-mobile-11 > .span-mobile-9 {
      width: 81.81818%; }
      @supports (grid-column-end: span 9) {
        .col-mobile-11 > .span-mobile-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-mobile-11 > .span-offset-mobile-9 {
        grid-column-end: span 9; } }
    .col-mobile-11 > .span-mobile-10 {
      width: 90.90909%; }
      @supports (grid-column-end: span 10) {
        .col-mobile-11 > .span-mobile-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-mobile-11 > .span-offset-mobile-10 {
        grid-column-end: span 10; } }
    .col-mobile-11 > .span-mobile-11 {
      width: 100%; }
      @supports (grid-column-end: span 11) {
        .col-mobile-11 > .span-mobile-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-mobile-11 > .span-offset-mobile-11 {
        grid-column-end: span 11; } }
  .col-mobile-12 {
    grid-template-columns: repeat(12, 1fr); }
    .col-mobile-12 > .span-mobile-1 {
      width: 8.33333%; }
      @supports (grid-column-end: span 1) {
        .col-mobile-12 > .span-mobile-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-mobile-12 > .span-offset-mobile-1 {
        grid-column-end: span 1; } }
    .col-mobile-12 > .span-mobile-2 {
      width: 16.66667%; }
      @supports (grid-column-end: span 2) {
        .col-mobile-12 > .span-mobile-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-mobile-12 > .span-offset-mobile-2 {
        grid-column-end: span 2; } }
    .col-mobile-12 > .span-mobile-3 {
      width: 25%; }
      @supports (grid-column-end: span 3) {
        .col-mobile-12 > .span-mobile-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-mobile-12 > .span-offset-mobile-3 {
        grid-column-end: span 3; } }
    .col-mobile-12 > .span-mobile-4 {
      width: 33.33333%; }
      @supports (grid-column-end: span 4) {
        .col-mobile-12 > .span-mobile-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-mobile-12 > .span-offset-mobile-4 {
        grid-column-end: span 4; } }
    .col-mobile-12 > .span-mobile-5 {
      width: 41.66667%; }
      @supports (grid-column-end: span 5) {
        .col-mobile-12 > .span-mobile-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-mobile-12 > .span-offset-mobile-5 {
        grid-column-end: span 5; } }
    .col-mobile-12 > .span-mobile-6 {
      width: 50%; }
      @supports (grid-column-end: span 6) {
        .col-mobile-12 > .span-mobile-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-mobile-12 > .span-offset-mobile-6 {
        grid-column-end: span 6; } }
    .col-mobile-12 > .span-mobile-7 {
      width: 58.33333%; }
      @supports (grid-column-end: span 7) {
        .col-mobile-12 > .span-mobile-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-mobile-12 > .span-offset-mobile-7 {
        grid-column-end: span 7; } }
    .col-mobile-12 > .span-mobile-8 {
      width: 66.66667%; }
      @supports (grid-column-end: span 8) {
        .col-mobile-12 > .span-mobile-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-mobile-12 > .span-offset-mobile-8 {
        grid-column-end: span 8; } }
    .col-mobile-12 > .span-mobile-9 {
      width: 75%; }
      @supports (grid-column-end: span 9) {
        .col-mobile-12 > .span-mobile-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-mobile-12 > .span-offset-mobile-9 {
        grid-column-end: span 9; } }
    .col-mobile-12 > .span-mobile-10 {
      width: 83.33333%; }
      @supports (grid-column-end: span 10) {
        .col-mobile-12 > .span-mobile-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-mobile-12 > .span-offset-mobile-10 {
        grid-column-end: span 10; } }
    .col-mobile-12 > .span-mobile-11 {
      width: 91.66667%; }
      @supports (grid-column-end: span 11) {
        .col-mobile-12 > .span-mobile-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-mobile-12 > .span-offset-mobile-11 {
        grid-column-end: span 11; } }
    .col-mobile-12 > .span-mobile-12 {
      width: 100%; }
      @supports (grid-column-end: span 12) {
        .col-mobile-12 > .span-mobile-12 {
          grid-column-end: span 12; } }
    @supports (grid-column-end: span 12) {
      .col-mobile-12 > .span-offset-mobile-12 {
        grid-column-end: span 12; } }
  .col-mobile-3 .js-in:nth-child(3n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-mobile-3 .js-in:nth-child(3n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-mobile-3 .js-in:nth-child(3n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-mobile-4 .js-in:nth-child(4n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-mobile-4 .js-in:nth-child(4n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-mobile-4 .js-in:nth-child(4n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-mobile-4 .js-in:nth-child(4n + 4) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s; } }

@media screen and (min-width: 769px) {
  .text-tablet-left {
    text-align: left !important; }
  .text-tablet-right {
    text-align: right !important; }
  .text-tablet-center {
    text-align: center !important; }
  .d-tablet-none {
    display: none !important; }
  .d-tablet-inline {
    display: inline !important; }
  .d-tablet-inline-block {
    display: inline-block !important; }
  .d-tablet-block {
    display: block !important; }
  .d-tablet-table {
    display: table !important; }
  .d-tablet-table-row {
    display: table-row !important; }
  .d-tablet-table-cell {
    display: table-cell !important; }
  .d-tablet-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-tablet-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .flex-tablet-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-tablet-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-tablet-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-tablet-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-tablet-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-tablet-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-tablet-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-tablet-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-tablet-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-tablet-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-tablet-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-tablet-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-tablet-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-tablet-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-tablet-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-tablet-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-tablet-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-tablet-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-tablet-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-tablet-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-tablet-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-tablet-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-tablet-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-tablet-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-tablet-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-tablet-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-tablet-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-tablet-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-tablet-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-tablet-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-tablet-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-tablet-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-tablet-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-tablet-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; }
  .col-tablet-1 {
    grid-template-columns: repeat(1, 1fr); }
    .col-tablet-1 > .span-tablet-1 {
      width: 100%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-1 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-1 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
  .col-tablet-2 {
    grid-template-columns: repeat(2, 1fr); }
    .col-tablet-2 > .span-tablet-1 {
      width: 50%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-2 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-2 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-2 > .span-tablet-2 {
      width: 100%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-2 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-2 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
  .col-tablet-3 {
    grid-template-columns: repeat(3, 1fr); }
    .col-tablet-3 > .span-tablet-1 {
      width: 33.33333%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-3 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-3 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-3 > .span-tablet-2 {
      width: 66.66667%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-3 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-3 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-3 > .span-tablet-3 {
      width: 100%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-3 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-3 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
  .col-tablet-4 {
    grid-template-columns: repeat(4, 1fr); }
    .col-tablet-4 > .span-tablet-1 {
      width: 25%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-4 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-4 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-4 > .span-tablet-2 {
      width: 50%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-4 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-4 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-4 > .span-tablet-3 {
      width: 75%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-4 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-4 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-4 > .span-tablet-4 {
      width: 100%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-4 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-4 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
  .col-tablet-5 {
    grid-template-columns: repeat(5, 1fr); }
    .col-tablet-5 > .span-tablet-1 {
      width: 20%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-5 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-5 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-5 > .span-tablet-2 {
      width: 40%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-5 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-5 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-5 > .span-tablet-3 {
      width: 60%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-5 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-5 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-5 > .span-tablet-4 {
      width: 80%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-5 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-5 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
    .col-tablet-5 > .span-tablet-5 {
      width: 100%; }
      @supports (grid-column-end: span 5) {
        .col-tablet-5 > .span-tablet-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-tablet-5 > .span-offset-tablet-5 {
        grid-column-end: span 5; } }
  .col-tablet-6 {
    grid-template-columns: repeat(6, 1fr); }
    .col-tablet-6 > .span-tablet-1 {
      width: 16.66667%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-6 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-6 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-6 > .span-tablet-2 {
      width: 33.33333%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-6 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-6 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-6 > .span-tablet-3 {
      width: 50%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-6 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-6 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-6 > .span-tablet-4 {
      width: 66.66667%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-6 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-6 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
    .col-tablet-6 > .span-tablet-5 {
      width: 83.33333%; }
      @supports (grid-column-end: span 5) {
        .col-tablet-6 > .span-tablet-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-tablet-6 > .span-offset-tablet-5 {
        grid-column-end: span 5; } }
    .col-tablet-6 > .span-tablet-6 {
      width: 100%; }
      @supports (grid-column-end: span 6) {
        .col-tablet-6 > .span-tablet-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-tablet-6 > .span-offset-tablet-6 {
        grid-column-end: span 6; } }
  .col-tablet-7 {
    grid-template-columns: repeat(7, 1fr); }
    .col-tablet-7 > .span-tablet-1 {
      width: 14.28571%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-7 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-7 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-7 > .span-tablet-2 {
      width: 28.57143%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-7 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-7 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-7 > .span-tablet-3 {
      width: 42.85714%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-7 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-7 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-7 > .span-tablet-4 {
      width: 57.14286%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-7 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-7 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
    .col-tablet-7 > .span-tablet-5 {
      width: 71.42857%; }
      @supports (grid-column-end: span 5) {
        .col-tablet-7 > .span-tablet-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-tablet-7 > .span-offset-tablet-5 {
        grid-column-end: span 5; } }
    .col-tablet-7 > .span-tablet-6 {
      width: 85.71429%; }
      @supports (grid-column-end: span 6) {
        .col-tablet-7 > .span-tablet-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-tablet-7 > .span-offset-tablet-6 {
        grid-column-end: span 6; } }
    .col-tablet-7 > .span-tablet-7 {
      width: 100%; }
      @supports (grid-column-end: span 7) {
        .col-tablet-7 > .span-tablet-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-tablet-7 > .span-offset-tablet-7 {
        grid-column-end: span 7; } }
  .col-tablet-8 {
    grid-template-columns: repeat(8, 1fr); }
    .col-tablet-8 > .span-tablet-1 {
      width: 12.5%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-8 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-8 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-8 > .span-tablet-2 {
      width: 25%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-8 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-8 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-8 > .span-tablet-3 {
      width: 37.5%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-8 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-8 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-8 > .span-tablet-4 {
      width: 50%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-8 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-8 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
    .col-tablet-8 > .span-tablet-5 {
      width: 62.5%; }
      @supports (grid-column-end: span 5) {
        .col-tablet-8 > .span-tablet-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-tablet-8 > .span-offset-tablet-5 {
        grid-column-end: span 5; } }
    .col-tablet-8 > .span-tablet-6 {
      width: 75%; }
      @supports (grid-column-end: span 6) {
        .col-tablet-8 > .span-tablet-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-tablet-8 > .span-offset-tablet-6 {
        grid-column-end: span 6; } }
    .col-tablet-8 > .span-tablet-7 {
      width: 87.5%; }
      @supports (grid-column-end: span 7) {
        .col-tablet-8 > .span-tablet-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-tablet-8 > .span-offset-tablet-7 {
        grid-column-end: span 7; } }
    .col-tablet-8 > .span-tablet-8 {
      width: 100%; }
      @supports (grid-column-end: span 8) {
        .col-tablet-8 > .span-tablet-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-tablet-8 > .span-offset-tablet-8 {
        grid-column-end: span 8; } }
  .col-tablet-9 {
    grid-template-columns: repeat(9, 1fr); }
    .col-tablet-9 > .span-tablet-1 {
      width: 11.11111%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-9 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-9 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-9 > .span-tablet-2 {
      width: 22.22222%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-9 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-9 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-9 > .span-tablet-3 {
      width: 33.33333%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-9 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-9 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-9 > .span-tablet-4 {
      width: 44.44444%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-9 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-9 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
    .col-tablet-9 > .span-tablet-5 {
      width: 55.55556%; }
      @supports (grid-column-end: span 5) {
        .col-tablet-9 > .span-tablet-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-tablet-9 > .span-offset-tablet-5 {
        grid-column-end: span 5; } }
    .col-tablet-9 > .span-tablet-6 {
      width: 66.66667%; }
      @supports (grid-column-end: span 6) {
        .col-tablet-9 > .span-tablet-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-tablet-9 > .span-offset-tablet-6 {
        grid-column-end: span 6; } }
    .col-tablet-9 > .span-tablet-7 {
      width: 77.77778%; }
      @supports (grid-column-end: span 7) {
        .col-tablet-9 > .span-tablet-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-tablet-9 > .span-offset-tablet-7 {
        grid-column-end: span 7; } }
    .col-tablet-9 > .span-tablet-8 {
      width: 88.88889%; }
      @supports (grid-column-end: span 8) {
        .col-tablet-9 > .span-tablet-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-tablet-9 > .span-offset-tablet-8 {
        grid-column-end: span 8; } }
    .col-tablet-9 > .span-tablet-9 {
      width: 100%; }
      @supports (grid-column-end: span 9) {
        .col-tablet-9 > .span-tablet-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-tablet-9 > .span-offset-tablet-9 {
        grid-column-end: span 9; } }
  .col-tablet-10 {
    grid-template-columns: repeat(10, 1fr); }
    .col-tablet-10 > .span-tablet-1 {
      width: 10%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-10 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-10 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-10 > .span-tablet-2 {
      width: 20%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-10 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-10 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-10 > .span-tablet-3 {
      width: 30%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-10 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-10 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-10 > .span-tablet-4 {
      width: 40%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-10 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-10 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
    .col-tablet-10 > .span-tablet-5 {
      width: 50%; }
      @supports (grid-column-end: span 5) {
        .col-tablet-10 > .span-tablet-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-tablet-10 > .span-offset-tablet-5 {
        grid-column-end: span 5; } }
    .col-tablet-10 > .span-tablet-6 {
      width: 60%; }
      @supports (grid-column-end: span 6) {
        .col-tablet-10 > .span-tablet-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-tablet-10 > .span-offset-tablet-6 {
        grid-column-end: span 6; } }
    .col-tablet-10 > .span-tablet-7 {
      width: 70%; }
      @supports (grid-column-end: span 7) {
        .col-tablet-10 > .span-tablet-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-tablet-10 > .span-offset-tablet-7 {
        grid-column-end: span 7; } }
    .col-tablet-10 > .span-tablet-8 {
      width: 80%; }
      @supports (grid-column-end: span 8) {
        .col-tablet-10 > .span-tablet-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-tablet-10 > .span-offset-tablet-8 {
        grid-column-end: span 8; } }
    .col-tablet-10 > .span-tablet-9 {
      width: 90%; }
      @supports (grid-column-end: span 9) {
        .col-tablet-10 > .span-tablet-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-tablet-10 > .span-offset-tablet-9 {
        grid-column-end: span 9; } }
    .col-tablet-10 > .span-tablet-10 {
      width: 100%; }
      @supports (grid-column-end: span 10) {
        .col-tablet-10 > .span-tablet-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-tablet-10 > .span-offset-tablet-10 {
        grid-column-end: span 10; } }
  .col-tablet-11 {
    grid-template-columns: repeat(11, 1fr); }
    .col-tablet-11 > .span-tablet-1 {
      width: 9.09091%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-11 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-11 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-11 > .span-tablet-2 {
      width: 18.18182%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-11 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-11 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-11 > .span-tablet-3 {
      width: 27.27273%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-11 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-11 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-11 > .span-tablet-4 {
      width: 36.36364%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-11 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-11 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
    .col-tablet-11 > .span-tablet-5 {
      width: 45.45455%; }
      @supports (grid-column-end: span 5) {
        .col-tablet-11 > .span-tablet-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-tablet-11 > .span-offset-tablet-5 {
        grid-column-end: span 5; } }
    .col-tablet-11 > .span-tablet-6 {
      width: 54.54545%; }
      @supports (grid-column-end: span 6) {
        .col-tablet-11 > .span-tablet-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-tablet-11 > .span-offset-tablet-6 {
        grid-column-end: span 6; } }
    .col-tablet-11 > .span-tablet-7 {
      width: 63.63636%; }
      @supports (grid-column-end: span 7) {
        .col-tablet-11 > .span-tablet-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-tablet-11 > .span-offset-tablet-7 {
        grid-column-end: span 7; } }
    .col-tablet-11 > .span-tablet-8 {
      width: 72.72727%; }
      @supports (grid-column-end: span 8) {
        .col-tablet-11 > .span-tablet-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-tablet-11 > .span-offset-tablet-8 {
        grid-column-end: span 8; } }
    .col-tablet-11 > .span-tablet-9 {
      width: 81.81818%; }
      @supports (grid-column-end: span 9) {
        .col-tablet-11 > .span-tablet-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-tablet-11 > .span-offset-tablet-9 {
        grid-column-end: span 9; } }
    .col-tablet-11 > .span-tablet-10 {
      width: 90.90909%; }
      @supports (grid-column-end: span 10) {
        .col-tablet-11 > .span-tablet-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-tablet-11 > .span-offset-tablet-10 {
        grid-column-end: span 10; } }
    .col-tablet-11 > .span-tablet-11 {
      width: 100%; }
      @supports (grid-column-end: span 11) {
        .col-tablet-11 > .span-tablet-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-tablet-11 > .span-offset-tablet-11 {
        grid-column-end: span 11; } }
  .col-tablet-12 {
    grid-template-columns: repeat(12, 1fr); }
    .col-tablet-12 > .span-tablet-1 {
      width: 8.33333%; }
      @supports (grid-column-end: span 1) {
        .col-tablet-12 > .span-tablet-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-tablet-12 > .span-offset-tablet-1 {
        grid-column-end: span 1; } }
    .col-tablet-12 > .span-tablet-2 {
      width: 16.66667%; }
      @supports (grid-column-end: span 2) {
        .col-tablet-12 > .span-tablet-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-tablet-12 > .span-offset-tablet-2 {
        grid-column-end: span 2; } }
    .col-tablet-12 > .span-tablet-3 {
      width: 25%; }
      @supports (grid-column-end: span 3) {
        .col-tablet-12 > .span-tablet-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-tablet-12 > .span-offset-tablet-3 {
        grid-column-end: span 3; } }
    .col-tablet-12 > .span-tablet-4 {
      width: 33.33333%; }
      @supports (grid-column-end: span 4) {
        .col-tablet-12 > .span-tablet-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-tablet-12 > .span-offset-tablet-4 {
        grid-column-end: span 4; } }
    .col-tablet-12 > .span-tablet-5 {
      width: 41.66667%; }
      @supports (grid-column-end: span 5) {
        .col-tablet-12 > .span-tablet-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-tablet-12 > .span-offset-tablet-5 {
        grid-column-end: span 5; } }
    .col-tablet-12 > .span-tablet-6 {
      width: 50%; }
      @supports (grid-column-end: span 6) {
        .col-tablet-12 > .span-tablet-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-tablet-12 > .span-offset-tablet-6 {
        grid-column-end: span 6; } }
    .col-tablet-12 > .span-tablet-7 {
      width: 58.33333%; }
      @supports (grid-column-end: span 7) {
        .col-tablet-12 > .span-tablet-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-tablet-12 > .span-offset-tablet-7 {
        grid-column-end: span 7; } }
    .col-tablet-12 > .span-tablet-8 {
      width: 66.66667%; }
      @supports (grid-column-end: span 8) {
        .col-tablet-12 > .span-tablet-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-tablet-12 > .span-offset-tablet-8 {
        grid-column-end: span 8; } }
    .col-tablet-12 > .span-tablet-9 {
      width: 75%; }
      @supports (grid-column-end: span 9) {
        .col-tablet-12 > .span-tablet-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-tablet-12 > .span-offset-tablet-9 {
        grid-column-end: span 9; } }
    .col-tablet-12 > .span-tablet-10 {
      width: 83.33333%; }
      @supports (grid-column-end: span 10) {
        .col-tablet-12 > .span-tablet-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-tablet-12 > .span-offset-tablet-10 {
        grid-column-end: span 10; } }
    .col-tablet-12 > .span-tablet-11 {
      width: 91.66667%; }
      @supports (grid-column-end: span 11) {
        .col-tablet-12 > .span-tablet-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-tablet-12 > .span-offset-tablet-11 {
        grid-column-end: span 11; } }
    .col-tablet-12 > .span-tablet-12 {
      width: 100%; }
      @supports (grid-column-end: span 12) {
        .col-tablet-12 > .span-tablet-12 {
          grid-column-end: span 12; } }
    @supports (grid-column-end: span 12) {
      .col-tablet-12 > .span-offset-tablet-12 {
        grid-column-end: span 12; } }
  .col-tablet-3 .js-in:nth-child(3n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-tablet-3 .js-in:nth-child(3n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-tablet-3 .js-in:nth-child(3n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-tablet-4 .js-in:nth-child(4n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-tablet-4 .js-in:nth-child(4n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-tablet-4 .js-in:nth-child(4n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-tablet-4 .js-in:nth-child(4n + 4) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s; } }

@media screen and (min-width: 1025px) {
  .text-desktop-left {
    text-align: left !important; }
  .text-desktop-right {
    text-align: right !important; }
  .text-desktop-center {
    text-align: center !important; }
  .d-desktop-none {
    display: none !important; }
  .d-desktop-inline {
    display: inline !important; }
  .d-desktop-inline-block {
    display: inline-block !important; }
  .d-desktop-block {
    display: block !important; }
  .d-desktop-table {
    display: table !important; }
  .d-desktop-table-row {
    display: table-row !important; }
  .d-desktop-table-cell {
    display: table-cell !important; }
  .d-desktop-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-desktop-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .flex-desktop-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-desktop-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-desktop-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-desktop-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-desktop-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .flex-desktop-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .flex-desktop-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .flex-desktop-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-desktop-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-desktop-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-desktop-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important; }
  .flex-desktop-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important; }
  .justify-content-desktop-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-desktop-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-desktop-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-desktop-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-desktop-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .align-items-desktop-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-desktop-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-desktop-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-desktop-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-desktop-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-desktop-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .align-content-desktop-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .align-content-desktop-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .align-content-desktop-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .align-content-desktop-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .align-content-desktop-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .align-self-desktop-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .align-self-desktop-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .align-self-desktop-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .align-self-desktop-center {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .align-self-desktop-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .align-self-desktop-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; }
  .col-desktop-1 {
    grid-template-columns: repeat(1, 1fr); }
    .col-desktop-1 > .span-desktop-1 {
      width: 100%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-1 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-1 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
  .col-desktop-2 {
    grid-template-columns: repeat(2, 1fr); }
    .col-desktop-2 > .span-desktop-1 {
      width: 50%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-2 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-2 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-2 > .span-desktop-2 {
      width: 100%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-2 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-2 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
  .col-desktop-3 {
    grid-template-columns: repeat(3, 1fr); }
    .col-desktop-3 > .span-desktop-1 {
      width: 33.33333%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-3 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-3 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-3 > .span-desktop-2 {
      width: 66.66667%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-3 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-3 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-3 > .span-desktop-3 {
      width: 100%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-3 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-3 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
  .col-desktop-4 {
    grid-template-columns: repeat(4, 1fr); }
    .col-desktop-4 > .span-desktop-1 {
      width: 25%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-4 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-4 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-4 > .span-desktop-2 {
      width: 50%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-4 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-4 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-4 > .span-desktop-3 {
      width: 75%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-4 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-4 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-4 > .span-desktop-4 {
      width: 100%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-4 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-4 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
  .col-desktop-5 {
    grid-template-columns: repeat(5, 1fr); }
    .col-desktop-5 > .span-desktop-1 {
      width: 20%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-5 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-5 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-5 > .span-desktop-2 {
      width: 40%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-5 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-5 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-5 > .span-desktop-3 {
      width: 60%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-5 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-5 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-5 > .span-desktop-4 {
      width: 80%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-5 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-5 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
    .col-desktop-5 > .span-desktop-5 {
      width: 100%; }
      @supports (grid-column-end: span 5) {
        .col-desktop-5 > .span-desktop-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-desktop-5 > .span-offset-desktop-5 {
        grid-column-end: span 5; } }
  .col-desktop-6 {
    grid-template-columns: repeat(6, 1fr); }
    .col-desktop-6 > .span-desktop-1 {
      width: 16.66667%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-6 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-6 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-6 > .span-desktop-2 {
      width: 33.33333%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-6 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-6 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-6 > .span-desktop-3 {
      width: 50%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-6 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-6 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-6 > .span-desktop-4 {
      width: 66.66667%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-6 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-6 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
    .col-desktop-6 > .span-desktop-5 {
      width: 83.33333%; }
      @supports (grid-column-end: span 5) {
        .col-desktop-6 > .span-desktop-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-desktop-6 > .span-offset-desktop-5 {
        grid-column-end: span 5; } }
    .col-desktop-6 > .span-desktop-6 {
      width: 100%; }
      @supports (grid-column-end: span 6) {
        .col-desktop-6 > .span-desktop-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-desktop-6 > .span-offset-desktop-6 {
        grid-column-end: span 6; } }
  .col-desktop-7 {
    grid-template-columns: repeat(7, 1fr); }
    .col-desktop-7 > .span-desktop-1 {
      width: 14.28571%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-7 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-7 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-7 > .span-desktop-2 {
      width: 28.57143%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-7 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-7 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-7 > .span-desktop-3 {
      width: 42.85714%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-7 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-7 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-7 > .span-desktop-4 {
      width: 57.14286%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-7 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-7 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
    .col-desktop-7 > .span-desktop-5 {
      width: 71.42857%; }
      @supports (grid-column-end: span 5) {
        .col-desktop-7 > .span-desktop-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-desktop-7 > .span-offset-desktop-5 {
        grid-column-end: span 5; } }
    .col-desktop-7 > .span-desktop-6 {
      width: 85.71429%; }
      @supports (grid-column-end: span 6) {
        .col-desktop-7 > .span-desktop-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-desktop-7 > .span-offset-desktop-6 {
        grid-column-end: span 6; } }
    .col-desktop-7 > .span-desktop-7 {
      width: 100%; }
      @supports (grid-column-end: span 7) {
        .col-desktop-7 > .span-desktop-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-desktop-7 > .span-offset-desktop-7 {
        grid-column-end: span 7; } }
  .col-desktop-8 {
    grid-template-columns: repeat(8, 1fr); }
    .col-desktop-8 > .span-desktop-1 {
      width: 12.5%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-8 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-8 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-8 > .span-desktop-2 {
      width: 25%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-8 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-8 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-8 > .span-desktop-3 {
      width: 37.5%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-8 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-8 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-8 > .span-desktop-4 {
      width: 50%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-8 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-8 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
    .col-desktop-8 > .span-desktop-5 {
      width: 62.5%; }
      @supports (grid-column-end: span 5) {
        .col-desktop-8 > .span-desktop-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-desktop-8 > .span-offset-desktop-5 {
        grid-column-end: span 5; } }
    .col-desktop-8 > .span-desktop-6 {
      width: 75%; }
      @supports (grid-column-end: span 6) {
        .col-desktop-8 > .span-desktop-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-desktop-8 > .span-offset-desktop-6 {
        grid-column-end: span 6; } }
    .col-desktop-8 > .span-desktop-7 {
      width: 87.5%; }
      @supports (grid-column-end: span 7) {
        .col-desktop-8 > .span-desktop-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-desktop-8 > .span-offset-desktop-7 {
        grid-column-end: span 7; } }
    .col-desktop-8 > .span-desktop-8 {
      width: 100%; }
      @supports (grid-column-end: span 8) {
        .col-desktop-8 > .span-desktop-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-desktop-8 > .span-offset-desktop-8 {
        grid-column-end: span 8; } }
  .col-desktop-9 {
    grid-template-columns: repeat(9, 1fr); }
    .col-desktop-9 > .span-desktop-1 {
      width: 11.11111%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-9 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-9 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-9 > .span-desktop-2 {
      width: 22.22222%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-9 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-9 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-9 > .span-desktop-3 {
      width: 33.33333%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-9 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-9 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-9 > .span-desktop-4 {
      width: 44.44444%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-9 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-9 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
    .col-desktop-9 > .span-desktop-5 {
      width: 55.55556%; }
      @supports (grid-column-end: span 5) {
        .col-desktop-9 > .span-desktop-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-desktop-9 > .span-offset-desktop-5 {
        grid-column-end: span 5; } }
    .col-desktop-9 > .span-desktop-6 {
      width: 66.66667%; }
      @supports (grid-column-end: span 6) {
        .col-desktop-9 > .span-desktop-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-desktop-9 > .span-offset-desktop-6 {
        grid-column-end: span 6; } }
    .col-desktop-9 > .span-desktop-7 {
      width: 77.77778%; }
      @supports (grid-column-end: span 7) {
        .col-desktop-9 > .span-desktop-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-desktop-9 > .span-offset-desktop-7 {
        grid-column-end: span 7; } }
    .col-desktop-9 > .span-desktop-8 {
      width: 88.88889%; }
      @supports (grid-column-end: span 8) {
        .col-desktop-9 > .span-desktop-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-desktop-9 > .span-offset-desktop-8 {
        grid-column-end: span 8; } }
    .col-desktop-9 > .span-desktop-9 {
      width: 100%; }
      @supports (grid-column-end: span 9) {
        .col-desktop-9 > .span-desktop-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-desktop-9 > .span-offset-desktop-9 {
        grid-column-end: span 9; } }
  .col-desktop-10 {
    grid-template-columns: repeat(10, 1fr); }
    .col-desktop-10 > .span-desktop-1 {
      width: 10%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-10 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-10 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-10 > .span-desktop-2 {
      width: 20%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-10 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-10 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-10 > .span-desktop-3 {
      width: 30%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-10 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-10 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-10 > .span-desktop-4 {
      width: 40%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-10 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-10 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
    .col-desktop-10 > .span-desktop-5 {
      width: 50%; }
      @supports (grid-column-end: span 5) {
        .col-desktop-10 > .span-desktop-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-desktop-10 > .span-offset-desktop-5 {
        grid-column-end: span 5; } }
    .col-desktop-10 > .span-desktop-6 {
      width: 60%; }
      @supports (grid-column-end: span 6) {
        .col-desktop-10 > .span-desktop-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-desktop-10 > .span-offset-desktop-6 {
        grid-column-end: span 6; } }
    .col-desktop-10 > .span-desktop-7 {
      width: 70%; }
      @supports (grid-column-end: span 7) {
        .col-desktop-10 > .span-desktop-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-desktop-10 > .span-offset-desktop-7 {
        grid-column-end: span 7; } }
    .col-desktop-10 > .span-desktop-8 {
      width: 80%; }
      @supports (grid-column-end: span 8) {
        .col-desktop-10 > .span-desktop-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-desktop-10 > .span-offset-desktop-8 {
        grid-column-end: span 8; } }
    .col-desktop-10 > .span-desktop-9 {
      width: 90%; }
      @supports (grid-column-end: span 9) {
        .col-desktop-10 > .span-desktop-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-desktop-10 > .span-offset-desktop-9 {
        grid-column-end: span 9; } }
    .col-desktop-10 > .span-desktop-10 {
      width: 100%; }
      @supports (grid-column-end: span 10) {
        .col-desktop-10 > .span-desktop-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-desktop-10 > .span-offset-desktop-10 {
        grid-column-end: span 10; } }
  .col-desktop-11 {
    grid-template-columns: repeat(11, 1fr); }
    .col-desktop-11 > .span-desktop-1 {
      width: 9.09091%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-11 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-11 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-11 > .span-desktop-2 {
      width: 18.18182%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-11 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-11 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-11 > .span-desktop-3 {
      width: 27.27273%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-11 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-11 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-11 > .span-desktop-4 {
      width: 36.36364%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-11 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-11 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
    .col-desktop-11 > .span-desktop-5 {
      width: 45.45455%; }
      @supports (grid-column-end: span 5) {
        .col-desktop-11 > .span-desktop-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-desktop-11 > .span-offset-desktop-5 {
        grid-column-end: span 5; } }
    .col-desktop-11 > .span-desktop-6 {
      width: 54.54545%; }
      @supports (grid-column-end: span 6) {
        .col-desktop-11 > .span-desktop-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-desktop-11 > .span-offset-desktop-6 {
        grid-column-end: span 6; } }
    .col-desktop-11 > .span-desktop-7 {
      width: 63.63636%; }
      @supports (grid-column-end: span 7) {
        .col-desktop-11 > .span-desktop-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-desktop-11 > .span-offset-desktop-7 {
        grid-column-end: span 7; } }
    .col-desktop-11 > .span-desktop-8 {
      width: 72.72727%; }
      @supports (grid-column-end: span 8) {
        .col-desktop-11 > .span-desktop-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-desktop-11 > .span-offset-desktop-8 {
        grid-column-end: span 8; } }
    .col-desktop-11 > .span-desktop-9 {
      width: 81.81818%; }
      @supports (grid-column-end: span 9) {
        .col-desktop-11 > .span-desktop-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-desktop-11 > .span-offset-desktop-9 {
        grid-column-end: span 9; } }
    .col-desktop-11 > .span-desktop-10 {
      width: 90.90909%; }
      @supports (grid-column-end: span 10) {
        .col-desktop-11 > .span-desktop-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-desktop-11 > .span-offset-desktop-10 {
        grid-column-end: span 10; } }
    .col-desktop-11 > .span-desktop-11 {
      width: 100%; }
      @supports (grid-column-end: span 11) {
        .col-desktop-11 > .span-desktop-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-desktop-11 > .span-offset-desktop-11 {
        grid-column-end: span 11; } }
  .col-desktop-12 {
    grid-template-columns: repeat(12, 1fr); }
    .col-desktop-12 > .span-desktop-1 {
      width: 8.33333%; }
      @supports (grid-column-end: span 1) {
        .col-desktop-12 > .span-desktop-1 {
          grid-column-end: span 1; } }
    @supports (grid-column-end: span 1) {
      .col-desktop-12 > .span-offset-desktop-1 {
        grid-column-end: span 1; } }
    .col-desktop-12 > .span-desktop-2 {
      width: 16.66667%; }
      @supports (grid-column-end: span 2) {
        .col-desktop-12 > .span-desktop-2 {
          grid-column-end: span 2; } }
    @supports (grid-column-end: span 2) {
      .col-desktop-12 > .span-offset-desktop-2 {
        grid-column-end: span 2; } }
    .col-desktop-12 > .span-desktop-3 {
      width: 25%; }
      @supports (grid-column-end: span 3) {
        .col-desktop-12 > .span-desktop-3 {
          grid-column-end: span 3; } }
    @supports (grid-column-end: span 3) {
      .col-desktop-12 > .span-offset-desktop-3 {
        grid-column-end: span 3; } }
    .col-desktop-12 > .span-desktop-4 {
      width: 33.33333%; }
      @supports (grid-column-end: span 4) {
        .col-desktop-12 > .span-desktop-4 {
          grid-column-end: span 4; } }
    @supports (grid-column-end: span 4) {
      .col-desktop-12 > .span-offset-desktop-4 {
        grid-column-end: span 4; } }
    .col-desktop-12 > .span-desktop-5 {
      width: 41.66667%; }
      @supports (grid-column-end: span 5) {
        .col-desktop-12 > .span-desktop-5 {
          grid-column-end: span 5; } }
    @supports (grid-column-end: span 5) {
      .col-desktop-12 > .span-offset-desktop-5 {
        grid-column-end: span 5; } }
    .col-desktop-12 > .span-desktop-6 {
      width: 50%; }
      @supports (grid-column-end: span 6) {
        .col-desktop-12 > .span-desktop-6 {
          grid-column-end: span 6; } }
    @supports (grid-column-end: span 6) {
      .col-desktop-12 > .span-offset-desktop-6 {
        grid-column-end: span 6; } }
    .col-desktop-12 > .span-desktop-7 {
      width: 58.33333%; }
      @supports (grid-column-end: span 7) {
        .col-desktop-12 > .span-desktop-7 {
          grid-column-end: span 7; } }
    @supports (grid-column-end: span 7) {
      .col-desktop-12 > .span-offset-desktop-7 {
        grid-column-end: span 7; } }
    .col-desktop-12 > .span-desktop-8 {
      width: 66.66667%; }
      @supports (grid-column-end: span 8) {
        .col-desktop-12 > .span-desktop-8 {
          grid-column-end: span 8; } }
    @supports (grid-column-end: span 8) {
      .col-desktop-12 > .span-offset-desktop-8 {
        grid-column-end: span 8; } }
    .col-desktop-12 > .span-desktop-9 {
      width: 75%; }
      @supports (grid-column-end: span 9) {
        .col-desktop-12 > .span-desktop-9 {
          grid-column-end: span 9; } }
    @supports (grid-column-end: span 9) {
      .col-desktop-12 > .span-offset-desktop-9 {
        grid-column-end: span 9; } }
    .col-desktop-12 > .span-desktop-10 {
      width: 83.33333%; }
      @supports (grid-column-end: span 10) {
        .col-desktop-12 > .span-desktop-10 {
          grid-column-end: span 10; } }
    @supports (grid-column-end: span 10) {
      .col-desktop-12 > .span-offset-desktop-10 {
        grid-column-end: span 10; } }
    .col-desktop-12 > .span-desktop-11 {
      width: 91.66667%; }
      @supports (grid-column-end: span 11) {
        .col-desktop-12 > .span-desktop-11 {
          grid-column-end: span 11; } }
    @supports (grid-column-end: span 11) {
      .col-desktop-12 > .span-offset-desktop-11 {
        grid-column-end: span 11; } }
    .col-desktop-12 > .span-desktop-12 {
      width: 100%; }
      @supports (grid-column-end: span 12) {
        .col-desktop-12 > .span-desktop-12 {
          grid-column-end: span 12; } }
    @supports (grid-column-end: span 12) {
      .col-desktop-12 > .span-offset-desktop-12 {
        grid-column-end: span 12; } }
  .col-desktop-3 .js-in:nth-child(3n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-desktop-3 .js-in:nth-child(3n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-desktop-3 .js-in:nth-child(3n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-desktop-4 .js-in:nth-child(4n + 1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .col-desktop-4 .js-in:nth-child(4n + 2) {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; }
  .col-desktop-4 .js-in:nth-child(4n + 3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .col-desktop-4 .js-in:nth-child(4n + 4) {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s; } }

.grid-col, .flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @supports (display: grid) {
    .grid-col.grid-col, .flex-col.grid-col {
      display: grid; }
      .grid-col.grid-col.col-reverse, .flex-col.grid-col.col-reverse {
        direction: rtl; }
        .grid-col.grid-col.col-reverse > *, .flex-col.grid-col.col-reverse > * {
          direction: ltr; }
      .grid-col.grid-col > .col-span, .flex-col.grid-col > .col-span {
        width: auto !important; } }
  .grid-col > .col-span, .flex-col > .col-span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-col.-with-gutters, .flex-col.-with-gutters {
    width: -webkit-calc(100% + 48px);
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-top: -24px; }
    .grid-col.-with-gutters > .col-span, .flex-col.-with-gutters > .col-span {
      padding: 24px; }
    @supports (grid-column-gap: 48px) {
      .grid-col.-with-gutters.grid-col, .flex-col.-with-gutters.grid-col {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        width: 100%;
        margin-left: 0;
        margin-top: 0; }
        .grid-col.-with-gutters.grid-col > .col-span, .flex-col.-with-gutters.grid-col > .col-span {
          padding: 0; } }
  .grid-col.-with-small-gutters, .flex-col.-with-small-gutters {
    width: -webkit-calc(100% + 32px);
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -16px; }
    .grid-col.-with-small-gutters > .col-span, .flex-col.-with-small-gutters > .col-span {
      padding: 16px; }
    @supports (grid-column-gap: 32px) {
      .grid-col.-with-small-gutters.grid-col, .flex-col.-with-small-gutters.grid-col {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        width: 100%;
        margin-left: 0;
        margin-top: 0; }
        .grid-col.-with-small-gutters.grid-col > .col-span, .flex-col.-with-small-gutters.grid-col > .col-span {
          padding: 0; } }

/* === Components */
.select-equipment .title-link {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  display: block;
  cursor: pointer; }

.select-equipment li {
  padding-left: 20px; }

.select-equipment .hire_products_list:not(.-open) {
  display: none; }

.locations {
  margin-top: 30px;
  text-shadow: #0f757f 0 1px 0;
  color: white;
  font-weight: bold; }
  .locations .large {
    font-size: 30px; }
  .locations p {
    line-height: 1; }
  .locations span {
    white-space: nowrap; }

.product-details .btn-back + * {
  margin-top: 20px !important; }

.product-details .product-title {
  font-size: 24px; }

.product-details .product-price {
  font-size: 18px;
  font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; }
  .product-details .product-price + * {
    margin-top: 20px; }

.shop-filters.-open .filter-group {
  display: block !important; }

.shop-filters.-open .btn-toggle-filters .hide {
  display: inline; }

.shop-filters.-open .btn-toggle-filters .show {
  display: none; }

.shop-filters .category-title {
  position: relative;
  padding-right: 72px;
  padding-bottom: 0.5em;
  padding-top: 1.5em;
  border-bottom: 1px solid #ccc; }
  .shop-filters .category-title:first-child {
    padding-top: 0; }

.shop-filters .show-all {
  display: block;
  margin-bottom: 20px;
  text-align: center; }
  .shop-filters .show-all:hover, .shop-filters .show-all:focus {
    display: block; }

.shop-filters .btn-clear {
  position: absolute;
  top: 0;
  right: 0;
  background: #ddd;
  color: #181818;
  font-size: 12px;
  -webkit-transition: none;
  transition: none; }
  .shop-filters .btn-clear:hover, .shop-filters .btn-clear:focus {
    background: #e84093;
    color: white;
    font-size: 12px; }

.shop-filters .category-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.shop-filters .category-item {
  margin: 0;
  padding-top: 10px; }
  .shop-filters .category-item a:hover input, .shop-filters .category-item a:focus input {
    box-shadow: 0 0 1px 2px rgba(0, 173, 239, 0.5); }
  .shop-filters .category-item input {
    border-radius: 3px;
    -webkit-transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .shop-filters .category-item input, .shop-filters .category-item label {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none; }
  .shop-filters .category-item label {
    margin-bottom: 0; }

.shop-filters .btn-toggle-filters {
  display: none;
  width: 100%;
  padding: 10px 20px; }
  .shop-filters .btn-toggle-filters .hide {
    display: none; }

@media screen and (max-width: 768px) {
  .shop-filters .btn-toggle-filters {
    display: block; }
  .shop-filters .filter-group.-empty {
    display: none; }
  .shop-filters:not(.-open) .category-item input:not(:checked) {
    display: none; }
    .shop-filters:not(.-open) .category-item input:not(:checked) + label {
      display: none; } }

.shop-item {
  position: relative; }
  .shop-item:focus::before, .shop-item:hover::before {
    opacity: 1; }
  .shop-item:focus .item-title, .shop-item:hover .item-title {
    color: #e84093; }
  .shop-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    box-shadow: 0 0 0 2px #e84093;
    opacity: 0;
    -webkit-transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .shop-item .item-image {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    background: #ddd; }
    .shop-item .item-image .image {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      height: 1px;
      max-width: none;
      min-width: 100%;
      min-height: 100%; }
  .shop-item .item-body {
    position: relative;
    margin-top: 12px;
    padding-bottom: 15px;
    color: #181818; }
    .shop-item .item-body .item-price {
      margin-top: 10px;
      opacity: 0.8;
      font-size: 18px; }
    .shop-item .item-body .item-title {
      -webkit-transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media screen and (max-width: 640px) {
    .shop-item {
      width: 100%;
      max-width: 320px;
      justify-self: center; } }