/* ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System
========================================================================== */
[class*="grid"] {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  display: webkit-box;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
      flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.col,
[class*="col-"] {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  padding: 0 1rem; }

[class*="col-"] .col, [class*="col-"] [class*="col-"], .col .col, .col [class*="col-"] {
  padding: 0; }

.grid.col,
.grid[class*="col-"] {
  margin: 0;
  padding: 0; }

/************************
    HELPERS SUFFIXES
*************************/
[class*="grid-"][class*="-noGutter"] {
  margin: 0; }
  [class*="grid-"][class*="-noGutter"] > [class*="col"] {
    padding: 0; }

[class*="grid-"][class*="-center"] {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

[class*="grid-"][class*="-right"] {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-left: auto; }

[class*="grid-"][class*="-top"] {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

[class*="grid-"][class*="-middle"] {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

[class*="grid-"][class*="-bottom"] {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

[class*="grid-"][class*="-reverse"] {
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

[class*="grid-"][class*="-column"] {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  [class*="grid-"][class*="-column"] > [class*="col-"] {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; }

[class*="grid-"][class*="-column-reverse"] {
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

[class*="grid-"][class*="-spaceBetween"] {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

[class*="grid-"][class*="-spaceAround"] {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

[class*="grid-"][class*="-equalHeight"] > [class*="col"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

[class*="col-"][class*="-top"] {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }

[class*="col-"][class*="-middle"] {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

[class*="col-"][class*="-bottom"] {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end; }

[class*="col-"][class*="-first"] {
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1; }

[class*="col-"][class*="-last"] {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

/************************
    GRID BY NUMBER
*************************/
[class*="grid-1"] > .col, [class*="grid-1"] > [class*='col-'] {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%; }

[class*="grid-2"] > .col, [class*="grid-2"] > [class*='col-'] {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%; }

[class*="grid-3"] > .col, [class*="grid-3"] > [class*='col-'] {
  -webkit-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
  max-width: 33.33333%; }

[class*="grid-4"] > .col, [class*="grid-4"] > [class*='col-'] {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%; }

[class*="grid-5"] > .col, [class*="grid-5"] > [class*='col-'] {
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
  max-width: 20%; }

[class*="grid-6"] > .col, [class*="grid-6"] > [class*='col-'] {
  -webkit-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
  max-width: 16.66667%; }

[class*="grid-7"] > .col, [class*="grid-7"] > [class*='col-'] {
  -webkit-flex-basis: 14.28571%;
      -ms-flex-preferred-size: 14.28571%;
          flex-basis: 14.28571%;
  max-width: 14.28571%; }

[class*="grid-8"] > .col, [class*="grid-8"] > [class*='col-'] {
  -webkit-flex-basis: 12.5%;
      -ms-flex-preferred-size: 12.5%;
          flex-basis: 12.5%;
  max-width: 12.5%; }

[class*="grid-9"] > .col, [class*="grid-9"] > [class*='col-'] {
  -webkit-flex-basis: 11.11111%;
      -ms-flex-preferred-size: 11.11111%;
          flex-basis: 11.11111%;
  max-width: 11.11111%; }

[class*="grid-10"] > .col, [class*="grid-10"] > [class*='col-'] {
  -webkit-flex-basis: 10%;
      -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
  max-width: 10%; }

[class*="grid-11"] > .col, [class*="grid-11"] > [class*='col-'] {
  -webkit-flex-basis: 9.09091%;
      -ms-flex-preferred-size: 9.09091%;
          flex-basis: 9.09091%;
  max-width: 9.09091%; }

[class*="grid-12"] > .col, [class*="grid-12"] > [class*='col-'] {
  -webkit-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
  max-width: 8.33333%; }

@media screen and (min-width: 600px) {
  [class*="_sm-1"] > .col, [class*="_sm-1"] > [class*='col-'] {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  [class*="_sm-2"] > .col, [class*="_sm-2"] > [class*='col-'] {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  [class*="_sm-3"] > .col, [class*="_sm-3"] > [class*='col-'] {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_sm-4"] > .col, [class*="_sm-4"] > [class*='col-'] {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  [class*="_sm-5"] > .col, [class*="_sm-5"] > [class*='col-'] {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
  [class*="_sm-6"] > .col, [class*="_sm-6"] > [class*='col-'] {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_sm-7"] > .col, [class*="_sm-7"] > [class*='col-'] {
    -webkit-flex-basis: 14.28571%;
        -ms-flex-preferred-size: 14.28571%;
            flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_sm-8"] > .col, [class*="_sm-8"] > [class*='col-'] {
    -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_sm-9"] > .col, [class*="_sm-9"] > [class*='col-'] {
    -webkit-flex-basis: 11.11111%;
        -ms-flex-preferred-size: 11.11111%;
            flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_sm-10"] > .col, [class*="_sm-10"] > [class*='col-'] {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
    max-width: 10%; }
  [class*="_sm-11"] > .col, [class*="_sm-11"] > [class*='col-'] {
    -webkit-flex-basis: 9.09091%;
        -ms-flex-preferred-size: 9.09091%;
            flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_sm-12"] > .col, [class*="_sm-12"] > [class*='col-'] {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (min-width: 768px) {
  [class*="_md-1"] > .col, [class*="_md-1"] > [class*='col-'] {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  [class*="_md-2"] > .col, [class*="_md-2"] > [class*='col-'] {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  [class*="_md-3"] > .col, [class*="_md-3"] > [class*='col-'] {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_md-4"] > .col, [class*="_md-4"] > [class*='col-'] {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  [class*="_md-5"] > .col, [class*="_md-5"] > [class*='col-'] {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
  [class*="_md-6"] > .col, [class*="_md-6"] > [class*='col-'] {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_md-7"] > .col, [class*="_md-7"] > [class*='col-'] {
    -webkit-flex-basis: 14.28571%;
        -ms-flex-preferred-size: 14.28571%;
            flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_md-8"] > .col, [class*="_md-8"] > [class*='col-'] {
    -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_md-9"] > .col, [class*="_md-9"] > [class*='col-'] {
    -webkit-flex-basis: 11.11111%;
        -ms-flex-preferred-size: 11.11111%;
            flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_md-10"] > .col, [class*="_md-10"] > [class*='col-'] {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
    max-width: 10%; }
  [class*="_md-11"] > .col, [class*="_md-11"] > [class*='col-'] {
    -webkit-flex-basis: 9.09091%;
        -ms-flex-preferred-size: 9.09091%;
            flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_md-12"] > .col, [class*="_md-12"] > [class*='col-'] {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (min-width: 1000px) {
  [class*="_lg-1"] > .col, [class*="_lg-1"] > [class*='col-'] {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  [class*="_lg-2"] > .col, [class*="_lg-2"] > [class*='col-'] {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  [class*="_lg-3"] > .col, [class*="_lg-3"] > [class*='col-'] {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_lg-4"] > .col, [class*="_lg-4"] > [class*='col-'] {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  [class*="_lg-5"] > .col, [class*="_lg-5"] > [class*='col-'] {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
  [class*="_lg-6"] > .col, [class*="_lg-6"] > [class*='col-'] {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_lg-7"] > .col, [class*="_lg-7"] > [class*='col-'] {
    -webkit-flex-basis: 14.28571%;
        -ms-flex-preferred-size: 14.28571%;
            flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_lg-8"] > .col, [class*="_lg-8"] > [class*='col-'] {
    -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_lg-9"] > .col, [class*="_lg-9"] > [class*='col-'] {
    -webkit-flex-basis: 11.11111%;
        -ms-flex-preferred-size: 11.11111%;
            flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_lg-10"] > .col, [class*="_lg-10"] > [class*='col-'] {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
    max-width: 10%; }
  [class*="_lg-11"] > .col, [class*="_lg-11"] > [class*='col-'] {
    -webkit-flex-basis: 9.09091%;
        -ms-flex-preferred-size: 9.09091%;
            flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_lg-12"] > .col, [class*="_lg-12"] > [class*='col-'] {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (min-width: 1500px) {
  [class*="_xl-1"] > .col, [class*="_xl-1"] > [class*='col-'] {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  [class*="_xl-2"] > .col, [class*="_xl-2"] > [class*='col-'] {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  [class*="_xl-3"] > .col, [class*="_xl-3"] > [class*='col-'] {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_xl-4"] > .col, [class*="_xl-4"] > [class*='col-'] {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  [class*="_xl-5"] > .col, [class*="_xl-5"] > [class*='col-'] {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
  [class*="_xl-6"] > .col, [class*="_xl-6"] > [class*='col-'] {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_xl-7"] > .col, [class*="_xl-7"] > [class*='col-'] {
    -webkit-flex-basis: 14.28571%;
        -ms-flex-preferred-size: 14.28571%;
            flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_xl-8"] > .col, [class*="_xl-8"] > [class*='col-'] {
    -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_xl-9"] > .col, [class*="_xl-9"] > [class*='col-'] {
    -webkit-flex-basis: 11.11111%;
        -ms-flex-preferred-size: 11.11111%;
            flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_xl-10"] > .col, [class*="_xl-10"] > [class*='col-'] {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
    max-width: 10%; }
  [class*="_xl-11"] > .col, [class*="_xl-11"] > [class*='col-'] {
    -webkit-flex-basis: 9.09091%;
        -ms-flex-preferred-size: 9.09091%;
            flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_xl-12"] > .col, [class*="_xl-12"] > [class*='col-'] {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; } }

/************************
    COLS SIZES
*************************/
[class*='grid'] > [class*="col-1"] {
  -webkit-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
  max-width: 8.33333%; }

[class*='grid'] > [class*="col-2"] {
  -webkit-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
  max-width: 16.66667%; }

[class*='grid'] > [class*="col-3"] {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%; }

[class*='grid'] > [class*="col-4"] {
  -webkit-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
  max-width: 33.33333%; }

[class*='grid'] > [class*="col-5"] {
  -webkit-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
  max-width: 41.66667%; }

[class*='grid'] > [class*="col-6"] {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%; }

[class*='grid'] > [class*="col-7"] {
  -webkit-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
  max-width: 58.33333%; }

[class*='grid'] > [class*="col-8"] {
  -webkit-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
  max-width: 66.66667%; }

[class*='grid'] > [class*="col-9"] {
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
  max-width: 75%; }

[class*='grid'] > [class*="col-10"] {
  -webkit-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
  max-width: 83.33333%; }

[class*='grid'] > [class*="col-11"] {
  -webkit-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
          flex-basis: 91.66667%;
  max-width: 91.66667%; }

[class*='grid'] > [class*="col-12"] {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%; }

[class*="grid"] > [push-left*="off-0"] {
  margin-left: 0; }

[class*="grid"] > [push-left*="off-1"] {
  margin-left: 8.33333%; }

[class*="grid"] > [push-left*="off-2"] {
  margin-left: 16.66667%; }

[class*="grid"] > [push-left*="off-3"] {
  margin-left: 25%; }

[class*="grid"] > [push-left*="off-4"] {
  margin-left: 33.33333%; }

[class*="grid"] > [push-left*="off-5"] {
  margin-left: 41.66667%; }

[class*="grid"] > [push-left*="off-6"] {
  margin-left: 50%; }

[class*="grid"] > [push-left*="off-6"] {
  margin-left: 50%; }

[class*="grid"] > [push-left*="off-7"] {
  margin-left: 58.33333%; }

[class*="grid"] > [push-left*="off-8"] {
  margin-left: 66.66667%; }

[class*="grid"] > [push-left*="off-9"] {
  margin-left: 75%; }

[class*="grid"] > [push-left*="off-10"] {
  margin-left: 83.33333%; }

[class*="grid"] > [push-left*="off-11"] {
  margin-left: 91.66667%; }

[class*="grid"] > [push-right*="off-0"] {
  margin-right: 0; }

[class*="grid"] > [push-right*="off-1"] {
  margin-right: 8.33333%; }

[class*="grid"] > [push-right*="off-2"] {
  margin-right: 16.66667%; }

[class*="grid"] > [push-right*="off-3"] {
  margin-right: 25%; }

[class*="grid"] > [push-right*="off-4"] {
  margin-right: 33.33333%; }

[class*="grid"] > [push-right*="off-5"] {
  margin-right: 41.66667%; }

[class*="grid"] > [push-right*="off-6"] {
  margin-right: 50%; }

[class*="grid"] > [push-right*="off-6"] {
  margin-right: 50%; }

[class*="grid"] > [push-right*="off-7"] {
  margin-right: 58.33333%; }

[class*="grid"] > [push-right*="off-8"] {
  margin-right: 66.66667%; }

[class*="grid"] > [push-right*="off-9"] {
  margin-right: 75%; }

[class*="grid"] > [push-right*="off-10"] {
  margin-right: 83.33333%; }

[class*="grid"] > [push-right*="off-11"] {
  margin-right: 91.66667%; }

@media screen and (min-width: 600px) {
  [class*='grid'] > [class*="_sm-1"] {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_sm-2"] {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_sm-3"] {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_sm-4"] {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_sm-5"] {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_sm-6"] {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_sm-7"] {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_sm-8"] {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_sm-9"] {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_sm-10"] {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_sm-11"] {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_sm-12"] {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [push-left*="_sm-0"] {
    margin-left: 0; }
  [class*="grid"] > [push-left*="_sm-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [push-left*="_sm-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [push-left*="_sm-3"] {
    margin-left: 25%; }
  [class*="grid"] > [push-left*="_sm-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [push-left*="_sm-5"] {
    margin-left: 41.66667%; }
  [class*="grid"] > [push-left*="_sm-6"] {
    margin-left: 50%; }
  [class*="grid"] > [push-left*="_sm-6"] {
    margin-left: 50%; }
  [class*="grid"] > [push-left*="_sm-7"] {
    margin-left: 58.33333%; }
  [class*="grid"] > [push-left*="_sm-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [push-left*="_sm-9"] {
    margin-left: 75%; }
  [class*="grid"] > [push-left*="_sm-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [push-left*="_sm-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [push-right*="_sm-0"] {
    margin-right: 0; }
  [class*="grid"] > [push-right*="_sm-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [push-right*="_sm-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [push-right*="_sm-3"] {
    margin-right: 25%; }
  [class*="grid"] > [push-right*="_sm-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [push-right*="_sm-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [push-right*="_sm-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_sm-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_sm-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [push-right*="_sm-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [push-right*="_sm-9"] {
    margin-right: 75%; }
  [class*="grid"] > [push-right*="_sm-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [push-right*="_sm-11"] {
    margin-right: 91.66667%; } }

@media screen and (min-width: 768px) {
  [class*='grid'] > [class*="_md-1"] {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_md-2"] {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_md-3"] {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_md-4"] {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_md-5"] {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_md-6"] {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_md-7"] {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_md-8"] {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_md-9"] {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_md-10"] {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_md-11"] {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_md-12"] {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [push-left*="_md-0"] {
    margin-left: 0; }
  [class*="grid"] > [push-left*="_md-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [push-left*="_md-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [push-left*="_md-3"] {
    margin-left: 25%; }
  [class*="grid"] > [push-left*="_md-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [push-left*="_md-5"] {
    margin-left: 41.66667%; }
  [class*="grid"] > [push-left*="_md-6"] {
    margin-left: 50%; }
  [class*="grid"] > [push-left*="_md-6"] {
    margin-left: 50%; }
  [class*="grid"] > [push-left*="_md-7"] {
    margin-left: 58.33333%; }
  [class*="grid"] > [push-left*="_md-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [push-left*="_md-9"] {
    margin-left: 75%; }
  [class*="grid"] > [push-left*="_md-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [push-left*="_md-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [push-right*="_md-0"] {
    margin-right: 0; }
  [class*="grid"] > [push-right*="_md-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [push-right*="_md-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [push-right*="_md-3"] {
    margin-right: 25%; }
  [class*="grid"] > [push-right*="_md-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [push-right*="_md-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [push-right*="_md-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_md-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_md-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [push-right*="_md-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [push-right*="_md-9"] {
    margin-right: 75%; }
  [class*="grid"] > [push-right*="_md-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [push-right*="_md-11"] {
    margin-right: 91.66667%; } }

@media screen and (min-width: 1000px) {
  [class*='grid'] > [class*="_lg-1"] {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_lg-2"] {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_lg-3"] {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_lg-4"] {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_lg-5"] {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_lg-6"] {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_lg-7"] {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_lg-8"] {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_lg-9"] {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_lg-10"] {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_lg-11"] {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_lg-12"] {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [push-left*="_lg-0"] {
    margin-left: 0; }
  [class*="grid"] > [push-left*="_lg-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [push-left*="_lg-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [push-left*="_lg-3"] {
    margin-left: 25%; }
  [class*="grid"] > [push-left*="_lg-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [push-left*="_lg-5"] {
    margin-left: 41.66667%; }
  [class*="grid"] > [push-left*="_lg-6"] {
    margin-left: 50%; }
  [class*="grid"] > [push-left*="_lg-6"] {
    margin-left: 50%; }
  [class*="grid"] > [push-left*="_lg-7"] {
    margin-left: 58.33333%; }
  [class*="grid"] > [push-left*="_lg-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [push-left*="_lg-9"] {
    margin-left: 75%; }
  [class*="grid"] > [push-left*="_lg-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [push-left*="_lg-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [push-right*="_lg-0"] {
    margin-right: 0; }
  [class*="grid"] > [push-right*="_lg-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [push-right*="_lg-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [push-right*="_lg-3"] {
    margin-right: 25%; }
  [class*="grid"] > [push-right*="_lg-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [push-right*="_lg-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [push-right*="_lg-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_lg-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_lg-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [push-right*="_lg-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [push-right*="_lg-9"] {
    margin-right: 75%; }
  [class*="grid"] > [push-right*="_lg-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [push-right*="_lg-11"] {
    margin-right: 91.66667%; } }

@media screen and (min-width: 1500px) {
  [class*='grid'] > [class*="_xl-1"] {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_xl-2"] {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_xl-3"] {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_xl-4"] {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_xl-5"] {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_xl-6"] {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_xl-7"] {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_xl-8"] {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_xl-9"] {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_xl-10"] {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_xl-11"] {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_xl-12"] {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [push-left*="_xl-0"] {
    margin-left: 0; }
  [class*="grid"] > [push-left*="_xl-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [push-left*="_xl-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [push-left*="_xl-3"] {
    margin-left: 25%; }
  [class*="grid"] > [push-left*="_xl-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [push-left*="_xl-5"] {
    margin-left: 41.66667%; }
  [class*="grid"] > [push-left*="_xl-6"] {
    margin-left: 50%; }
  [class*="grid"] > [push-left*="_xl-6"] {
    margin-left: 50%; }
  [class*="grid"] > [push-left*="_xl-7"] {
    margin-left: 58.33333%; }
  [class*="grid"] > [push-left*="_xl-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [push-left*="_xl-9"] {
    margin-left: 75%; }
  [class*="grid"] > [push-left*="_xl-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [push-left*="_xl-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [push-right*="_xl-0"] {
    margin-right: 0; }
  [class*="grid"] > [push-right*="_xl-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [push-right*="_xl-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [push-right*="_xl-3"] {
    margin-right: 25%; }
  [class*="grid"] > [push-right*="_xl-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [push-right*="_xl-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [push-right*="_xl-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_xl-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_xl-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [push-right*="_xl-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [push-right*="_xl-9"] {
    margin-right: 75%; }
  [class*="grid"] > [push-right*="_xl-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [push-right*="_xl-11"] {
    margin-right: 91.66667%; } }