@CHARSET "UTF-8";
/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
    
    AIS Software modification: ninths, behavior, hidden
\*------------------------------------*/
.grid {
    list-style: none;
    /* [1] */
    margin: 0;
    /* [2] */
    padding: 0;
    /* [2] */
    display: flex;
    flex-wrap: wrap;
}
@CHARSET "UTF-8";

/*------------------------------------*\
  $CSSWIZARDRY-GRIDS

  AIS Software modification: ninths, behavior, hidden

  1. Cause columns to stack side-by-side.
  2. Space columns apart.
  3. Align columns to the tops of each other.
  4. Full-width unless told to behave otherwise.
  5. Required to combine fluid widths and fixed gutters.
  \*------------------------------------*/
  
.grid {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  /* [2] */
  padding: 0;
  /* [1] */
  display: flex;
  flex-wrap: wrap;
  --grid-horizontal-spacing: 15px;
}

.grid__item__inner>.grid, .grid__item__inner>.grid__wrapper {
  /* [2] */
  margin-left: calc(-1*var(--grid-horizontal-spacing, 15px));
  margin-right: calc(-1*var(--grid-horizontal-spacing, 15px));
}

.grid__item {
  display: inline-block;
  zoom: 1;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [5] */
  box-sizing: border-box;
}
 
.grid>.grid__item {
  padding: 0 var(--grid-horizontal-spacing, 15px);
}

.grid__item--anim {
  transition: width 0.8s;
  overflow: hidden;
}

@if user.agent safari {
  .grid__item {
    /* [4] */
    -webkit-box-sizing: border-box;
  }
  .grid__item--anim {
    -webkit-transition: width 0.8s;
  }
}

@if user.agent gecko1_8 {
  .grid__item {
    /* [5] */
    -moz-box-sizing: border-box;
  }
}

.grid__item--odd {
  
}

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev {
  direction: rtl;
  text-align: left;
  flex-direction: row-reverse;
}

.grid--rev>.grid__item {
  direction: ltr;
  text-align: left;
}

/**
 * Align the entire grid to the left (default)
 */
.grid--left {
  text-align: left;
  justify-content: flex-start;
}

.grid--left>.grid__item {
  text-align: left;
}

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
  text-align: right;
  justify-content: flex-end;
}

.grid--right>.grid__item {
  text-align: left;
}

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center;
  justify-content: center;
}

.grid--center>.grid__item {
  text-align: left;
}

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle {
  align-items: center;
  align-content: center;
}

.grid--middle>.grid__item {
  vertical-align: middle;
}

.grid--bottom {
  align-items: flex-end;
  align-content: flex-end;
}

.grid--bottom>.grid__item {
  vertical-align: bottom;
}

.grid--top {
  align-items: flex-start;
  align-content: flex-start;
}

.grid--top>.grid__item {
  vertical-align: top;
}

.grid--full-height {
  align-items: stretch;
}

.grid--full-height>.grid__item>.grid__item__inner {
  min-height: 100%;
}

.grid--full-height>.grid__item>.grid__item__inner.grid__item__inner-np, .grid--full-height>.grid__item.grid__item__inner.grid__item__inner-np {
  display: flex;
  align-items: stretch;
}

.grid--full-height>.grid__item>.grid__item__inner>.grid, .grid--full-height>.grid__item.grid__item__inner>.grid,
.grid--full-height>.grid__item>.grid__item__inner>.grid__wrapper, .grid--full-height>.grid__item.grid__item__inner>.grid__wrapper {
  /** Allow it to grow. But also note, that this forces the grid content to stretch as well, which might produce unexpected
    * results for multiline grids. */
  flex-grow: 1;
  min-width: 0;
}

.grid--full-height>.grid__item>.grid__item__inner>.grid.grid--bottom, .grid--full-height>.grid__item.grid__item__inner>.grid.grid--bottom {
  /* This is most likely expected, only takes effect for multi-line grids. */
  align-content: flex-end;
}

.grid--full-height>.grid__item>.grid__item__inner>.grid.grid--top, .grid--full-height>.grid__item.grid__item__inner>.grid.grid--top {
  /* This is most likely expected, only takes effect for multi-line grids. */
  align-content: flex-start;
}

.grid--no-spacing,.grid__item__inner>.grid.grid--no-spacing {
  margin-left: 0;
  margin-right: 0;
}

.grid--no-spacing>.grid__item {
  padding: 0;
}

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
.one-zero {
  width: 0%;
}
/**
 * Whole
 */
.one-whole {
  width: 100%;
}

/**
 * Halves
 */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%;
}

/**
 * Thirds
 */
.one-third, .two-sixths, .three-ninths, .four-twelfths {
  width: 33.333%;
}

.two-thirds, .four-sixths, .six-ninths, .eight-twelfths {
  width: 66.666%;
}

/**
 * Quarters
 */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%;
}

/**
 * Fifths
 */
.one-fifth, .two-tenths {
  width: 20%;
}

.two-fifths, .four-tenths {
  width: 40%;
}

.three-fifths, .six-tenths {
  width: 60%;
}

.four-fifths, .eight-tenths {
  width: 80%;
}

/**
 * Sixths
 */
.one-sixth, .two-twelfths {
  width: 16.666%;
}

.five-sixths, .ten-twelfths {
  width: 83.333%;
}

/**
 * Sevenths
 */
.one-seventh {
  width: 14.285%
}

.two-sevenths {
  width: 28.57%;
}

.three-sevenths {
  width: 42.855%;
}

.four-sevenths {
  width: 57.14%;
}

.five-sevenths {
  width: 71.425%;
}

.six-sevenths {
  width: 85.71%;
}

/**
 * Eighths
 */
.one-eighth {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

/**
 * Ninths
 */
.one-ninth {
  width: 11.111%;
}

.two-ninths {
  width: 22.222%;
}

.four-ninths {
  width: 44.444%;
}

.five-ninths {
  width: 55.555%;
}

.seven-ninths {
  width: 77.777%;
}

.eight-ninths {
  width: 88.888%;
}

/**
 * Tenths
 */
.one-tenth {
  width: 10%;
}

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

/**
 * Twelfths
 */
.one-twelfth {
  width: 8.333%;
}

.five-twelfths {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

@media only screen and (max-width: 575px) {
    .palm--hidden {
        display: none !important;
    }
    /**
      * Whole
      */
    .palm--one-whole {
        width: 100%;
    }
    
    /**
      * Halves
      */
    .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
        width: 50%;
    }
    
    /**
      * Thirds
      */
    .palm--one-third, .palm--two-sixths, .palm--three-ninths, .palm--four-twelfths {
        width: 33.333%;
    }
    
    .palm--two-thirds, .palm--four-sixths, .palm--six-ninths, .palm--eight-twelfths {
        width: 66.666%;
    }
    
    /**
      * Quarters
      */
    .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
        width: 25%;
    }
    
    .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
        width: 75%;
    }
    
    /**
      * Fifths
      */
    .palm--one-fifth, .palm--two-tenths {
        width: 20%;
    }
    
    .palm--two-fifths, .palm--four-tenths {
        width: 40%;
    }
    
    .palm--three-fifths, .palm--six-tenths {
        width: 60%;
    }
    
    .palm--four-fifths, .palm--eight-tenths {
        width: 80%;
    }
    
    /**
      * Sixths
      */
    .palm--one-sixth, .palm--two-twelfths {
        width: 16.666%;
    }
    
    .palm--five-sixths, .palm--ten-twelfths {
        width: 83.333%;
    }
    
    /**
     * Sevenths
     */
    .palm--one-seventh {
        width: 14.285%
    }
    
    .palm--two-sevenths {
        width: 28.57%;
    }
    
    .palm--three-sevenths {
        width: 42.855%;
    }
    
    .palm--four-sevenths {
        width: 57.14%;
    }
    
    .palm--five-sevenths {
        width: 71.425%;
    }
    
    .palm--six-sevenths {
        width: 85.71%;
    }
    
    /**
      * Eighths
      */
    .palm--one-eighth {
        width: 12.5%;
    }
    
    .palm--three-eighths {
        width: 37.5%;
    }
    
    .palm--five-eighths {
        width: 62.5%;
    }
    
    .palm--seven-eighths {
        width: 87.5%;
    }
    
    /**
     * Ninths
     */
    .palm--one-ninth {
        width: 11.111%;
    }
    
    .palm--two-ninths {
        width: 22.222%;
    }
    
    .palm--four-ninths {
        width: 44.444%;
    }
    
    .palm--five-ninths {
        width: 55.555%;
    }
    
    .palm--seven-ninths {
        width: 77.777%;
    }
    
    .palm--eight-ninths {
        width: 88.888%;
    }
    
    /**
      * Tenths
      */
    .palm--one-tenth {
        width: 10%;
    }
    
    .palm--three-tenths {
        width: 30%;
    }
    
    .palm--seven-tenths {
        width: 70%;
    }
    
    .palm--nine-tenths {
        width: 90%;
    }
    
    /**
      * Twelfths
      */
    .palm--one-twelfth {
        width: 8.333%;
    }
    
    .palm--five-twelfths {
        width: 41.666%;
    }
    
    .palm--seven-twelfths {
        width: 58.333%;
    }
    
    .palm--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
    .lap--hidden {
        display: none !important;
    }
    /**
      * Whole
      */
    .lap--one-whole {
        width: 100%;
    }
    
    /**
      * Halves
      */
    .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
        width: 50%;
    }
    
    /**
      * Thirds
      */
    .lap--one-third, .lap--two-sixths, .lap--three-ninths, .lap--four-twelfths {
        width: 33.333%;
    }
    
    .lap--two-thirds, .lap--four-sixths, .lap--six-ninths, .lap--eight-twelfths {
        width: 66.666%;
    }
    
    /**
      * Quarters
      */
    .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
        width: 25%;
    }
    
    .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
        width: 75%;
    }
    
    /**
      * Fifths
      */
    .lap--one-fifth, .lap--two-tenths {
        width: 20%;
    }
    
    .lap--two-fifths, .lap--four-tenths {
        width: 40%;
    }
    
    .lap--three-fifths, .lap--six-tenths {
        width: 60%;
    }
    
    .lap--four-fifths, .lap--eight-tenths {
        width: 80%;
    }
    
    /**
      * Sixths
      */
    .lap--one-sixth, .lap--two-twelfths {
        width: 16.666%;
    }
    
    .lap--five-sixths, .lap--ten-twelfths {
        width: 83.333%;
    }
    
    /**
     * Sevenths
     */
    .lap--one-seventh {
        width: 14.285%
    }
    
    .lap--two-sevenths {
        width: 28.57%;
    }
    
    .lap--three-sevenths {
        width: 42.855%;
    }
    
    .lap--four-sevenths {
        width: 57.14%;
    }
    
    .lap--five-sevenths {
        width: 71.425%;
    }
    
    .lap--six-sevenths {
        width: 85.71%;
    }
    
    /**
      * Eighths
      */
    .lap--one-eighth {
        width: 12.5%;
    }
    
    .lap--three-eighths {
        width: 37.5%;
    }
    
    .lap--five-eighths {
        width: 62.5%;
    }
    
    .lap--seven-eighths {
        width: 87.5%;
    }
    
    /**
     * Ninths
     */
    .lap--one-ninth {
        width: 11.111%;
    }
    
    .lap--two-ninths {
        width: 22.222%;
    }
    
    .lap--four-ninths {
        width: 44.444%;
    }
    
    .lap--five-ninths {
        width: 55.555%;
    }
    
    .lap--seven-ninths {
        width: 77.777%;
    }
    
    .lap--eight-ninths {
        width: 88.888%;
    }
    
    /**
      * Tenths
      */
    .lap--one-tenth {
        width: 10%;
    }
    
    .lap--three-tenths {
        width: 30%;
    }
    
    .lap--seven-tenths {
        width: 70%;
    }
    
    .lap--nine-tenths {
        width: 90%;
    }
    
    /**
      * Twelfths
      */
    .lap--one-twelfth {
        width: 8.333%;
    }
    
    .lap--five-twelfths {
        width: 41.666%;
    }
    
    .lap--seven-twelfths {
        width: 58.333%;
    }
    
    .lap--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (max-width: 991px) {
    .portable--hidden {
        display: none !important;
    }
    /**
      * Whole
      */
    .portable--one-whole {
        width: 100%;
    }
    
    /**
      * Halves
      */
    .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
        width: 50%;
    }
    
    /**
      * Thirds
      */
    .portable--one-third, .portable--two-sixths, .portable--three-ninths, .portable--four-twelfths {
        width: 33.333%;
    }
    
    .portable--two-thirds, .portable--four-sixths, .portable--six-ninths, .portable--eight-twelfths {
        width: 66.666%;
    }
    
    /**
      * Quarters
      */
    .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
        width: 25%;
    }
    
    .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
        width: 75%;
    }
    
    /**
      * Fifths
      */
    .portable--one-fifth, .portable--two-tenths {
        width: 20%;
    }
    
    .portable--two-fifths, .portable--four-tenths {
        width: 40%;
    }
    
    .portable--three-fifths, .portable--six-tenths {
        width: 60%;
    }
    
    .portable--four-fifths, .portable--eight-tenths {
        width: 80%;
    }
    
    /**
      * Sixths
      */
    .portable--one-sixth, .portable--two-twelfths {
        width: 16.666%;
    }
    
    .portable--five-sixths, .portable--ten-twelfths {
        width: 83.333%;
    }
    
    /**
     * Sevenths
     */
    .portable--one-seventh {
        width: 14.285%
    }
    
    .portable--two-sevenths {
        width: 28.57%;
    }
    
    .portable--three-sevenths {
        width: 42.855%;
    }
    
    .portable--four-sevenths {
        width: 57.14%;
    }
    
    .portable--five-sevenths {
        width: 71.425%;
    }
    
    .portable--six-sevenths {
        width: 85.71%;
    }
    
    /**
      * Eighths
      */
    .portable--one-eighth {
        width: 12.5%;
    }
    
    .portable--three-eighths {
        width: 37.5%;
    }
    
    .portable--five-eighths {
        width: 62.5%;
    }
    
    .portable--seven-eighths {
        width: 87.5%;
    }
    
    /**
     * Ninths
     */
    .portable--one-ninth {
        width: 11.111%;
    }
    
    .portable--two-ninths {
        width: 22.222%;
    }
    
    .portable--four-ninths {
        width: 44.444%;
    }
    
    .portable--five-ninths {
        width: 55.555%;
    }
    
    .portable--seven-ninths {
        width: 77.777%;
    }
    
    .portable--eight-ninths {
        width: 88.888%;
    }
    
    /**
      * Tenths
      */
    .portable--one-tenth {
        width: 10%;
    }
    
    .portable--three-tenths {
        width: 30%;
    }
    
    .portable--seven-tenths {
        width: 70%;
    }
    
    .portable--nine-tenths {
        width: 90%;
    }
    
    /**
      * Twelfths
      */
    .portable--one-twelfth {
        width: 8.333%;
    }
    
    .portable--five-twelfths {
        width: 41.666%;
    }
    
    .portable--seven-twelfths {
        width: 58.333%;
    }
    
    .portable--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (min-width: 992px) {
    .desk--hidden {
        display: none !important;
    }
    /**
      * Whole
      */
    .desk--one-whole {
        width: 100%;
    }
    
    /**
      * Halves
      */
    .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
        width: 50%;
    }
    
    /**
      * Thirds
      */
    .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
        width: 33.333%;
    }
    
    .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
        width: 66.666%;
    }
    
    /**
      * Quarters
      */
    .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
        width: 25%;
    }
    
    .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
        width: 75%;
    }
    
    /**
      * Fifths
      */
    .desk--one-fifth, .desk--two-tenths {
        width: 20%;
    }
    
    .desk--two-fifths, .desk--four-tenths {
        width: 40%;
    }
    
    .desk--three-fifths, .desk--six-tenths {
        width: 60%;
    }
    
    .desk--four-fifths, .desk--eight-tenths {
        width: 80%;
    }
    
    /**
      * Sixths
      */
    .desk--one-sixth, .desk--two-twelfths {
        width: 16.666%;
    }
    
    .desk--five-sixths, .desk--ten-twelfths {
        width: 83.333%;
    }
    
    /**
     * Sevenths
     */
    .desk--one-seventh {
        width: 14.285%
    }
    
    .desk--two-sevenths {
        width: 28.57%;
    }
    
    .desk--three-sevenths {
        width: 42.855%;
    }
    
    .desk--four-sevenths {
        width: 57.14%;
    }
    
    .desk--five-sevenths {
        width: 71.425%;
    }
    
    .desk--six-sevenths {
        width: 85.71%;
    }
    
    /**
      * Eighths
      */
    .desk--one-eighth {
        width: 12.5%;
    }
    
    .desk--three-eighths {
        width: 37.5%;
    }
    
    .desk--five-eighths {
        width: 62.5%;
    }
    
    .desk--seven-eighths {
        width: 87.5%;
    }
    
    /**
     * Ninths
     */
    .desk--one-ninth {
        width: 11.111%;
    }
    
    .desk--two-ninths {
        width: 22.222%;
    }
    
    .desk--four-ninths {
        width: 44.444%;
    }
    
    .desk--five-ninths {
        width: 55.555%;
    }
    
    .desk--seven-ninths {
        width: 77.777%;
    }
    
    .desk--eight-ninths {
        width: 88.888%;
    }
    
    /**
      * Tenths
      */
    .desk--one-tenth {
        width: 10%;
    }
    
    .desk--three-tenths {
        width: 30%;
    }
    
    .desk--seven-tenths {
        width: 70%;
    }
    
    .desk--nine-tenths {
        width: 90%;
    }
    
    /**
      * Twelfths
      */
    .desk--one-twelfth {
        width: 8.333%;
    }
    
    .desk--five-twelfths {
        width: 41.666%;
    }
    
    .desk--seven-twelfths {
        width: 58.333%;
    }
    
    .desk--eleven-twelfths {
        width: 91.666%;
    }
}