.grid-container-fluid,
.grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  width: 100%;
  max-width: none;
  margin-left: -15px;
  margin-right: -15px;
}

.grid-container-fluid > [class*=grid-col-],
.grid-container > [class*=grid-col-] {
  -ms-grid-row: auto;
      grid-row-start: auto;
  -ms-grid-row-span: 1;
      grid-row-end: span 1;
  padding-left: 15px;
  padding-right: 15px;
}

.grid-col-1 {
  -ms-grid-column-span: 1 !important;
      grid-column-end: span 1 !important;
}

.grid-row-1 {
  -ms-grid-row-span: 1 !important;
      grid-row-end: span 1 !important;
}

.grid-col-2 {
  -ms-grid-column-span: 2 !important;
      grid-column-end: span 2 !important;
}

.grid-row-2 {
  -ms-grid-row-span: 2 !important;
      grid-row-end: span 2 !important;
}

.grid-col-3 {
  -ms-grid-column-span: 3 !important;
      grid-column-end: span 3 !important;
}

.grid-row-3 {
  -ms-grid-row-span: 3 !important;
      grid-row-end: span 3 !important;
}

.grid-col-4 {
  -ms-grid-column-span: 4 !important;
      grid-column-end: span 4 !important;
}

.grid-row-4 {
  -ms-grid-row-span: 4 !important;
      grid-row-end: span 4 !important;
}

.grid-col-5 {
  -ms-grid-column-span: 5 !important;
      grid-column-end: span 5 !important;
}

.grid-row-5 {
  -ms-grid-row-span: 5 !important;
      grid-row-end: span 5 !important;
}

.grid-col-6 {
  -ms-grid-column-span: 6 !important;
      grid-column-end: span 6 !important;
}

.grid-row-6 {
  -ms-grid-row-span: 6 !important;
      grid-row-end: span 6 !important;
}

.grid-col-7 {
  -ms-grid-column-span: 7 !important;
      grid-column-end: span 7 !important;
}

.grid-row-7 {
  -ms-grid-row-span: 7 !important;
      grid-row-end: span 7 !important;
}

.grid-col-8 {
  -ms-grid-column-span: 8 !important;
      grid-column-end: span 8 !important;
}

.grid-row-8 {
  -ms-grid-row-span: 8 !important;
      grid-row-end: span 8 !important;
}

.grid-col-9 {
  -ms-grid-column-span: 9 !important;
      grid-column-end: span 9 !important;
}

.grid-row-9 {
  -ms-grid-row-span: 9 !important;
      grid-row-end: span 9 !important;
}

.grid-col-10 {
  -ms-grid-column-span: 10 !important;
      grid-column-end: span 10 !important;
}

.grid-row-10 {
  -ms-grid-row-span: 10 !important;
      grid-row-end: span 10 !important;
}

.grid-col-11 {
  -ms-grid-column-span: 11 !important;
      grid-column-end: span 11 !important;
}

.grid-row-11 {
  -ms-grid-row-span: 11 !important;
      grid-row-end: span 11 !important;
}

.grid-col-12 {
  -ms-grid-column-span: 12 !important;
      grid-column-end: span 12 !important;
}

.grid-row-12 {
  -ms-grid-row-span: 12 !important;
      grid-row-end: span 12 !important;
}

.grid-col-13 {
  -ms-grid-column-span: 13 !important;
      grid-column-end: span 13 !important;
}

.grid-row-13 {
  -ms-grid-row-span: 13 !important;
      grid-row-end: span 13 !important;
}

.grid-col-14 {
  -ms-grid-column-span: 14 !important;
      grid-column-end: span 14 !important;
}

.grid-row-14 {
  -ms-grid-row-span: 14 !important;
      grid-row-end: span 14 !important;
}

.grid-col-15 {
  -ms-grid-column-span: 15 !important;
      grid-column-end: span 15 !important;
}

.grid-row-15 {
  -ms-grid-row-span: 15 !important;
      grid-row-end: span 15 !important;
}

.grid-col-16 {
  -ms-grid-column-span: 16 !important;
      grid-column-end: span 16 !important;
}

.grid-row-16 {
  -ms-grid-row-span: 16 !important;
      grid-row-end: span 16 !important;
}

.grid-col-17 {
  -ms-grid-column-span: 17 !important;
      grid-column-end: span 17 !important;
}

.grid-row-17 {
  -ms-grid-row-span: 17 !important;
      grid-row-end: span 17 !important;
}

.grid-col-18 {
  -ms-grid-column-span: 18 !important;
      grid-column-end: span 18 !important;
}

.grid-row-18 {
  -ms-grid-row-span: 18 !important;
      grid-row-end: span 18 !important;
}

.grid-col-19 {
  -ms-grid-column-span: 19 !important;
      grid-column-end: span 19 !important;
}

.grid-row-19 {
  -ms-grid-row-span: 19 !important;
      grid-row-end: span 19 !important;
}

.grid-col-20 {
  -ms-grid-column-span: 20 !important;
      grid-column-end: span 20 !important;
}

.grid-row-20 {
  -ms-grid-row-span: 20 !important;
      grid-row-end: span 20 !important;
}

.grid-col-21 {
  -ms-grid-column-span: 21 !important;
      grid-column-end: span 21 !important;
}

.grid-row-21 {
  -ms-grid-row-span: 21 !important;
      grid-row-end: span 21 !important;
}

.grid-col-22 {
  -ms-grid-column-span: 22 !important;
      grid-column-end: span 22 !important;
}

.grid-row-22 {
  -ms-grid-row-span: 22 !important;
      grid-row-end: span 22 !important;
}

.grid-col-23 {
  -ms-grid-column-span: 23 !important;
      grid-column-end: span 23 !important;
}

.grid-row-23 {
  -ms-grid-row-span: 23 !important;
      grid-row-end: span 23 !important;
}

.grid-col-24 {
  -ms-grid-column-span: 24 !important;
      grid-column-end: span 24 !important;
}

.grid-row-24 {
  -ms-grid-row-span: 24 !important;
      grid-row-end: span 24 !important;
}

.zero {
  min-height: auto !important;
}

.container-half, .grid-container-half, .grid-container-sm-half, .grid-container-md-half, .grid-container-lg-half, .grid-container-xl-half {
  margin-left: auto;
  margin-right: auto;
}

.offset-container {
  margin-left: 0;
}

/* sm */
@media (min-width: 576px) {
  .container, .grid-container, .grid-container-sm {
    max-width: 540px;
  }
  .container-half, .grid-container-half, .grid-container-sm-half {
    max-width: 270px;
  }
  .offset-container, .offset-sm-container {
    margin-left: calc((100vw - 540px) / 2);
  }
  .grid-col-sm-1 {
    -ms-grid-column-span: 1 !important;
        grid-column-end: span 1 !important;
  }
  .grid-row-sm-1 {
    -ms-grid-row-span: 1 !important;
        grid-row-end: span 1 !important;
  }
  .grid-col-sm-2 {
    -ms-grid-column-span: 2 !important;
        grid-column-end: span 2 !important;
  }
  .grid-row-sm-2 {
    -ms-grid-row-span: 2 !important;
        grid-row-end: span 2 !important;
  }
  .grid-col-sm-3 {
    -ms-grid-column-span: 3 !important;
        grid-column-end: span 3 !important;
  }
  .grid-row-sm-3 {
    -ms-grid-row-span: 3 !important;
        grid-row-end: span 3 !important;
  }
  .grid-col-sm-4 {
    -ms-grid-column-span: 4 !important;
        grid-column-end: span 4 !important;
  }
  .grid-row-sm-4 {
    -ms-grid-row-span: 4 !important;
        grid-row-end: span 4 !important;
  }
  .grid-col-sm-5 {
    -ms-grid-column-span: 5 !important;
        grid-column-end: span 5 !important;
  }
  .grid-row-sm-5 {
    -ms-grid-row-span: 5 !important;
        grid-row-end: span 5 !important;
  }
  .grid-col-sm-6 {
    -ms-grid-column-span: 6 !important;
        grid-column-end: span 6 !important;
  }
  .grid-row-sm-6 {
    -ms-grid-row-span: 6 !important;
        grid-row-end: span 6 !important;
  }
  .grid-col-sm-7 {
    -ms-grid-column-span: 7 !important;
        grid-column-end: span 7 !important;
  }
  .grid-row-sm-7 {
    -ms-grid-row-span: 7 !important;
        grid-row-end: span 7 !important;
  }
  .grid-col-sm-8 {
    -ms-grid-column-span: 8 !important;
        grid-column-end: span 8 !important;
  }
  .grid-row-sm-8 {
    -ms-grid-row-span: 8 !important;
        grid-row-end: span 8 !important;
  }
  .grid-col-sm-9 {
    -ms-grid-column-span: 9 !important;
        grid-column-end: span 9 !important;
  }
  .grid-row-sm-9 {
    -ms-grid-row-span: 9 !important;
        grid-row-end: span 9 !important;
  }
  .grid-col-sm-10 {
    -ms-grid-column-span: 10 !important;
        grid-column-end: span 10 !important;
  }
  .grid-row-sm-10 {
    -ms-grid-row-span: 10 !important;
        grid-row-end: span 10 !important;
  }
  .grid-col-sm-11 {
    -ms-grid-column-span: 11 !important;
        grid-column-end: span 11 !important;
  }
  .grid-row-sm-11 {
    -ms-grid-row-span: 11 !important;
        grid-row-end: span 11 !important;
  }
  .grid-col-sm-12 {
    -ms-grid-column-span: 12 !important;
        grid-column-end: span 12 !important;
  }
  .grid-row-sm-12 {
    -ms-grid-row-span: 12 !important;
        grid-row-end: span 12 !important;
  }
  .grid-col-sm-13 {
    -ms-grid-column-span: 13 !important;
        grid-column-end: span 13 !important;
  }
  .grid-row-sm-13 {
    -ms-grid-row-span: 13 !important;
        grid-row-end: span 13 !important;
  }
  .grid-col-sm-14 {
    -ms-grid-column-span: 14 !important;
        grid-column-end: span 14 !important;
  }
  .grid-row-sm-14 {
    -ms-grid-row-span: 14 !important;
        grid-row-end: span 14 !important;
  }
  .grid-col-sm-15 {
    -ms-grid-column-span: 15 !important;
        grid-column-end: span 15 !important;
  }
  .grid-row-sm-15 {
    -ms-grid-row-span: 15 !important;
        grid-row-end: span 15 !important;
  }
  .grid-col-sm-16 {
    -ms-grid-column-span: 16 !important;
        grid-column-end: span 16 !important;
  }
  .grid-row-sm-16 {
    -ms-grid-row-span: 16 !important;
        grid-row-end: span 16 !important;
  }
  .grid-col-sm-17 {
    -ms-grid-column-span: 17 !important;
        grid-column-end: span 17 !important;
  }
  .grid-row-sm-17 {
    -ms-grid-row-span: 17 !important;
        grid-row-end: span 17 !important;
  }
  .grid-col-sm-18 {
    -ms-grid-column-span: 18 !important;
        grid-column-end: span 18 !important;
  }
  .grid-row-sm-18 {
    -ms-grid-row-span: 18 !important;
        grid-row-end: span 18 !important;
  }
  .grid-col-sm-19 {
    -ms-grid-column-span: 19 !important;
        grid-column-end: span 19 !important;
  }
  .grid-row-sm-19 {
    -ms-grid-row-span: 19 !important;
        grid-row-end: span 19 !important;
  }
  .grid-col-sm-20 {
    -ms-grid-column-span: 20 !important;
        grid-column-end: span 20 !important;
  }
  .grid-row-sm-20 {
    -ms-grid-row-span: 20 !important;
        grid-row-end: span 20 !important;
  }
  .grid-col-sm-21 {
    -ms-grid-column-span: 21 !important;
        grid-column-end: span 21 !important;
  }
  .grid-row-sm-21 {
    -ms-grid-row-span: 21 !important;
        grid-row-end: span 21 !important;
  }
  .grid-col-sm-22 {
    -ms-grid-column-span: 22 !important;
        grid-column-end: span 22 !important;
  }
  .grid-row-sm-22 {
    -ms-grid-row-span: 22 !important;
        grid-row-end: span 22 !important;
  }
  .grid-col-sm-23 {
    -ms-grid-column-span: 23 !important;
        grid-column-end: span 23 !important;
  }
  .grid-row-sm-23 {
    -ms-grid-row-span: 23 !important;
        grid-row-end: span 23 !important;
  }
  .grid-col-sm-24 {
    -ms-grid-column-span: 24 !important;
        grid-column-end: span 24 !important;
  }
  .grid-row-sm-24 {
    -ms-grid-row-span: 24 !important;
        grid-row-end: span 24 !important;
  }
}

/* md */
@media (min-width: 768px) {
  .container, .grid-container, .grid-container-sm, .grid-container-md {
    max-width: 720px;
  }
  .container-half, .grid-container-half, .grid-container-sm-half, .grid-container-md-half {
    max-width: 360px;
  }
  .offset-container, .offset-sm-container, .offset-md-container {
    margin-left: calc((100vw - 720px) / 2);
  }
  .grid-col-md-1 {
    -ms-grid-column-span: 1 !important;
        grid-column-end: span 1 !important;
  }
  .grid-row-md-1 {
    -ms-grid-row-span: 1 !important;
        grid-row-end: span 1 !important;
  }
  .grid-col-md-2 {
    -ms-grid-column-span: 2 !important;
        grid-column-end: span 2 !important;
  }
  .grid-row-md-2 {
    -ms-grid-row-span: 2 !important;
        grid-row-end: span 2 !important;
  }
  .grid-col-md-3 {
    -ms-grid-column-span: 3 !important;
        grid-column-end: span 3 !important;
  }
  .grid-row-md-3 {
    -ms-grid-row-span: 3 !important;
        grid-row-end: span 3 !important;
  }
  .grid-col-md-4 {
    -ms-grid-column-span: 4 !important;
        grid-column-end: span 4 !important;
  }
  .grid-row-md-4 {
    -ms-grid-row-span: 4 !important;
        grid-row-end: span 4 !important;
  }
  .grid-col-md-5 {
    -ms-grid-column-span: 5 !important;
        grid-column-end: span 5 !important;
  }
  .grid-row-md-5 {
    -ms-grid-row-span: 5 !important;
        grid-row-end: span 5 !important;
  }
  .grid-col-md-6 {
    -ms-grid-column-span: 6 !important;
        grid-column-end: span 6 !important;
  }
  .grid-row-md-6 {
    -ms-grid-row-span: 6 !important;
        grid-row-end: span 6 !important;
  }
  .grid-col-md-7 {
    -ms-grid-column-span: 7 !important;
        grid-column-end: span 7 !important;
  }
  .grid-row-md-7 {
    -ms-grid-row-span: 7 !important;
        grid-row-end: span 7 !important;
  }
  .grid-col-md-8 {
    -ms-grid-column-span: 8 !important;
        grid-column-end: span 8 !important;
  }
  .grid-row-md-8 {
    -ms-grid-row-span: 8 !important;
        grid-row-end: span 8 !important;
  }
  .grid-col-md-9 {
    -ms-grid-column-span: 9 !important;
        grid-column-end: span 9 !important;
  }
  .grid-row-md-9 {
    -ms-grid-row-span: 9 !important;
        grid-row-end: span 9 !important;
  }
  .grid-col-md-10 {
    -ms-grid-column-span: 10 !important;
        grid-column-end: span 10 !important;
  }
  .grid-row-md-10 {
    -ms-grid-row-span: 10 !important;
        grid-row-end: span 10 !important;
  }
  .grid-col-md-11 {
    -ms-grid-column-span: 11 !important;
        grid-column-end: span 11 !important;
  }
  .grid-row-md-11 {
    -ms-grid-row-span: 11 !important;
        grid-row-end: span 11 !important;
  }
  .grid-col-md-12 {
    -ms-grid-column-span: 12 !important;
        grid-column-end: span 12 !important;
  }
  .grid-row-md-12 {
    -ms-grid-row-span: 12 !important;
        grid-row-end: span 12 !important;
  }
  .grid-col-md-13 {
    -ms-grid-column-span: 13 !important;
        grid-column-end: span 13 !important;
  }
  .grid-row-md-13 {
    -ms-grid-row-span: 13 !important;
        grid-row-end: span 13 !important;
  }
  .grid-col-md-14 {
    -ms-grid-column-span: 14 !important;
        grid-column-end: span 14 !important;
  }
  .grid-row-md-14 {
    -ms-grid-row-span: 14 !important;
        grid-row-end: span 14 !important;
  }
  .grid-col-md-15 {
    -ms-grid-column-span: 15 !important;
        grid-column-end: span 15 !important;
  }
  .grid-row-md-15 {
    -ms-grid-row-span: 15 !important;
        grid-row-end: span 15 !important;
  }
  .grid-col-md-16 {
    -ms-grid-column-span: 16 !important;
        grid-column-end: span 16 !important;
  }
  .grid-row-md-16 {
    -ms-grid-row-span: 16 !important;
        grid-row-end: span 16 !important;
  }
  .grid-col-md-17 {
    -ms-grid-column-span: 17 !important;
        grid-column-end: span 17 !important;
  }
  .grid-row-md-17 {
    -ms-grid-row-span: 17 !important;
        grid-row-end: span 17 !important;
  }
  .grid-col-md-18 {
    -ms-grid-column-span: 18 !important;
        grid-column-end: span 18 !important;
  }
  .grid-row-md-18 {
    -ms-grid-row-span: 18 !important;
        grid-row-end: span 18 !important;
  }
  .grid-col-md-19 {
    -ms-grid-column-span: 19 !important;
        grid-column-end: span 19 !important;
  }
  .grid-row-md-19 {
    -ms-grid-row-span: 19 !important;
        grid-row-end: span 19 !important;
  }
  .grid-col-md-20 {
    -ms-grid-column-span: 20 !important;
        grid-column-end: span 20 !important;
  }
  .grid-row-md-20 {
    -ms-grid-row-span: 20 !important;
        grid-row-end: span 20 !important;
  }
  .grid-col-md-21 {
    -ms-grid-column-span: 21 !important;
        grid-column-end: span 21 !important;
  }
  .grid-row-md-21 {
    -ms-grid-row-span: 21 !important;
        grid-row-end: span 21 !important;
  }
  .grid-col-md-22 {
    -ms-grid-column-span: 22 !important;
        grid-column-end: span 22 !important;
  }
  .grid-row-md-22 {
    -ms-grid-row-span: 22 !important;
        grid-row-end: span 22 !important;
  }
  .grid-col-md-23 {
    -ms-grid-column-span: 23 !important;
        grid-column-end: span 23 !important;
  }
  .grid-row-md-23 {
    -ms-grid-row-span: 23 !important;
        grid-row-end: span 23 !important;
  }
  .grid-col-md-24 {
    -ms-grid-column-span: 24 !important;
        grid-column-end: span 24 !important;
  }
  .grid-row-md-24 {
    -ms-grid-row-span: 24 !important;
        grid-row-end: span 24 !important;
  }
}

/* lg */
@media (min-width: 992px) {
  .container, .grid-container, .grid-container-sm, .grid-container-md, .grid-container-lg {
    max-width: 960px;
  }
  .container-half, .grid-container-half, .grid-container-sm-half, .grid-container-md-half, .grid-container-lg-half {
    max-width: 480px;
  }
  .offset-container, .offset-sm-container, .offset-md-container, .offset-lg-container {
    margin-left: calc((100vw - 960px) / 2);
  }
  .grid-col-lg-1 {
    -ms-grid-column-span: 1 !important;
        grid-column-end: span 1 !important;
  }
  .grid-row-lg-1 {
    -ms-grid-row-span: 1 !important;
        grid-row-end: span 1 !important;
  }
  .grid-col-lg-2 {
    -ms-grid-column-span: 2 !important;
        grid-column-end: span 2 !important;
  }
  .grid-row-lg-2 {
    -ms-grid-row-span: 2 !important;
        grid-row-end: span 2 !important;
  }
  .grid-col-lg-3 {
    -ms-grid-column-span: 3 !important;
        grid-column-end: span 3 !important;
  }
  .grid-row-lg-3 {
    -ms-grid-row-span: 3 !important;
        grid-row-end: span 3 !important;
  }
  .grid-col-lg-4 {
    -ms-grid-column-span: 4 !important;
        grid-column-end: span 4 !important;
  }
  .grid-row-lg-4 {
    -ms-grid-row-span: 4 !important;
        grid-row-end: span 4 !important;
  }
  .grid-col-lg-5 {
    -ms-grid-column-span: 5 !important;
        grid-column-end: span 5 !important;
  }
  .grid-row-lg-5 {
    -ms-grid-row-span: 5 !important;
        grid-row-end: span 5 !important;
  }
  .grid-col-lg-6 {
    -ms-grid-column-span: 6 !important;
        grid-column-end: span 6 !important;
  }
  .grid-row-lg-6 {
    -ms-grid-row-span: 6 !important;
        grid-row-end: span 6 !important;
  }
  .grid-col-lg-7 {
    -ms-grid-column-span: 7 !important;
        grid-column-end: span 7 !important;
  }
  .grid-row-lg-7 {
    -ms-grid-row-span: 7 !important;
        grid-row-end: span 7 !important;
  }
  .grid-col-lg-8 {
    -ms-grid-column-span: 8 !important;
        grid-column-end: span 8 !important;
  }
  .grid-row-lg-8 {
    -ms-grid-row-span: 8 !important;
        grid-row-end: span 8 !important;
  }
  .grid-col-lg-9 {
    -ms-grid-column-span: 9 !important;
        grid-column-end: span 9 !important;
  }
  .grid-row-lg-9 {
    -ms-grid-row-span: 9 !important;
        grid-row-end: span 9 !important;
  }
  .grid-col-lg-10 {
    -ms-grid-column-span: 10 !important;
        grid-column-end: span 10 !important;
  }
  .grid-row-lg-10 {
    -ms-grid-row-span: 10 !important;
        grid-row-end: span 10 !important;
  }
  .grid-col-lg-11 {
    -ms-grid-column-span: 11 !important;
        grid-column-end: span 11 !important;
  }
  .grid-row-lg-11 {
    -ms-grid-row-span: 11 !important;
        grid-row-end: span 11 !important;
  }
  .grid-col-lg-12 {
    -ms-grid-column-span: 12 !important;
        grid-column-end: span 12 !important;
  }
  .grid-row-lg-12 {
    -ms-grid-row-span: 12 !important;
        grid-row-end: span 12 !important;
  }
  .grid-col-lg-13 {
    -ms-grid-column-span: 13 !important;
        grid-column-end: span 13 !important;
  }
  .grid-row-lg-13 {
    -ms-grid-row-span: 13 !important;
        grid-row-end: span 13 !important;
  }
  .grid-col-lg-14 {
    -ms-grid-column-span: 14 !important;
        grid-column-end: span 14 !important;
  }
  .grid-row-lg-14 {
    -ms-grid-row-span: 14 !important;
        grid-row-end: span 14 !important;
  }
  .grid-col-lg-15 {
    -ms-grid-column-span: 15 !important;
        grid-column-end: span 15 !important;
  }
  .grid-row-lg-15 {
    -ms-grid-row-span: 15 !important;
        grid-row-end: span 15 !important;
  }
  .grid-col-lg-16 {
    -ms-grid-column-span: 16 !important;
        grid-column-end: span 16 !important;
  }
  .grid-row-lg-16 {
    -ms-grid-row-span: 16 !important;
        grid-row-end: span 16 !important;
  }
  .grid-col-lg-17 {
    -ms-grid-column-span: 17 !important;
        grid-column-end: span 17 !important;
  }
  .grid-row-lg-17 {
    -ms-grid-row-span: 17 !important;
        grid-row-end: span 17 !important;
  }
  .grid-col-lg-18 {
    -ms-grid-column-span: 18 !important;
        grid-column-end: span 18 !important;
  }
  .grid-row-lg-18 {
    -ms-grid-row-span: 18 !important;
        grid-row-end: span 18 !important;
  }
  .grid-col-lg-19 {
    -ms-grid-column-span: 19 !important;
        grid-column-end: span 19 !important;
  }
  .grid-row-lg-19 {
    -ms-grid-row-span: 19 !important;
        grid-row-end: span 19 !important;
  }
  .grid-col-lg-20 {
    -ms-grid-column-span: 20 !important;
        grid-column-end: span 20 !important;
  }
  .grid-row-lg-20 {
    -ms-grid-row-span: 20 !important;
        grid-row-end: span 20 !important;
  }
  .grid-col-lg-21 {
    -ms-grid-column-span: 21 !important;
        grid-column-end: span 21 !important;
  }
  .grid-row-lg-21 {
    -ms-grid-row-span: 21 !important;
        grid-row-end: span 21 !important;
  }
  .grid-col-lg-22 {
    -ms-grid-column-span: 22 !important;
        grid-column-end: span 22 !important;
  }
  .grid-row-lg-22 {
    -ms-grid-row-span: 22 !important;
        grid-row-end: span 22 !important;
  }
  .grid-col-lg-23 {
    -ms-grid-column-span: 23 !important;
        grid-column-end: span 23 !important;
  }
  .grid-row-lg-23 {
    -ms-grid-row-span: 23 !important;
        grid-row-end: span 23 !important;
  }
  .grid-col-lg-24 {
    -ms-grid-column-span: 24 !important;
        grid-column-end: span 24 !important;
  }
  .grid-row-lg-24 {
    -ms-grid-row-span: 24 !important;
        grid-row-end: span 24 !important;
  }
}

/* xl */
@media (min-width: 1200px) {
  .container, .grid-container, .grid-container-sm, .grid-container-md, .grid-container-lg, .grid-container-xl {
    max-width: 1140px;
  }
  .container-half, .grid-container-half, .grid-container-sm-half, .grid-container-md-half, .grid-container-lg-half, .grid-container-xl-half {
    max-width: 570px;
  }
  .offset-container, .offset-sm-container, .offset-md-container, .offset-lg-container, .offset-xl-container {
    margin-left: calc((100vw - 1140px) / 2);
  }
  .grid-col-xl-1 {
    -ms-grid-column-span: 1 !important;
        grid-column-end: span 1 !important;
  }
  .grid-row-xl-1 {
    -ms-grid-row-span: 1 !important;
        grid-row-end: span 1 !important;
  }
  .grid-col-xl-2 {
    -ms-grid-column-span: 2 !important;
        grid-column-end: span 2 !important;
  }
  .grid-row-xl-2 {
    -ms-grid-row-span: 2 !important;
        grid-row-end: span 2 !important;
  }
  .grid-col-xl-3 {
    -ms-grid-column-span: 3 !important;
        grid-column-end: span 3 !important;
  }
  .grid-row-xl-3 {
    -ms-grid-row-span: 3 !important;
        grid-row-end: span 3 !important;
  }
  .grid-col-xl-4 {
    -ms-grid-column-span: 4 !important;
        grid-column-end: span 4 !important;
  }
  .grid-row-xl-4 {
    -ms-grid-row-span: 4 !important;
        grid-row-end: span 4 !important;
  }
  .grid-col-xl-5 {
    -ms-grid-column-span: 5 !important;
        grid-column-end: span 5 !important;
  }
  .grid-row-xl-5 {
    -ms-grid-row-span: 5 !important;
        grid-row-end: span 5 !important;
  }
  .grid-col-xl-6 {
    -ms-grid-column-span: 6 !important;
        grid-column-end: span 6 !important;
  }
  .grid-row-xl-6 {
    -ms-grid-row-span: 6 !important;
        grid-row-end: span 6 !important;
  }
  .grid-col-xl-7 {
    -ms-grid-column-span: 7 !important;
        grid-column-end: span 7 !important;
  }
  .grid-row-xl-7 {
    -ms-grid-row-span: 7 !important;
        grid-row-end: span 7 !important;
  }
  .grid-col-xl-8 {
    -ms-grid-column-span: 8 !important;
        grid-column-end: span 8 !important;
  }
  .grid-row-xl-8 {
    -ms-grid-row-span: 8 !important;
        grid-row-end: span 8 !important;
  }
  .grid-col-xl-9 {
    -ms-grid-column-span: 9 !important;
        grid-column-end: span 9 !important;
  }
  .grid-row-xl-9 {
    -ms-grid-row-span: 9 !important;
        grid-row-end: span 9 !important;
  }
  .grid-col-xl-10 {
    -ms-grid-column-span: 10 !important;
        grid-column-end: span 10 !important;
  }
  .grid-row-xl-10 {
    -ms-grid-row-span: 10 !important;
        grid-row-end: span 10 !important;
  }
  .grid-col-xl-11 {
    -ms-grid-column-span: 11 !important;
        grid-column-end: span 11 !important;
  }
  .grid-row-xl-11 {
    -ms-grid-row-span: 11 !important;
        grid-row-end: span 11 !important;
  }
  .grid-col-xl-12 {
    -ms-grid-column-span: 12 !important;
        grid-column-end: span 12 !important;
  }
  .grid-row-xl-12 {
    -ms-grid-row-span: 12 !important;
        grid-row-end: span 12 !important;
  }
  .grid-col-xl-13 {
    -ms-grid-column-span: 13 !important;
        grid-column-end: span 13 !important;
  }
  .grid-row-xl-13 {
    -ms-grid-row-span: 13 !important;
        grid-row-end: span 13 !important;
  }
  .grid-col-xl-14 {
    -ms-grid-column-span: 14 !important;
        grid-column-end: span 14 !important;
  }
  .grid-row-xl-14 {
    -ms-grid-row-span: 14 !important;
        grid-row-end: span 14 !important;
  }
  .grid-col-xl-15 {
    -ms-grid-column-span: 15 !important;
        grid-column-end: span 15 !important;
  }
  .grid-row-xl-15 {
    -ms-grid-row-span: 15 !important;
        grid-row-end: span 15 !important;
  }
  .grid-col-xl-16 {
    -ms-grid-column-span: 16 !important;
        grid-column-end: span 16 !important;
  }
  .grid-row-xl-16 {
    -ms-grid-row-span: 16 !important;
        grid-row-end: span 16 !important;
  }
  .grid-col-xl-17 {
    -ms-grid-column-span: 17 !important;
        grid-column-end: span 17 !important;
  }
  .grid-row-xl-17 {
    -ms-grid-row-span: 17 !important;
        grid-row-end: span 17 !important;
  }
  .grid-col-xl-18 {
    -ms-grid-column-span: 18 !important;
        grid-column-end: span 18 !important;
  }
  .grid-row-xl-18 {
    -ms-grid-row-span: 18 !important;
        grid-row-end: span 18 !important;
  }
  .grid-col-xl-19 {
    -ms-grid-column-span: 19 !important;
        grid-column-end: span 19 !important;
  }
  .grid-row-xl-19 {
    -ms-grid-row-span: 19 !important;
        grid-row-end: span 19 !important;
  }
  .grid-col-xl-20 {
    -ms-grid-column-span: 20 !important;
        grid-column-end: span 20 !important;
  }
  .grid-row-xl-20 {
    -ms-grid-row-span: 20 !important;
        grid-row-end: span 20 !important;
  }
  .grid-col-xl-21 {
    -ms-grid-column-span: 21 !important;
        grid-column-end: span 21 !important;
  }
  .grid-row-xl-21 {
    -ms-grid-row-span: 21 !important;
        grid-row-end: span 21 !important;
  }
  .grid-col-xl-22 {
    -ms-grid-column-span: 22 !important;
        grid-column-end: span 22 !important;
  }
  .grid-row-xl-22 {
    -ms-grid-row-span: 22 !important;
        grid-row-end: span 22 !important;
  }
  .grid-col-xl-23 {
    -ms-grid-column-span: 23 !important;
        grid-column-end: span 23 !important;
  }
  .grid-row-xl-23 {
    -ms-grid-row-span: 23 !important;
        grid-row-end: span 23 !important;
  }
  .grid-col-xl-24 {
    -ms-grid-column-span: 24 !important;
        grid-column-end: span 24 !important;
  }
  .grid-row-xl-24 {
    -ms-grid-row-span: 24 !important;
        grid-row-end: span 24 !important;
  }
}
/*# sourceMappingURL=grid.css.map */