.inline-block {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.hide-element {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearfix {
  zoom: 1;
}
.wrapper {
  margin-left: -3em;
  overflow: hidden;
  clear: both;
}
.grid {
  float: left;
  padding-left: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-inline {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  padding-left: 3em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.half-gutter {
  margin-left: -1.5em;
}
.half-gutter .grid,
.half-gutter .grid-inline {
  padding-left: 1.5em;
}
.quarter-gutter {
  margin-left: -0.75em;
}
.quarter-gutter .grid,
.quarter-gutter .grid-inline {
  padding-left: 0.75em;
}
.double-divide {
  margin-bottom: 4em;
}
.divide {
  margin-bottom: 2em;
}
.half-divide {
  margin-bottom: 1em;
}
.quarter-divide {
  margin-bottom: 0.5em;
}
.hide {
  display: none;
}
.overflow {
  overflow: visible;
}
/* Grid Base */
.col-1 {
  width: 8.333%;
}
.col-2 {
  width: 16.666%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.333%;
}
.col-5 {
  width: 41.666%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.333%;
}
.col-8 {
  width: 66.666%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.333%;
}
.col-11 {
  width: 91.666%;
}
.col-12 {
  width: 100%;
}
/* BP1 */
@media only screen and (min-width: 30em) {
  .bp1-divide-end {
    margin-bottom: 0;
  }
  .bp1-hide-end {
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .bp1-col-1 {
    width: 8.333%;
  }
  .bp1-col-2 {
    width: 16.666%;
  }
  .bp1-col-3 {
    width: 25%;
  }
  .bp1-col-4 {
    width: 33.333%;
  }
  .bp1-col-5 {
    width: 41.666%;
  }
  .bp1-col-6 {
    width: 50%;
  }
  .bp1-col-7 {
    width: 58.333%;
  }
  .bp1-col-8 {
    width: 66.666%;
  }
  .bp1-col-9 {
    width: 75%;
  }
  .bp1-col-10 {
    width: 83.333%;
  }
  .bp1-col-11 {
    width: 91.666%;
  }
  .bp1-col-12 {
    width: 100%;
  }
}
/* BP2 */
@media only screen and (min-width: 48em) {
  .bp1-divide-end,
  .bp2-divide-end {
    margin-bottom: 0;
  }
  .bp1-hide-end,
  .bp2-hide-end {
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .bp2-col-1 {
    width: 8.333%;
  }
  .bp2-col-2 {
    width: 16.666%;
  }
  .bp2-col-3 {
    width: 25%;
  }
  .bp2-col-4 {
    width: 33.333%;
  }
  .bp2-col-5 {
    width: 41.666%;
  }
  .bp2-col-6 {
    width: 50%;
  }
  .bp2-col-7 {
    width: 58.333%;
  }
  .bp2-col-8 {
    width: 66.666%;
  }
  .bp2-col-9 {
    width: 75%;
  }
  .bp2-col-10 {
    width: 83.333%;
  }
  .bp2-col-11 {
    width: 91.666%;
  }
  .bp2-col-12 {
    width: 100%;
  }
}
/* BP3 */
@media only screen and (min-width: 60em) {
  .bp1-divide-end,
  .bp2-divide-end,
  .bp3-divide-end {
    margin-bottom: 0;
  }
  .bp1-hide-end,
  .bp2-hide-end,
  .bp3-hide-end {
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .bp3-col-1 {
    width: 8.333%;
  }
  .bp3-col-2 {
    width: 16.666%;
  }
  .bp3-col-3 {
    width: 25%;
  }
  .bp3-col-4 {
    width: 33.333%;
  }
  .bp3-col-5 {
    width: 41.666%;
  }
  .bp3-col-6 {
    width: 50%;
  }
  .bp3-col-7 {
    width: 58.333%;
  }
  .bp3-col-8 {
    width: 66.666%;
  }
  .bp3-col-9 {
    width: 75%;
  }
  .bp3-col-10 {
    width: 83.333%;
  }
  .bp3-col-11 {
    width: 91.666%;
  }
  .bp3-col-12 {
    width: 100%;
  }
}