/*
/ flexgridcombo.css - A modern grid system based on CSS flexbox and CSS grid
/ author: Bhakti Al Akbar
/ email: balapa95@gmail.com
*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex.flex--unwrap {
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}
.flex .col-1 {
  -ms-flex-preferred-size: 8.333333333333334%;
      flex-basis: 8.333333333333334%;
  max-width: 8.333333333333334%;
}
.flex .offset-0 {
  margin-left: 0%;
}
.flex .col-2 {
  -ms-flex-preferred-size: 16.666666666666668%;
      flex-basis: 16.666666666666668%;
  max-width: 16.666666666666668%;
}
.flex .offset-1 {
  margin-left: 8.333333333333334%;
}
.flex .col-3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
.flex .offset-2 {
  margin-left: 16.666666666666668%;
}
.flex .col-4 {
  -ms-flex-preferred-size: 33.333333333333336%;
      flex-basis: 33.333333333333336%;
  max-width: 33.333333333333336%;
}
.flex .offset-3 {
  margin-left: 25%;
}
.flex .col-5 {
  -ms-flex-preferred-size: 41.66666666666667%;
      flex-basis: 41.66666666666667%;
  max-width: 41.66666666666667%;
}
.flex .offset-4 {
  margin-left: 33.333333333333336%;
}
.flex .col-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.flex .offset-5 {
  margin-left: 41.66666666666667%;
}
.flex .col-7 {
  -ms-flex-preferred-size: 58.333333333333336%;
      flex-basis: 58.333333333333336%;
  max-width: 58.333333333333336%;
}
.flex .offset-6 {
  margin-left: 50%;
}
.flex .col-8 {
  -ms-flex-preferred-size: 66.66666666666667%;
      flex-basis: 66.66666666666667%;
  max-width: 66.66666666666667%;
}
.flex .offset-7 {
  margin-left: 58.333333333333336%;
}
.flex .col-9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}
.flex .offset-8 {
  margin-left: 66.66666666666667%;
}
.flex .col-10 {
  -ms-flex-preferred-size: 83.33333333333334%;
      flex-basis: 83.33333333333334%;
  max-width: 83.33333333333334%;
}
.flex .offset-9 {
  margin-left: 75%;
}
.flex .col-11 {
  -ms-flex-preferred-size: 91.66666666666667%;
      flex-basis: 91.66666666666667%;
  max-width: 91.66666666666667%;
}
.flex .offset-10 {
  margin-left: 83.33333333333334%;
}
.flex .col-12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.flex .offset-11 {
  margin-left: 91.66666666666667%;
}
@media (min-width: 350px) {
  .flex .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .flex .col-sm-1 {
    -ms-flex-preferred-size: 8.333333333333334%;
        flex-basis: 8.333333333333334%;
    max-width: 8.333333333333334%;
  }
  .flex .offset-sm-0 {
    margin-left: 0%;
  }
  .flex .col-sm-2 {
    -ms-flex-preferred-size: 16.666666666666668%;
        flex-basis: 16.666666666666668%;
    max-width: 16.666666666666668%;
  }
  .flex .offset-sm-1 {
    margin-left: 8.333333333333334%;
  }
  .flex .col-sm-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .flex .offset-sm-2 {
    margin-left: 16.666666666666668%;
  }
  .flex .col-sm-4 {
    -ms-flex-preferred-size: 33.333333333333336%;
        flex-basis: 33.333333333333336%;
    max-width: 33.333333333333336%;
  }
  .flex .offset-sm-3 {
    margin-left: 25%;
  }
  .flex .col-sm-5 {
    -ms-flex-preferred-size: 41.66666666666667%;
        flex-basis: 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .flex .offset-sm-4 {
    margin-left: 33.333333333333336%;
  }
  .flex .col-sm-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .flex .offset-sm-5 {
    margin-left: 41.66666666666667%;
  }
  .flex .col-sm-7 {
    -ms-flex-preferred-size: 58.333333333333336%;
        flex-basis: 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .flex .offset-sm-6 {
    margin-left: 50%;
  }
  .flex .col-sm-8 {
    -ms-flex-preferred-size: 66.66666666666667%;
        flex-basis: 66.66666666666667%;
    max-width: 66.66666666666667%;
  }
  .flex .offset-sm-7 {
    margin-left: 58.333333333333336%;
  }
  .flex .col-sm-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .flex .offset-sm-8 {
    margin-left: 66.66666666666667%;
  }
  .flex .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333333334%;
        flex-basis: 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .flex .offset-sm-9 {
    margin-left: 75%;
  }
  .flex .col-sm-11 {
    -ms-flex-preferred-size: 91.66666666666667%;
        flex-basis: 91.66666666666667%;
    max-width: 91.66666666666667%;
  }
  .flex .offset-sm-10 {
    margin-left: 83.33333333333334%;
  }
  .flex .col-sm-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .flex .offset-sm-11 {
    margin-left: 91.66666666666667%;
  }
}
@media (min-width: 950px) {
  .flex .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .flex .col-md-1 {
    -ms-flex-preferred-size: 8.333333333333334%;
        flex-basis: 8.333333333333334%;
    max-width: 8.333333333333334%;
  }
  .flex .offset-md-0 {
    margin-left: 0%;
  }
  .flex .col-md-2 {
    -ms-flex-preferred-size: 16.666666666666668%;
        flex-basis: 16.666666666666668%;
    max-width: 16.666666666666668%;
  }
  .flex .offset-md-1 {
    margin-left: 8.333333333333334%;
  }
  .flex .col-md-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .flex .offset-md-2 {
    margin-left: 16.666666666666668%;
  }
  .flex .col-md-4 {
    -ms-flex-preferred-size: 33.333333333333336%;
        flex-basis: 33.333333333333336%;
    max-width: 33.333333333333336%;
  }
  .flex .offset-md-3 {
    margin-left: 25%;
  }
  .flex .col-md-5 {
    -ms-flex-preferred-size: 41.66666666666667%;
        flex-basis: 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .flex .offset-md-4 {
    margin-left: 33.333333333333336%;
  }
  .flex .col-md-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .flex .offset-md-5 {
    margin-left: 41.66666666666667%;
  }
  .flex .col-md-7 {
    -ms-flex-preferred-size: 58.333333333333336%;
        flex-basis: 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .flex .offset-md-6 {
    margin-left: 50%;
  }
  .flex .col-md-8 {
    -ms-flex-preferred-size: 66.66666666666667%;
        flex-basis: 66.66666666666667%;
    max-width: 66.66666666666667%;
  }
  .flex .offset-md-7 {
    margin-left: 58.333333333333336%;
  }
  .flex .col-md-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .flex .offset-md-8 {
    margin-left: 66.66666666666667%;
  }
  .flex .col-md-10 {
    -ms-flex-preferred-size: 83.33333333333334%;
        flex-basis: 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .flex .offset-md-9 {
    margin-left: 75%;
  }
  .flex .col-md-11 {
    -ms-flex-preferred-size: 91.66666666666667%;
        flex-basis: 91.66666666666667%;
    max-width: 91.66666666666667%;
  }
  .flex .offset-md-10 {
    margin-left: 83.33333333333334%;
  }
  .flex .col-md-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .flex .offset-md-11 {
    margin-left: 91.66666666666667%;
  }
}
@media (min-width: 992px) {
  .flex .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .flex .col-lg-1 {
    -ms-flex-preferred-size: 8.333333333333334%;
        flex-basis: 8.333333333333334%;
    max-width: 8.333333333333334%;
  }
  .flex .offset-lg-0 {
    margin-left: 0%;
  }
  .flex .col-lg-2 {
    -ms-flex-preferred-size: 16.666666666666668%;
        flex-basis: 16.666666666666668%;
    max-width: 16.666666666666668%;
  }
  .flex .offset-lg-1 {
    margin-left: 8.333333333333334%;
  }
  .flex .col-lg-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  .flex .offset-lg-2 {
    margin-left: 16.666666666666668%;
  }
  .flex .col-lg-4 {
    -ms-flex-preferred-size: 33.333333333333336%;
        flex-basis: 33.333333333333336%;
    max-width: 33.333333333333336%;
  }
  .flex .offset-lg-3 {
    margin-left: 25%;
  }
  .flex .col-lg-5 {
    -ms-flex-preferred-size: 41.66666666666667%;
        flex-basis: 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .flex .offset-lg-4 {
    margin-left: 33.333333333333336%;
  }
  .flex .col-lg-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .flex .offset-lg-5 {
    margin-left: 41.66666666666667%;
  }
  .flex .col-lg-7 {
    -ms-flex-preferred-size: 58.333333333333336%;
        flex-basis: 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .flex .offset-lg-6 {
    margin-left: 50%;
  }
  .flex .col-lg-8 {
    -ms-flex-preferred-size: 66.66666666666667%;
        flex-basis: 66.66666666666667%;
    max-width: 66.66666666666667%;
  }
  .flex .offset-lg-7 {
    margin-left: 58.333333333333336%;
  }
  .flex .col-lg-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  .flex .offset-lg-8 {
    margin-left: 66.66666666666667%;
  }
  .flex .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333333334%;
        flex-basis: 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .flex .offset-lg-9 {
    margin-left: 75%;
  }
  .flex .col-lg-11 {
    -ms-flex-preferred-size: 91.66666666666667%;
        flex-basis: 91.66666666666667%;
    max-width: 91.66666666666667%;
  }
  .flex .offset-lg-10 {
    margin-left: 83.33333333333334%;
  }
  .flex .col-lg-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .flex .offset-lg-11 {
    margin-left: 91.66666666666667%;
  }
}
.justify-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.justify-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.justify-unset {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}
.align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.align-unset {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
@media (min-width: 350px) and (max-width: 767.98px) {
  .justify-left-sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-center-sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-right-sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-evenly-sm {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .justify-between-sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-around-sm {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .justify-unset-sm {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  .align-top-sm {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .align-middle-sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .align-bottom-sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .align-unset-sm {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
@media (min-width: 950px) and (max-width: 991.98px) {
  .justify-left-md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-right-md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-evenly-md {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .justify-between-md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-around-md {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .justify-unset-md {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  .align-top-md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .align-middle-md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .align-bottom-md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .align-unset-md {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .justify-left-lg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-center-lg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-right-lg {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-evenly-lg {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .justify-between-lg {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-around-lg {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .justify-unset-lg {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  .align-top-lg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .align-middle-lg {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .align-bottom-lg {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .align-unset-lg {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.grid {
  display: -ms-grid;
  display: grid;
}
.grid.grid--gap {
  grid-gap: 15px;
}
.grid.grid--gap-none {
  grid-gap: 0;
}
@media (min-width: 350px) {
  .grid.grid--gap-sm {
    grid-gap: 15px;
  }
  .grid.grid--gap-sm-none {
    grid-gap: 0;
  }
}
@media (min-width: 950px) {
  .grid.grid--gap-md {
    grid-gap: 15px;
  }
  .grid.grid--gap-md-none {
    grid-gap: 0;
  }
}
@media (min-width: 992px) {
  .grid.grid--gap-lg {
    grid-gap: 15px;
  }
  .grid.grid--gap-lg-none {
    grid-gap: 0;
  }
}
.grid.cols-1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
}
.grid.cols-2 {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.grid.cols-3 {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.grid.cols-4 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(4, 1fr);
}
.grid.cols-5 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(5, 1fr);
}
.grid.cols-6 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(6, 1fr);
}
.grid.cols-7 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
}
.grid.cols-8 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(8, 1fr);
}
.grid.cols-9 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(9, 1fr);
}
.grid.cols-10 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(10, 1fr);
}
.grid.cols-11 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(11, 1fr);
}
.grid.cols-12 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
}
.grid.cols-13 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(13, 1fr);
}
@media (min-width: 350px) {
  .grid.cols-sm-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.cols-sm-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.cols-sm-3 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.cols-sm-4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.cols-sm-5 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.cols-sm-6 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.cols-sm-7 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.cols-sm-8 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.cols-sm-9 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.cols-sm-10 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.cols-sm-11 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.cols-sm-12 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.cols-sm-13 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(13, 1fr);
  }
}
@media (min-width: 950px) {
  .grid.cols-md-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.cols-md-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.cols-md-3 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.cols-md-4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.cols-md-5 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.cols-md-6 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.cols-md-7 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.cols-md-8 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.cols-md-9 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.cols-md-10 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.cols-md-11 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.cols-md-12 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.cols-md-13 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(13, 1fr);
  }
}
@media (min-width: 992px) {
  .grid.cols-lg-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.cols-lg-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.cols-lg-3 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.cols-lg-4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.cols-lg-5 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.cols-lg-6 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.cols-lg-7 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.cols-lg-8 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.cols-lg-9 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.cols-lg-10 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.cols-lg-11 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.cols-lg-12 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.cols-lg-13 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(13, 1fr);
  }
}
.grid .span-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.grid .col-start-1 {
  -ms-grid-column: 1;
      grid-column-start: 1;
}
.grid .col-end-1 {
  -ms-grid-column-span: 1;
  grid-column-end: 1;
}
.grid .span-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.grid .col-start-2 {
  -ms-grid-column: 2;
      grid-column-start: 2;
}
.grid .col-end-2 {
  -ms-grid-column-span: 2;
  grid-column-end: 2;
}
.grid .span-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.grid .col-start-3 {
  -ms-grid-column: 3;
      grid-column-start: 3;
}
.grid .col-end-3 {
  -ms-grid-column-span: 3;
  grid-column-end: 3;
}
.grid .span-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.grid .col-start-4 {
  -ms-grid-column: 4;
      grid-column-start: 4;
}
.grid .col-end-4 {
  -ms-grid-column-span: 4;
  grid-column-end: 4;
}
.grid .span-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
.grid .col-start-5 {
  -ms-grid-column: 5;
      grid-column-start: 5;
}
.grid .col-end-5 {
  -ms-grid-column-span: 5;
  grid-column-end: 5;
}
.grid .span-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
.grid .col-start-6 {
  -ms-grid-column: 6;
      grid-column-start: 6;
}
.grid .col-end-6 {
  -ms-grid-column-span: 6;
  grid-column-end: 6;
}
.grid .span-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}
.grid .col-start-7 {
  -ms-grid-column: 7;
      grid-column-start: 7;
}
.grid .col-end-7 {
  -ms-grid-column-span: 7;
  grid-column-end: 7;
}
.grid .span-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
.grid .col-start-8 {
  -ms-grid-column: 8;
      grid-column-start: 8;
}
.grid .col-end-8 {
  -ms-grid-column-span: 8;
  grid-column-end: 8;
}
.grid .span-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}
.grid .col-start-9 {
  -ms-grid-column: 9;
      grid-column-start: 9;
}
.grid .col-end-9 {
  -ms-grid-column-span: 9;
  grid-column-end: 9;
}
.grid .span-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}
.grid .col-start-10 {
  -ms-grid-column: 10;
      grid-column-start: 10;
}
.grid .col-end-10 {
  -ms-grid-column-span: 10;
  grid-column-end: 10;
}
.grid .span-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}
.grid .col-start-11 {
  -ms-grid-column: 11;
      grid-column-start: 11;
}
.grid .col-end-11 {
  -ms-grid-column-span: 11;
  grid-column-end: 11;
}
.grid .span-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
.grid .col-start-12 {
  -ms-grid-column: 12;
      grid-column-start: 12;
}
.grid .col-end-12 {
  -ms-grid-column-span: 12;
  grid-column-end: 12;
}
.grid .span-13 {
  -ms-grid-column-span: 13;
  grid-column: span 13;
}
.grid .col-start-13 {
  -ms-grid-column: 13;
      grid-column-start: 13;
}
.grid .col-end-13 {
  -ms-grid-column-span: 13;
  grid-column-end: 13;
}
@media (min-width: 350px) {
  .grid .span-sm-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid .col-start-sm-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .grid .col-end-sm-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  .grid .span-sm-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid .col-start-sm-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .grid .col-end-sm-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
  .grid .span-sm-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid .col-start-sm-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .grid .col-end-sm-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }
  .grid .span-sm-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid .col-start-sm-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .grid .col-end-sm-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }
  .grid .span-sm-5 {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid .col-start-sm-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .grid .col-end-sm-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5;
  }
  .grid .span-sm-6 {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid .col-start-sm-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .grid .col-end-sm-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
  }
  .grid .span-sm-7 {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid .col-start-sm-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .grid .col-end-sm-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7;
  }
  .grid .span-sm-8 {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid .col-start-sm-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .grid .col-end-sm-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
  }
  .grid .span-sm-9 {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid .col-start-sm-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .grid .col-end-sm-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9;
  }
  .grid .span-sm-10 {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid .col-start-sm-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .grid .col-end-sm-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10;
  }
  .grid .span-sm-11 {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid .col-start-sm-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .grid .col-end-sm-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11;
  }
  .grid .span-sm-12 {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid .col-start-sm-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .grid .col-end-sm-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
  }
  .grid .span-sm-13 {
    -ms-grid-column-span: 13;
    grid-column: span 13;
  }
  .grid .col-start-sm-13 {
    -ms-grid-column: 13;
        grid-column-start: 13;
  }
  .grid .col-end-sm-13 {
    -ms-grid-column-span: 13;
    grid-column-end: span 13;
  }
}
@media (min-width: 950px) {
  .grid .span-md-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid .col-start-md-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .grid .col-end-md-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  .grid .span-md-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid .col-start-md-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .grid .col-end-md-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
  .grid .span-md-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid .col-start-md-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .grid .col-end-md-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }
  .grid .span-md-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid .col-start-md-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .grid .col-end-md-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }
  .grid .span-md-5 {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid .col-start-md-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .grid .col-end-md-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5;
  }
  .grid .span-md-6 {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid .col-start-md-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .grid .col-end-md-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
  }
  .grid .span-md-7 {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid .col-start-md-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .grid .col-end-md-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7;
  }
  .grid .span-md-8 {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid .col-start-md-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .grid .col-end-md-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
  }
  .grid .span-md-9 {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid .col-start-md-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .grid .col-end-md-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9;
  }
  .grid .span-md-10 {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid .col-start-md-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .grid .col-end-md-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10;
  }
  .grid .span-md-11 {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid .col-start-md-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .grid .col-end-md-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11;
  }
  .grid .span-md-12 {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid .col-start-md-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .grid .col-end-md-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
  }
  .grid .span-md-13 {
    -ms-grid-column-span: 13;
    grid-column: span 13;
  }
  .grid .col-start-md-13 {
    -ms-grid-column: 13;
        grid-column-start: 13;
  }
  .grid .col-end-md-13 {
    -ms-grid-column-span: 13;
    grid-column-end: span 13;
  }
}
@media (min-width: 992px) {
  .grid .span-lg-1 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .grid .col-start-lg-1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .grid .col-end-lg-1 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  .grid .span-lg-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .grid .col-start-lg-2 {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
  .grid .col-end-lg-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
  .grid .span-lg-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .grid .col-start-lg-3 {
    -ms-grid-column: 3;
        grid-column-start: 3;
  }
  .grid .col-end-lg-3 {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }
  .grid .span-lg-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
  .grid .col-start-lg-4 {
    -ms-grid-column: 4;
        grid-column-start: 4;
  }
  .grid .col-end-lg-4 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }
  .grid .span-lg-5 {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .grid .col-start-lg-5 {
    -ms-grid-column: 5;
        grid-column-start: 5;
  }
  .grid .col-end-lg-5 {
    -ms-grid-column-span: 5;
    grid-column-end: span 5;
  }
  .grid .span-lg-6 {
    -ms-grid-column-span: 6;
    grid-column: span 6;
  }
  .grid .col-start-lg-6 {
    -ms-grid-column: 6;
        grid-column-start: 6;
  }
  .grid .col-end-lg-6 {
    -ms-grid-column-span: 6;
    grid-column-end: span 6;
  }
  .grid .span-lg-7 {
    -ms-grid-column-span: 7;
    grid-column: span 7;
  }
  .grid .col-start-lg-7 {
    -ms-grid-column: 7;
        grid-column-start: 7;
  }
  .grid .col-end-lg-7 {
    -ms-grid-column-span: 7;
    grid-column-end: span 7;
  }
  .grid .span-lg-8 {
    -ms-grid-column-span: 8;
    grid-column: span 8;
  }
  .grid .col-start-lg-8 {
    -ms-grid-column: 8;
        grid-column-start: 8;
  }
  .grid .col-end-lg-8 {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
  }
  .grid .span-lg-9 {
    -ms-grid-column-span: 9;
    grid-column: span 9;
  }
  .grid .col-start-lg-9 {
    -ms-grid-column: 9;
        grid-column-start: 9;
  }
  .grid .col-end-lg-9 {
    -ms-grid-column-span: 9;
    grid-column-end: span 9;
  }
  .grid .span-lg-10 {
    -ms-grid-column-span: 10;
    grid-column: span 10;
  }
  .grid .col-start-lg-10 {
    -ms-grid-column: 10;
        grid-column-start: 10;
  }
  .grid .col-end-lg-10 {
    -ms-grid-column-span: 10;
    grid-column-end: span 10;
  }
  .grid .span-lg-11 {
    -ms-grid-column-span: 11;
    grid-column: span 11;
  }
  .grid .col-start-lg-11 {
    -ms-grid-column: 11;
        grid-column-start: 11;
  }
  .grid .col-end-lg-11 {
    -ms-grid-column-span: 11;
    grid-column-end: span 11;
  }
  .grid .span-lg-12 {
    -ms-grid-column-span: 12;
    grid-column: span 12;
  }
  .grid .col-start-lg-12 {
    -ms-grid-column: 12;
        grid-column-start: 12;
  }
  .grid .col-end-lg-12 {
    -ms-grid-column-span: 12;
    grid-column-end: span 12;
  }
  .grid .span-lg-13 {
    -ms-grid-column-span: 13;
    grid-column: span 13;
  }
  .grid .col-start-lg-13 {
    -ms-grid-column: 13;
        grid-column-start: 13;
  }
  .grid .col-end-lg-13 {
    -ms-grid-column-span: 13;
    grid-column-end: span 13;
  }
}