.grid {
  *zoom: 1
}

.grid:after {
  content: '';
  display: table;
  clear: both
}

.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px
}

.grid__item {
  float: left;
  padding-left: 20px;
  width: 100%;
  -ms-flex-preferred-size: auto !important;
  -webkit-flex-basis: auto !important;
  -moz-flex-basis: auto !important;
  flex-basis: auto !important
}

.grid__item[class*="--push"] {
  position: relative
}

.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.flex__item {
  position: relative;
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: auto !important;
  min-width: 0
}

.flex__item--fixed {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.one-whole {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%
}

.one-half {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%
}

.one-third {
  width: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  flex-basis: 33.33333%
}

.two-thirds {
  width: 66.66667%; 
  -ms-flex-preferred-size: 66.66667%;
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  flex-basis: 66.66667%
}

.one-quarter {
  width: 25%;
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%
}

.two-quarters {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%
}

.three-quarters {
  width: 75%;
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  flex-basis: 75%
}

.one-fifth {
  width: 20%;
  -ms-flex-preferred-size: 20%;
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  flex-basis: 20%
}

.two-fifths {
  width: 40%;
  -ms-flex-preferred-size: 40%;
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  flex-basis: 40%
}

.three-fifths {
  width: 60%;
  -ms-flex-preferred-size: 60%;
  -webkit-flex-basis: 60%;
  -moz-flex-basis: 60%;
  flex-basis: 60%
}

.four-fifths {
  width: 80%;
  -ms-flex-preferred-size: 80%;
  -webkit-flex-basis: 80%;
  -moz-flex-basis: 80%;
  flex-basis: 80%
}

.one-sixth {
  width: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  -webkit-flex-basis: 16.66667%;
  -moz-flex-basis: 16.66667%;
  flex-basis: 16.66667%
}

.two-sixths {
  width: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  flex-basis: 33.33333%
}

.three-sixths {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%
}

.four-sixths {
  width: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  flex-basis: 66.66667%
}

.five-sixths {
  width: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  -webkit-flex-basis: 83.33333%;
  -moz-flex-basis: 83.33333%;
  flex-basis: 83.33333%
}

.one-eighth {
  width: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  -webkit-flex-basis: 12.5%;
  -moz-flex-basis: 12.5%;
  flex-basis: 12.5%
}

.two-eighths {
  width: 25%;
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%
}

.three-eighths {
  width: 37.5%;
  -ms-flex-preferred-size: 37.5%;
  -webkit-flex-basis: 37.5%;
  -moz-flex-basis: 37.5%;
  flex-basis: 37.5%
}

.four-eighths {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%
}

.five-eighths {
  width: 62.5%;
  -ms-flex-preferred-size: 62.5%;
  -webkit-flex-basis: 62.5%;
  -moz-flex-basis: 62.5%;
  flex-basis: 62.5%
}

.six-eighths {
  width: 75%;
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  flex-basis: 75%
}

.seven-eighths {
  width: 87.5%;
  -ms-flex-preferred-size: 87.5%;
  -webkit-flex-basis: 87.5%;
  -moz-flex-basis: 87.5%;
  flex-basis: 87.5%
}

.one-tenth {
  width: 10%;
  -ms-flex-preferred-size: 10%;
  -webkit-flex-basis: 10%;
  -moz-flex-basis: 10%;
  flex-basis: 10%
}

.two-tenths {
  width: 20%;
  -ms-flex-preferred-size: 20%;
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  flex-basis: 20%
}

.three-tenths {
  width: 30%;
  -ms-flex-preferred-size: 30%;
  -webkit-flex-basis: 30%;
  -moz-flex-basis: 30%;
  flex-basis: 30%
}

.four-tenths {
  width: 40%;
  -ms-flex-preferred-size: 40%;
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  flex-basis: 40%
}

.five-tenths {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%
}

.six-tenths {
  width: 60%;
  -ms-flex-preferred-size: 60%;
  -webkit-flex-basis: 60%;
  -moz-flex-basis: 60%;
  flex-basis: 60%
}

.seven-tenths {
  width: 70%;
  -ms-flex-preferred-size: 70%;
  -webkit-flex-basis: 70%;
  -moz-flex-basis: 70%;
  flex-basis: 70%
}

.eight-tenths {
  width: 80%;
  -ms-flex-preferred-size: 80%;
  -webkit-flex-basis: 80%;
  -moz-flex-basis: 80%;
  flex-basis: 80%
}

.nine-tenths {
  width: 90%;
  -ms-flex-preferred-size: 90%;
  -webkit-flex-basis: 90%;
  -moz-flex-basis: 90%;
  flex-basis: 90%
}

.one-twelfth {
  width: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
  -webkit-flex-basis: 8.33333%;
  -moz-flex-basis: 8.33333%;
  flex-basis: 8.33333%
}

.two-twelfths {
  width: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  -webkit-flex-basis: 16.66667%;
  -moz-flex-basis: 16.66667%;
  flex-basis: 16.66667%
}

.three-twelfths {
  width: 25%;
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%
}

.four-twelfths {
  width: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  flex-basis: 33.33333%
}

.five-twelfths {
  width: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
  -webkit-flex-basis: 41.66667%;
  -moz-flex-basis: 41.66667%;
  flex-basis: 41.66667%
}

.six-twelfths {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%
}

.seven-twelfths {
  width: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
  -webkit-flex-basis: 58.33333%;
  -moz-flex-basis: 58.33333%;
  flex-basis: 58.33333%
}

.eight-twelfths {
  width: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  flex-basis: 66.66667%
}

.nine-twelfths {
  width: 75%;
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  flex-basis: 75%
}

.ten-twelfths {
  width: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  -webkit-flex-basis: 83.33333%;
  -moz-flex-basis: 83.33333%;
  flex-basis: 83.33333%
}

.eleven-twelfths {
  width: 91.66667%;
  -ms-flex-preferred-size: 91.66667%;
  -webkit-flex-basis: 91.66667%;
  -moz-flex-basis: 91.66667%;
  flex-basis: 91.66667%
}

.show {
  display: block !important
}

.hide {
  display: none !important
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media only screen and (max-width: 749px) {
  .small--one-whole {
      width: 100%;
      -ms-flex-preferred-size: 100%;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      flex-basis: 100%
  }
  .small--one-half {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .small--one-third {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .small--two-thirds {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .small--one-quarter {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .small--two-quarters {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .small--three-quarters {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .small--one-fifth {
      width: 20%;
      -ms-flex-preferred-size: 20%;
      -webkit-flex-basis: 20%;
      -moz-flex-basis: 20%;
      flex-basis: 20%
  }
  .small--two-fifths {
      width: 40%;
      -ms-flex-preferred-size: 40%;
      -webkit-flex-basis: 40%;
      -moz-flex-basis: 40%;
      flex-basis: 40%
  }
  .small--three-fifths {
      width: 60%;
      -ms-flex-preferred-size: 60%;
      -webkit-flex-basis: 60%;
      -moz-flex-basis: 60%;
      flex-basis: 60%
  }
  .small--four-fifths {
      width: 80%;
      -ms-flex-preferred-size: 80%;
      -webkit-flex-basis: 80%;
      -moz-flex-basis: 80%;
      flex-basis: 80%
  }
  .small--one-sixth {
      width: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      flex-basis: 16.66667%
  }
  .small--two-sixths {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .small--three-sixths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .small--four-sixths {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .small--five-sixths {
      width: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      flex-basis: 83.33333%
  }
  .small--one-eighth {
      width: 12.5%;
      -ms-flex-preferred-size: 12.5%;
      -webkit-flex-basis: 12.5%;
      -moz-flex-basis: 12.5%;
      flex-basis: 12.5%
  }
  .small--two-eighths {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .small--three-eighths {
      width: 37.5%;
      -ms-flex-preferred-size: 37.5%;
      -webkit-flex-basis: 37.5%;
      -moz-flex-basis: 37.5%;
      flex-basis: 37.5%
  }
  .small--four-eighths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .small--five-eighths {
      width: 62.5%;
      -ms-flex-preferred-size: 62.5%;
      -webkit-flex-basis: 62.5%;
      -moz-flex-basis: 62.5%;
      flex-basis: 62.5%
  }
  .small--six-eighths {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .small--seven-eighths {
      width: 87.5%;
      -ms-flex-preferred-size: 87.5%;
      -webkit-flex-basis: 87.5%;
      -moz-flex-basis: 87.5%;
      flex-basis: 87.5%
  }
  .small--one-tenth {
      width: 10%;
      -ms-flex-preferred-size: 10%;
      -webkit-flex-basis: 10%;
      -moz-flex-basis: 10%;
      flex-basis: 10%
  }
  .small--two-tenths {
      width: 20%;
      -ms-flex-preferred-size: 20%;
      -webkit-flex-basis: 20%;
      -moz-flex-basis: 20%;
      flex-basis: 20%
  }
  .small--three-tenths {
      width: 30%;
      -ms-flex-preferred-size: 30%;
      -webkit-flex-basis: 30%;
      -moz-flex-basis: 30%;
      flex-basis: 30%
  }
  .small--four-tenths {
      width: 40%;
      -ms-flex-preferred-size: 40%;
      -webkit-flex-basis: 40%;
      -moz-flex-basis: 40%;
      flex-basis: 40%
  }
  .small--five-tenths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .small--six-tenths {
      width: 60%;
      -ms-flex-preferred-size: 60%;
      -webkit-flex-basis: 60%;
      -moz-flex-basis: 60%;
      flex-basis: 60%
  }
  .small--seven-tenths {
      width: 70%;
      -ms-flex-preferred-size: 70%;
      -webkit-flex-basis: 70%;
      -moz-flex-basis: 70%;
      flex-basis: 70%
  }
  .small--eight-tenths {
      width: 80%;
      -ms-flex-preferred-size: 80%;
      -webkit-flex-basis: 80%;
      -moz-flex-basis: 80%;
      flex-basis: 80%
  }
  .small--nine-tenths {
      width: 90%;
      -ms-flex-preferred-size: 90%;
      -webkit-flex-basis: 90%;
      -moz-flex-basis: 90%;
      flex-basis: 90%
  }
  .small--one-twelfth {
      width: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      flex-basis: 8.33333%
  }
  .small--two-twelfths {
      width: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      flex-basis: 16.66667%
  }
  .small--three-twelfths {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .small--four-twelfths {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .small--five-twelfths {
      width: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      flex-basis: 41.66667%
  }
  .small--six-twelfths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .small--seven-twelfths {
      width: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      flex-basis: 58.33333%
  }
  .small--eight-twelfths {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .small--nine-twelfths {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .small--ten-twelfths {
      width: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      flex-basis: 83.33333%
  }
  .small--eleven-twelfths {
      width: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      flex-basis: 91.66667%
  }
  .grid--uniform .small--one-half:nth-child(2n+1), .grid--uniform .small--one-third:nth-child(3n+1), .grid--uniform .small--one-quarter:nth-child(4n+1), .grid--uniform .small--one-fifth:nth-child(5n+1), .grid--uniform .small--one-sixth:nth-child(6n+1), .grid--uniform .small--two-sixths:nth-child(3n+1), .grid--uniform .small--three-sixths:nth-child(2n+1), .grid--uniform .small--two-eighths:nth-child(4n+1), .grid--uniform .small--four-eighths:nth-child(2n+1), .grid--uniform .small--five-tenths:nth-child(2n+1), .grid--uniform .small--one-twelfth:nth-child(12n+1), .grid--uniform .small--two-twelfths:nth-child(6n+1), .grid--uniform .small--three-twelfths:nth-child(4n+1), .grid--uniform .small--four-twelfths:nth-child(3n+1), .grid--uniform .small--six-twelfths:nth-child(2n+1) {
      clear: both
  }
  .small--show {
      display: block !important
  }
  .small--hide {
      display: none !important
  }
  .small--text-left {
      text-align: left !important
  }
  .small--text-right {
      text-align: right !important
  }
  .small--text-center {
      text-align: center !important
  }
}

@media only screen and (min-width: 750px) {
  .medium-up--one-whole {
      width: 100%;
      -ms-flex-preferred-size: 100%;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      flex-basis: 100%
  }
  .medium-up--one-half {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .medium-up--one-third {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .medium-up--two-thirds {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .medium-up--one-quarter {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .medium-up--two-quarters {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .medium-up--three-quarters {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .medium-up--one-fifth {
      width: 20%;
      -ms-flex-preferred-size: 20%;
      -webkit-flex-basis: 20%;
      -moz-flex-basis: 20%;
      flex-basis: 20%
  }
  .medium-up--two-fifths {
      width: 40%;
      -ms-flex-preferred-size: 40%;
      -webkit-flex-basis: 40%;
      -moz-flex-basis: 40%;
      flex-basis: 40%
  }
  .medium-up--three-fifths {
      width: 60%;
      -ms-flex-preferred-size: 60%;
      -webkit-flex-basis: 60%;
      -moz-flex-basis: 60%;
      flex-basis: 60%
  }
  .medium-up--four-fifths {
      width: 80%;
      -ms-flex-preferred-size: 80%;
      -webkit-flex-basis: 80%;
      -moz-flex-basis: 80%;
      flex-basis: 80%
  }
  .medium-up--one-sixth {
      width: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      flex-basis: 16.66667%
  }
  .medium-up--two-sixths {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .medium-up--three-sixths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .medium-up--four-sixths {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .medium-up--five-sixths {
      width: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      flex-basis: 83.33333%
  }
  .medium-up--one-eighth {
      width: 12.5%;
      -ms-flex-preferred-size: 12.5%;
      -webkit-flex-basis: 12.5%;
      -moz-flex-basis: 12.5%;
      flex-basis: 12.5%
  }
  .medium-up--two-eighths {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .medium-up--three-eighths {
      width: 37.5%;
      -ms-flex-preferred-size: 37.5%;
      -webkit-flex-basis: 37.5%;
      -moz-flex-basis: 37.5%;
      flex-basis: 37.5%
  }
  .medium-up--four-eighths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .medium-up--five-eighths {
      width: 62.5%;
      -ms-flex-preferred-size: 62.5%;
      -webkit-flex-basis: 62.5%;
      -moz-flex-basis: 62.5%;
      flex-basis: 62.5%
  }
  .medium-up--six-eighths {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .medium-up--seven-eighths {
      width: 87.5%;
      -ms-flex-preferred-size: 87.5%;
      -webkit-flex-basis: 87.5%;
      -moz-flex-basis: 87.5%;
      flex-basis: 87.5%
  }
  .medium-up--one-tenth {
      width: 10%;
      -ms-flex-preferred-size: 10%;
      -webkit-flex-basis: 10%;
      -moz-flex-basis: 10%;
      flex-basis: 10%
  }
  .medium-up--two-tenths {
      width: 20%;
      -ms-flex-preferred-size: 20%;
      -webkit-flex-basis: 20%;
      -moz-flex-basis: 20%;
      flex-basis: 20%
  }
  .medium-up--three-tenths {
      width: 30%;
      -ms-flex-preferred-size: 30%;
      -webkit-flex-basis: 30%;
      -moz-flex-basis: 30%;
      flex-basis: 30%
  }
  .medium-up--four-tenths {
      width: 40%;
      -ms-flex-preferred-size: 40%;
      -webkit-flex-basis: 40%;
      -moz-flex-basis: 40%;
      flex-basis: 40%
  }
  .medium-up--five-tenths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .medium-up--six-tenths {
      width: 60%;
      -ms-flex-preferred-size: 60%;
      -webkit-flex-basis: 60%;
      -moz-flex-basis: 60%;
      flex-basis: 60%
  }
  .medium-up--seven-tenths {
      width: 70%;
      -ms-flex-preferred-size: 70%;
      -webkit-flex-basis: 70%;
      -moz-flex-basis: 70%;
      flex-basis: 70%
  }
  .medium-up--eight-tenths {
      width: 80%;
      -ms-flex-preferred-size: 80%;
      -webkit-flex-basis: 80%;
      -moz-flex-basis: 80%;
      flex-basis: 80%
  }
  .medium-up--nine-tenths {
      width: 90%;
      -ms-flex-preferred-size: 90%;
      -webkit-flex-basis: 90%;
      -moz-flex-basis: 90%;
      flex-basis: 90%
  }
  .medium-up--one-twelfth {
      width: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      flex-basis: 8.33333%
  }
  .medium-up--two-twelfths {
      width: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      flex-basis: 16.66667%
  }
  .medium-up--three-twelfths {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .medium-up--four-twelfths {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .medium-up--five-twelfths {
      width: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      flex-basis: 41.66667%
  }
  .medium-up--six-twelfths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .medium-up--seven-twelfths {
      width: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      flex-basis: 58.33333%
  }
  .medium-up--eight-twelfths {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .medium-up--nine-twelfths {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .medium-up--ten-twelfths {
      width: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      flex-basis: 83.33333%
  }
  .medium-up--eleven-twelfths {
      width: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      flex-basis: 91.66667%
  }
  .grid--uniform .medium-up--one-half:nth-child(2n+1), .grid--uniform .medium-up--one-third:nth-child(3n+1), .grid--uniform .medium-up--one-quarter:nth-child(4n+1), .grid--uniform .medium-up--one-fifth:nth-child(5n+1), .grid--uniform .medium-up--one-sixth:nth-child(6n+1), .grid--uniform .medium-up--two-sixths:nth-child(3n+1), .grid--uniform .medium-up--three-sixths:nth-child(2n+1), .grid--uniform .medium-up--two-eighths:nth-child(4n+1), .grid--uniform .medium-up--four-eighths:nth-child(2n+1), .grid--uniform .medium-up--five-tenths:nth-child(2n+1), .grid--uniform .medium-up--one-twelfth:nth-child(12n+1), .grid--uniform .medium-up--two-twelfths:nth-child(6n+1), .grid--uniform .medium-up--three-twelfths:nth-child(4n+1), .grid--uniform .medium-up--four-twelfths:nth-child(3n+1), .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
      clear: both
  }
  .medium-up--show {
      display: block !important
  }
  .medium-up--hide {
      display: none !important
  }
  .medium-up--text-left {
      text-align: left !important
  }
  .medium-up--text-right {
      text-align: right !important
  }
  .medium-up--text-center {
      text-align: center !important
  }
}

@media only screen and (min-width: 990px) {
  .large-up--one-whole {
      width: 100%;
      -ms-flex-preferred-size: 100%;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      flex-basis: 100%
  }
  .large-up--one-half {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .large-up--one-third {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .large-up--two-thirds {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .large-up--one-quarter {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .large-up--two-quarters {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .large-up--three-quarters {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .large-up--one-fifth {
      width: 20%;
      -ms-flex-preferred-size: 20%;
      -webkit-flex-basis: 20%;
      -moz-flex-basis: 20%;
      flex-basis: 20%
  }
  .large-up--two-fifths {
      width: 40%;
      -ms-flex-preferred-size: 40%;
      -webkit-flex-basis: 40%;
      -moz-flex-basis: 40%;
      flex-basis: 40%
  }
  .large-up--three-fifths {
      width: 60%;
      -ms-flex-preferred-size: 60%;
      -webkit-flex-basis: 60%;
      -moz-flex-basis: 60%;
      flex-basis: 60%
  }
  .large-up--four-fifths {
      width: 80%;
      -ms-flex-preferred-size: 80%;
      -webkit-flex-basis: 80%;
      -moz-flex-basis: 80%;
      flex-basis: 80%
  }
  .large-up--one-sixth {
      width: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      flex-basis: 16.66667%
  }
  .large-up--two-sixths {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .large-up--three-sixths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .large-up--four-sixths {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .large-up--five-sixths {
      width: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      flex-basis: 83.33333%
  }
  .large-up--one-eighth {
      width: 12.5%;
      -ms-flex-preferred-size: 12.5%;
      -webkit-flex-basis: 12.5%;
      -moz-flex-basis: 12.5%;
      flex-basis: 12.5%
  }
  .large-up--two-eighths {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .large-up--three-eighths {
      width: 37.5%;
      -ms-flex-preferred-size: 37.5%;
      -webkit-flex-basis: 37.5%;
      -moz-flex-basis: 37.5%;
      flex-basis: 37.5%
  }
  .large-up--four-eighths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .large-up--five-eighths {
      width: 62.5%;
      -ms-flex-preferred-size: 62.5%;
      -webkit-flex-basis: 62.5%;
      -moz-flex-basis: 62.5%;
      flex-basis: 62.5%
  }
  .large-up--six-eighths {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .large-up--seven-eighths {
      width: 87.5%;
      -ms-flex-preferred-size: 87.5%;
      -webkit-flex-basis: 87.5%;
      -moz-flex-basis: 87.5%;
      flex-basis: 87.5%
  }
  .large-up--one-tenth {
      width: 10%;
      -ms-flex-preferred-size: 10%;
      -webkit-flex-basis: 10%;
      -moz-flex-basis: 10%;
      flex-basis: 10%
  }
  .large-up--two-tenths {
      width: 20%;
      -ms-flex-preferred-size: 20%;
      -webkit-flex-basis: 20%;
      -moz-flex-basis: 20%;
      flex-basis: 20%
  }
  .large-up--three-tenths {
      width: 30%;
      -ms-flex-preferred-size: 30%;
      -webkit-flex-basis: 30%;
      -moz-flex-basis: 30%;
      flex-basis: 30%
  }
  .large-up--four-tenths {
      width: 40%;
      -ms-flex-preferred-size: 40%;
      -webkit-flex-basis: 40%;
      -moz-flex-basis: 40%;
      flex-basis: 40%
  }
  .large-up--five-tenths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .large-up--six-tenths {
      width: 60%;
      -ms-flex-preferred-size: 60%;
      -webkit-flex-basis: 60%;
      -moz-flex-basis: 60%;
      flex-basis: 60%
  }
  .large-up--seven-tenths {
      width: 70%;
      -ms-flex-preferred-size: 70%;
      -webkit-flex-basis: 70%;
      -moz-flex-basis: 70%;
      flex-basis: 70%
  }
  .large-up--eight-tenths {
      width: 80%;
      -ms-flex-preferred-size: 80%;
      -webkit-flex-basis: 80%;
      -moz-flex-basis: 80%;
      flex-basis: 80%
  }
  .large-up--nine-tenths {
      width: 90%;
      -ms-flex-preferred-size: 90%;
      -webkit-flex-basis: 90%;
      -moz-flex-basis: 90%;
      flex-basis: 90%
  }
  .large-up--one-twelfth {
      width: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
      -webkit-flex-basis: 8.33333%;
      -moz-flex-basis: 8.33333%;
      flex-basis: 8.33333%
  }
  .large-up--two-twelfths {
      width: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
      -webkit-flex-basis: 16.66667%;
      -moz-flex-basis: 16.66667%;
      flex-basis: 16.66667%
  }
  .large-up--three-twelfths {
      width: 25%;
      -ms-flex-preferred-size: 25%;
      -webkit-flex-basis: 25%;
      -moz-flex-basis: 25%;
      flex-basis: 25%
  }
  .large-up--four-twelfths {
      width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      -webkit-flex-basis: 33.33333%;
      -moz-flex-basis: 33.33333%;
      flex-basis: 33.33333%
  }
  .large-up--five-twelfths {
      width: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
      -webkit-flex-basis: 41.66667%;
      -moz-flex-basis: 41.66667%;
      flex-basis: 41.66667%
  }
  .large-up--six-twelfths {
      width: 50%;
      -ms-flex-preferred-size: 50%;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      flex-basis: 50%
  }
  .large-up--seven-twelfths {
      width: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
      -webkit-flex-basis: 58.33333%;
      -moz-flex-basis: 58.33333%;
      flex-basis: 58.33333%
  }
  .large-up--eight-twelfths {
      width: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
      -webkit-flex-basis: 66.66667%;
      -moz-flex-basis: 66.66667%;
      flex-basis: 66.66667%
  }
  .large-up--nine-twelfths {
      width: 75%;
      -ms-flex-preferred-size: 75%;
      -webkit-flex-basis: 75%;
      -moz-flex-basis: 75%;
      flex-basis: 75%
  }
  .large-up--ten-twelfths {
      width: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
      -webkit-flex-basis: 83.33333%;
      -moz-flex-basis: 83.33333%;
      flex-basis: 83.33333%
  }
  .large-up--eleven-twelfths {
      width: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
      -webkit-flex-basis: 91.66667%;
      -moz-flex-basis: 91.66667%;
      flex-basis: 91.66667%
  }
  .grid--uniform .large-up--one-half:nth-child(2n+1), .grid--uniform .large-up--one-third:nth-child(3n+1), .grid--uniform .large-up--one-quarter:nth-child(4n+1), .grid--uniform .large-up--one-fifth:nth-child(5n+1), .grid--uniform .large-up--one-sixth:nth-child(6n+1), .grid--uniform .large-up--two-sixths:nth-child(3n+1), .grid--uniform .large-up--three-sixths:nth-child(2n+1), .grid--uniform .large-up--two-eighths:nth-child(4n+1), .grid--uniform .large-up--four-eighths:nth-child(2n+1), .grid--uniform .large-up--five-tenths:nth-child(2n+1), .grid--uniform .large-up--one-twelfth:nth-child(12n+1), .grid--uniform .large-up--two-twelfths:nth-child(6n+1), .grid--uniform .large-up--three-twelfths:nth-child(4n+1), .grid--uniform .large-up--four-twelfths:nth-child(3n+1), .grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
      clear: both
  }
  .large-up--show {
      display: block !important
  }
  .large-up--hide {
      display: none !important
  }
  .large-up--text-left {
      text-align: left !important
  }
  .large-up--text-right {
      text-align: right !important
  }
  .large-up--text-center {
      text-align: center !important
  }
}

@media only screen and (min-width: 750px) {
  .medium-up--push-one-half {
      left: 50%
  }
  .medium-up--push-one-third {
      left: 33.33333%
  }
  .medium-up--push-two-thirds {
      left: 66.66667%
  }
  .medium-up--push-one-quarter {
      left: 25%
  }
  .medium-up--push-two-quarters {
      left: 50%
  }
  .medium-up--push-three-quarters {
      left: 75%
  }
  .medium-up--push-one-fifth {
      left: 20%
  }
  .medium-up--push-two-fifths {
      left: 40%
  }
  .medium-up--push-three-fifths {
      left: 60%
  }
  .medium-up--push-four-fifths {
      left: 80%
  }
  .medium-up--push-one-sixth {
      left: 16.66667%
  }
  .medium-up--push-two-sixths {
      left: 33.33333%
  }
  .medium-up--push-three-sixths {
      left: 50%
  }
  .medium-up--push-four-sixths {
      left: 66.66667%
  }
  .medium-up--push-five-sixths {
      left: 83.33333%
  }
  .medium-up--push-one-eighth {
      left: 12.5%
  }
  .medium-up--push-two-eighths {
      left: 25%
  }
  .medium-up--push-three-eighths {
      left: 37.5%
  }
  .medium-up--push-four-eighths {
      left: 50%
  }
  .medium-up--push-five-eighths {
      left: 62.5%
  }
  .medium-up--push-six-eighths {
      left: 75%
  }
  .medium-up--push-seven-eighths {
      left: 87.5%
  }
  .medium-up--push-one-tenth {
      left: 10%
  }
  .medium-up--push-two-tenths {
      left: 20%
  }
  .medium-up--push-three-tenths {
      left: 30%
  }
  .medium-up--push-four-tenths {
      left: 40%
  }
  .medium-up--push-five-tenths {
      left: 50%
  }
  .medium-up--push-six-tenths {
      left: 60%
  }
  .medium-up--push-seven-tenths {
      left: 70%
  }
  .medium-up--push-eight-tenths {
      left: 80%
  }
  .medium-up--push-nine-tenths {
      left: 90%
  }
  .medium-up--push-one-twelfth {
      left: 8.33333%
  }
  .medium-up--push-two-twelfths {
      left: 16.66667%
  }
  .medium-up--push-three-twelfths {
      left: 25%
  }
  .medium-up--push-four-twelfths {
      left: 33.33333%
  }
  .medium-up--push-five-twelfths {
      left: 41.66667%
  }
  .medium-up--push-six-twelfths {
      left: 50%
  }
  .medium-up--push-seven-twelfths {
      left: 58.33333%
  }
  .medium-up--push-eight-twelfths {
      left: 66.66667%
  }
  .medium-up--push-nine-twelfths {
      left: 75%
  }
  .medium-up--push-ten-twelfths {
      left: 83.33333%
  }
  .medium-up--push-eleven-twelfths {
      left: 91.66667%
  }
}

*, *:before, *:after {
  box-sizing: border-box
}

body {
  margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

body, input, textarea, button, select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%
}

a {
  background-color: transparent
}

b, strong {
  font-weight: 700
}

em {
  font-style: italic;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}






.page-width {
  *zoom: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 10px
}

.page-width:after {
  content: '';
  display: table;
  clear: both
}

@media only screen and (min-width: 750px) {
  .page-width {
      padding: 0 20px
  }
}

.page-width2 {
  *zoom: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px
}

.page-width2:after {
  content: '';
  display: table;
  clear: both
}

@media only screen and (min-width: 750px) {
  .page-width2 {
      padding: 0 20px
  }
}

.page-width3 {
  *zoom: 1;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px
}

.page-width3:after {
  content: '';
  display: table;
  clear: both
}

@media only screen and (min-width: 750px) {
  .page-width3 {
      padding: 0 20px
  }
}

.page-width4 {
  *zoom: 1;
  max-width: 1550px;
  margin: 0 auto;
  padding: 0 10px
}

.page-width4:after {
  content: '';
  display: table;
  clear: both
}

@media only screen and (min-width: 750px) {
  .page-width4 {
      padding: 0 20px
  }
}

.page-width5 {
  *zoom: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px
}

.page-width5:after {
  content: '';
  display: table;
  clear: both
}

@media only screen and (min-width: 750px) {
  .page-width5 {
      padding: 0 20px
  }
}

.page-width-footer {
  *zoom: 1;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 20px
}

.page-width-footer:after {
  content: '';
  display: table;
  clear: both
}

@media only screen and (min-width: 750px) {
  .page-width-footer {
      padding: 0 20px
  }
}