/*! UNITS v0.1.20 | MIT License | Copyright 2017 @kokushing | mail@kokush.in | https://unitscss.com */
/**
 * UNITS grid components
 *
 * ==================================
 * @base:   [.uc-grid]
 * ==================================
 * @parts:  [.uc-***]
 *          [.uc-***]
 * ==================================
 * @option: [._***]
 *          [._***]
 * ==================================
 */

.uc-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.uc-grid._gutter {
    margin: -40px 0 0 -40px;
  }

@media (max-width: 768px) {

.uc-grid._gutter {
      margin: -20px 0 0 -20px
  }
    }

.uc-grid._gutter .uc-grid-cell {
      padding: 40px 0 0 40px;
    }

@media (max-width: 768px) {

.uc-grid._gutter .uc-grid-cell {
        padding: 20px 0 0 20px
    }
      }

.uc-grid._nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

.uc-grid._top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

.uc-grid._middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

.uc-grid._bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

.uc-grid._left {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }

.uc-grid._center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

.uc-grid._right {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }

._col-2 > .uc-grid-cell,
  .uc-grid-cell._col-2 {
    width: 50%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-2 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-2 {
      width: 50%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-2 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-2 {
      width: 50%;
    }
  }

._col-3 > .uc-grid-cell,
  .uc-grid-cell._col-3 {
    width: 33.33333%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-3 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-3 {
      width: 33.33333%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-3 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-3 {
      width: 33.33333%;
    }
  }

._col-4 > .uc-grid-cell,
  .uc-grid-cell._col-4 {
    width: 25%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-4 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-4 {
      width: 25%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-4 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-4 {
      width: 25%;
    }
  }

._col-5 > .uc-grid-cell,
  .uc-grid-cell._col-5 {
    width: 20%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-5 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-5 {
      width: 20%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-5 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-5 {
      width: 20%;
    }
  }

._col-6 > .uc-grid-cell,
  .uc-grid-cell._col-6 {
    width: 16.66667%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-6 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-6 {
      width: 16.66667%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-6 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-6 {
      width: 16.66667%;
    }
  }

._col-7 > .uc-grid-cell,
  .uc-grid-cell._col-7 {
    width: 14.28571%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-7 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-7 {
      width: 14.28571%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-7 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-7 {
      width: 14.28571%;
    }
  }

._col-8 > .uc-grid-cell,
  .uc-grid-cell._col-8 {
    width: 12.5%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-8 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-8 {
      width: 12.5%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-8 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-8 {
      width: 12.5%;
    }
  }

._col-9 > .uc-grid-cell,
  .uc-grid-cell._col-9 {
    width: 11.11111%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-9 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-9 {
      width: 11.11111%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-9 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-9 {
      width: 11.11111%;
    }
  }

._col-10 > .uc-grid-cell,
  .uc-grid-cell._col-10 {
    width: 10%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-10 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-10 {
      width: 10%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-10 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-10 {
      width: 10%;
    }
  }

._col-11 > .uc-grid-cell,
  .uc-grid-cell._col-11 {
    width: 9.09091%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-11 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-11 {
      width: 9.09091%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-11 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-11 {
      width: 9.09091%;
    }
  }

._col-12 > .uc-grid-cell,
  .uc-grid-cell._col-12 {
    width: 8.33333%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    [class*=_col-]._medium-col-12 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._medium-col-12 {
      width: 8.33333%;
    }
  }

@media (max-width: 768px) {
    [class*=_col-]._small-col-12 > .uc-grid-cell,
    .uc-grid-cell[class*=_col-]._small-col-12 {
      width: 8.33333%;
    }
  }

._col-fit > .uc-grid-cell,
  .uc-grid-cell._col-fit {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    ._medium-col-fit > .uc-grid-cell,
    .uc-grid-cell._medium-col-fit {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
  }

@media (max-width: 768px) {
    ._small-col-fit > .uc-grid-cell,
    .uc-grid-cell._small-col-fit {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
  }

._col-full > .uc-grid-cell,
  .uc-grid-cell._col-full {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

@media (min-width: 769px) and (max-width: 1199px) {
    ._medium-col-full > .uc-grid-cell,
    .uc-grid-cell._medium-col-full {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
    }
  }

@media (max-width: 768px) {
    ._small-col-full > .uc-grid-cell,
    .uc-grid-cell._small-col-full {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
    }
  }

.uc-grid-cell._top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

.uc-grid-cell._center {
    -ms-flex-item-align: center;
        align-self: center;
  }

.uc-grid-cell._bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
