.h04 {
  /*
   * This is the only required part to make the component's script.js working.
   * START:
   */
  /* END */
  /* 7 columns */
}
.h04 .js-item-container {
  position: relative;
}
.h04 .js-item-hidden {
  left: -9999px;
  position: absolute;
}
.h04 .js-item {
  -webkit-transition: opacity 0.6s ease-in;
  -moz-transition: opacity 0.6s ease-in;
  -o-transition: opacity 0.6s ease-in;
  transition: opacity 0.6s ease-in;
}
.h04 .js-item-hidden {
  opacity: 0;
}
.h04 .container {
  padding-left: 0;
  padding-right: 0;
}
.h04 .item img {
  width: 90px;
}
@media screen and (min-width: 1024px) {
  .h04 .container {
    width: 960px;
  }
}
@media screen and (max-width: 640px) {
  .h04 .item img {
    width: 90px;
  }
}
.h04 .pure-u-1,
.h04 .pure-u-1-1,
.h04 .pure-u-7-7 {
  width: 100%;
}
@media screen and (min-width: 35.5em) {
  .h04 .pure-u-sm-1,
  .h04 .pure-u-sm-1-1,
  .h04 .pure-u-sm-1-7,
  .h04 .pure-u-sm-2-7,
  .h04 .pure-u-sm-3-7,
  .h04 .pure-u-sm-4-7,
  .h04 .pure-u-sm-5-7,
  .h04 .pure-u-sm-6-7,
  .h04 .pure-u-sm-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .h04 .pure-u-sm-1-7 {
    width: 14.2857%;
    *width: 14.2547%;
  }
  .h04 .pure-u-sm-2-7 {
    width: 28.5714%;
    *width: 28.5404%;
  }
  .h04 .pure-u-sm-3-7 {
    width: 42.8571%;
    *width: 42.8261%;
  }
  .h04 .pure-u-sm-4-7 {
    width: 57.1429%;
    *width: 57.1119%;
  }
  .h04 .pure-u-sm-5-7 {
    width: 71.4286%;
    *width: 71.3976%;
  }
  .h04 .pure-u-sm-6-7 {
    width: 85.7143%;
    *width: 85.6833%;
  }
  .h04 .pure-u-sm-1,
  .h04 .pure-u-sm-1-1,
  .h04 .pure-u-sm-7-7 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .h04 .pure-u-md-1,
  .h04 .pure-u-md-1-1,
  .h04 .pure-u-md-1-7,
  .h04 .pure-u-md-2-7,
  .h04 .pure-u-md-3-7,
  .h04 .pure-u-md-4-7,
  .h04 .pure-u-md-5-7,
  .h04 .pure-u-md-6-7,
  .h04 .pure-u-md-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .h04 .pure-u-md-1-7 {
    width: 14.2857%;
    *width: 14.2547%;
  }
  .h04 .pure-u-md-2-7 {
    width: 28.5714%;
    *width: 28.5404%;
  }
  .h04 .pure-u-md-3-7 {
    width: 42.8571%;
    *width: 42.8261%;
  }
  .h04 .pure-u-md-4-7 {
    width: 57.1429%;
    *width: 57.1119%;
  }
  .h04 .pure-u-md-5-7 {
    width: 71.4286%;
    *width: 71.3976%;
  }
  .h04 .pure-u-md-6-7 {
    width: 85.7143%;
    *width: 85.6833%;
  }
  .h04 .pure-u-md-1,
  .h04 .pure-u-md-1-1,
  .h04 .pure-u-md-7-7 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .h04 .pure-u-lg-1,
  .h04 .pure-u-lg-1-1,
  .h04 .pure-u-lg-1-7,
  .h04 .pure-u-lg-2-7,
  .h04 .pure-u-lg-3-7,
  .h04 .pure-u-lg-4-7,
  .h04 .pure-u-lg-5-7,
  .h04 .pure-u-lg-6-7,
  .h04 .pure-u-lg-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .h04 .pure-u-lg-1-7 {
    width: 14.2857%;
    *width: 14.2547%;
  }
  .h04 .pure-u-lg-2-7 {
    width: 28.5714%;
    *width: 28.5404%;
  }
  .h04 .pure-u-lg-3-7 {
    width: 42.8571%;
    *width: 42.8261%;
  }
  .h04 .pure-u-lg-4-7 {
    width: 57.1429%;
    *width: 57.1119%;
  }
  .h04 .pure-u-lg-5-7 {
    width: 71.4286%;
    *width: 71.3976%;
  }
  .h04 .pure-u-lg-6-7 {
    width: 85.7143%;
    *width: 85.6833%;
  }
  .h04 .pure-u-lg-1,
  .h04 .pure-u-lg-1-1,
  .h04 .pure-u-lg-7-7 {
    width: 100%;
  }
}
@media screen and (min-width: 80em) {
  .h04 .pure-u-xl-1,
  .h04 .pure-u-xl-1-1,
  .h04 .pure-u-xl-1-7,
  .h04 .pure-u-xl-2-7,
  .h04 .pure-u-xl-3-7,
  .h04 .pure-u-xl-4-7,
  .h04 .pure-u-xl-5-7,
  .h04 .pure-u-xl-6-7,
  .h04 .pure-u-xl-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .h04 .pure-u-xl-1-7 {
    width: 14.2857%;
    *width: 14.2547%;
  }
  .h04 .pure-u-xl-2-7 {
    width: 28.5714%;
    *width: 28.5404%;
  }
  .h04 .pure-u-xl-3-7 {
    width: 42.8571%;
    *width: 42.8261%;
  }
  .h04 .pure-u-xl-4-7 {
    width: 57.1429%;
    *width: 57.1119%;
  }
  .h04 .pure-u-xl-5-7 {
    width: 71.4286%;
    *width: 71.3976%;
  }
  .h04 .pure-u-xl-6-7 {
    width: 85.7143%;
    *width: 85.6833%;
  }
  .h04 .pure-u-xl-1,
  .h04 .pure-u-xl-1-1,
  .h04 .pure-u-xl-7-7 {
    width: 100%;
  }
}