.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

.row {
    margin-left: auto;
    margin-right: auto;
    max-width: 72em;
    padding-left: 10px;
    padding-left: 0.625rem;
    padding-right: 10px;
    padding-right: 0.625rem;
    display: block;
    zoom: 1;
}

.row:after,
.teaser:after,
.header-red:after,
.specs .attribute:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  zoom: 1; }

.col-1, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12 {
  float: left;
  padding-left: 4px;
  padding-left: 0.25rem;
  padding-right: 4px;
  padding-right: 0.25rem;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box; }

.col-1 {
  width: 8.3333328%; }

.col-2 {
  width: 16.6666656%; }

.col-3 {
  width: 24.9999984%; }

.col-4 {
  width: 33.3333312%; }

.col-5 {
  width: 41.666664%; }

.col-6 {
  width: 49.9999968%; }

.col-7 {
  width: 58.3333296%; }

.col-8 {
  width: 66.6666624%; }

.col-9 {
  width: 74.9999952%; }

.col-10 {
  width: 83.333328%; }

.col-11 {
  width: 91.6666608%; }

.col-12 {
  width: 100%;
  float: none; }

.col-offset-1 {
  margin-left: 8.3333328%; }

.col-offset-2 {
  margin-left: 16.6666656%; }

.col-offset-3 {
  margin-left: 24.9999984%; }

.col-offset-4 {
  margin-left: 33.3333312%; }

.col-offset-5 {
  margin-left: 41.666664%; }

.col-offset-6 {
  margin-left: 49.9999968%; }

.col-offset-7 {
  margin-left: 58.3333296%; }

.col-offset-8 {
  margin-left: 66.6666624%; }

.col-offset-9 {
  margin-left: 74.9999952%; }

.col-offset-10 {
  margin-left: 83.333328%; }

.col-offset-11 {
  margin-left: 91.6666608%; }

.row.pull-right .col-1, .row.pull-right .col-2, .row.pull-right .col-3, .row.pull-right .col-4,
.row.pull-right .col-5, .row.pull-right .col-6, .row.pull-right .col-7, .row.pull-right .col-8,
.row.pull-right .col-9, .row.pull-right .col-10, .row.pull-right .col-11, .row.pull-right .col-12 {
  float: right; }

@media screen and (max-width: 48em) {
  .tablet-col-1, .tablet-col-2, .tablet-col-3, .tablet-col-4,
  .tablet-col-5, .tablet-col-6, .tablet-col-7, .tablet-col-8,
  .tablet-col-9, .tablet-col-10, .tablet-col-11, .tablet-col-12 {
    float: left;
    padding-left: 4px;
    padding-left: 0.25rem;
    padding-right: 4px;
    padding-right: 0.25rem;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box; }

  .tablet-col-1 {
    width: 8.3333328%; }

  .tablet-col-2 {
    width: 16.6666656%; }

  .tablet-col-3 {
    width: 24.9999984%; }

  .tablet-col-4 {
    width: 33.3333312%; }

  .tablet-col-5 {
    width: 41.666664%; }

  .tablet-col-6 {
    width: 49.9999968%; }

  .tablet-col-7 {
    width: 58.3333296%; }

  .tablet-col-8 {
    width: 66.6666624%; }

  .tablet-col-9 {
    width: 74.9999952%; }

  .tablet-col-10 {
    width: 83.333328%; }

  .tablet-col-11 {
    width: 91.6666608%; }

  .tablet-col-12 {
    width: 100%;
    float: none; }

  .hide-on-tablet {
    display: none !important; }

  .row.pull-right .tablet-col-1, .row.pull-right .tablet-col-2, .row.pull-right .tablet-col-3, .row.pull-right .tablet-col-4,
  .row.pull-right .tablet-col-5, .row.pull-right .tablet-col-6, .row.pull-right .tablet-col-7, .row.pull-right .tablet-col-8,
  .row.pull-right .tablet-col-9, .row.pull-right .tablet-col-10, .row.pull-right .tablet-col-11, .row.pull-right .tablet-col-12 {
    float: right; } }
@media screen and (max-width: 40em) {
  .mobile-col-1, .mobile-col-2, .mobile-col-3, .mobile-col-4,
  .mobile-col-5, .mobile-col-6, .mobile-col-7, .mobile-col-8,
  .mobile-col-9, .mobile-col-10, .mobile-col-11, .mobile-col-12 {
    float: left;
    padding-left: 4px;
    padding-left: 0.25rem;
    padding-right: 4px;
    padding-right: 0.25rem;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box; }

  .mobile-col-1 {
    width: 8.3333328%; }

  .mobile-col-2 {
    width: 16.6666656%; }

  .mobile-col-3 {
    width: 24.9999984%; }

  .mobile-col-4 {
    width: 33.3333312%; }

  .mobile-col-5 {
    width: 41.666664%; }

  .mobile-col-6 {
    width: 49.9999968%; }

  .mobile-col-7 {
    width: 58.3333296%; }

  .mobile-col-8 {
    width: 66.6666624%; }

  .mobile-col-9 {
    width: 74.9999952%; }

  .mobile-col-10 {
    width: 83.333328%; }

  .mobile-col-11 {
    width: 91.6666608%; }

  .mobile-col-12 {
    width: 100%;
    float: none; }

  .mobile-col-offset-1 {
    margin-left: 8.3333328%; }

  .mobile-col-offset-2 {
    margin-left: 16.6666656%; }

  .mobile-col-offset-3 {
    margin-left: 24.9999984%; }

  .mobile-col-offset-4 {
    margin-left: 33.3333312%; }

  .mobile-col-offset-5 {
    margin-left: 41.666664%; }

  .mobile-col-offset-6 {
    margin-left: 49.9999968%; }

  .mobile-col-offset-7 {
    margin-left: 58.3333296%; }

  .mobile-col-offset-8 {
    margin-left: 66.6666624%; }

  .mobile-col-offset-9 {
    margin-left: 74.9999952%; }

  .mobile-col-offset-10 {
    margin-left: 83.333328%; }

  .mobile-col-offset-11 {
    margin-left: 91.6666608%; }

  .hide-on-mobile {
    display: none !important; }

  .row.pull-right .mobile-col-1, .row.pull-right .mobile-col-2, .row.pull-right .mobile-col-3, .row.pull-right .mobile-col-4,
  .row.pull-right .mobile-col-5, .row.pull-right .mobile-col-6, .row.pull-right .mobile-col-7, .row.pull-right .mobile-col-8,
  .row.pull-right .mobile-col-9, .row.pull-right .mobile-col-10, .row.pull-right .mobile-col-11, .row.pull-right .mobile-col-12 {
    float: right; } }