/* Column Grid 12  */

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12,
.colM1, .colM2, .colM3, .colM4, .colM5, .colM6, .colM7, .colM8, .colM9, .colM10, .colM11, .colM12,
.colT1, .colT2, .colT3, .colT4, .colT5, .colT6, .colT7, .colT8, .colT9, .colT10, .colT11, .colT12 {
	position: relative;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  min-height: 1px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12,
.colM1, .colM2, .colM3, .colM4, .colM5, .colM6, .colM7, .colM8, .colM9, .colM10, .colM11, .colM12,
.colT1, .colT2, .colT3, .colT4, .colT5, .colT6, .colT7, .colT8, .colT9, .colT10, .colT11, .colT12 {
	float: left;
}

.colM12 {
  width: 100%;
}

.colM11 {
  width: 91.66666667%;
}

.colM10 {
  width: 83.33333333%;
}

.colM9 {
  width: 75%;
}

.colM8 {
  width: 66.66666667%;
}

.colM7 {
  width: 58.33333333%;
}

.colM6 {
  width: 50%;
}

.colM5 {
  width: 41.66666667%;
}

.colM4 {
  width: 33.33333333%;
}

.colM3 {
  width: 25%;
}

.colM2 {
  width: 16.66666667%;
}

.colM1 {
  width: 8.33333333%;
}

.colMPull12 {
  right: 100%;
}
.colMPull11 {
  right: 91.66666667%;
}
.colMPull10 {
  right: 83.33333333%;
}
.colMPull9 {
  right: 75%;
}
.colMPull8 {
  right: 66.66666667%;
}
.colMPull7 {
  right: 58.33333333%;
}
.colMPull6 {
  right: 50%;
}
.colMPull5 {
  right: 41.66666667%;
}
.colMPull4 {
  right: 33.33333333%;
}
.colMPull3 {
  right: 25%;
}
.colMPull2 {
  right: 16.66666667%;
}
.colMPull1 {
  right: 8.33333333%;
}
.colMPull0 {
  right: auto;
}
.colMPush12 {
  left: 100%;
}
.colMPush11 {
  left: 91.66666667%;
}
.colMPush10 {
  left: 83.33333333%;
}
.colMPush9 {
  left: 75%;
}
.colMPush8 {
  left: 66.66666667%;
}
.colMPush7 {
  left: 58.33333333%;
}
.colMPush6 {
  left: 50%;
}
.colMPush5 {
  left: 41.66666667%;
}
.colMPush4 {
  left: 33.33333333%;
}
.colMPush3 {
  left: 25%;
}
.colMPush2 {
  left: 16.66666667%;
}
.colMPush1 {
  left: 8.33333333%;
}
.colMPush0 {
  left: auto;
}
.colMOffset12 {
  margin-left: 100%;
}
.colMOffset11 {
  margin-left: 91.66666667%;
}
.colMOffset10 {
  margin-left: 83.33333333%;
}
.colMOffset9 {
  margin-left: 75%;
}
.colMOffset8 {
  margin-left: 66.66666667%;
}
.colMOffset7 {
  margin-left: 58.33333333%;
}
.colMOffset6 {
  margin-left: 50%;
}
.colMOffset5 {
  margin-left: 41.66666667%;
}
.colMOffset4 {
  margin-left: 33.33333333%;
}
.colMOffset3 {
  margin-left: 25%;
}
.colMOffset2 {
  margin-left: 16.66666667%;
}
.colMOffset1 {
  margin-left: 8.33333333%;
}
.colMOffset0 {
  margin-left: 0%;
}

@media (min-width: 808px) {
  .colT12 {
    width: 100%;
  }

  .colT11 {
    width: 91.66666667%;
  }

  .colT10 {
    width: 83.33333333%;
  }

  .colT9 {
    width: 75%;
  }

  .colT8 {
    width: 66.66666667%;
  }

  .colT7 {
    width: 58.33333333%;
  }

  .colT6 {
    width: 50%;
  }

  .colT5 {
    width: 41.66666667%;
  }

  .colT4 {
    width: 33.33333333%;
  }

  .colT3 {
    width: 25%;
  }

  .colT2 {
    width: 16.66666667%;
  }

  .colT1 {
    width: 8.33333333%;
  }

  .colTPull12 {
    right: 100%;
  }
  .colTPull11 {
    right: 91.66666667%;
  }
  .colTPull10 {
    right: 83.33333333%;
  }
  .colTPull9 {
    right: 75%;
  }
  .colTPull8 {
    right: 66.66666667%;
  }
  .colTPull7 {
    right: 58.33333333%;
  }
  .colTPull6 {
    right: 50%;
  }
  .colTPull5 {
    right: 41.66666667%;
  }
  .colTPull4 {
    right: 33.33333333%;
  }
  .colTPull3 {
    right: 25%;
  }
  .colTPull2 {
    right: 16.66666667%;
  }
  .colTPull1 {
    right: 8.33333333%;
  }
  .colTPull0 {
    right: auto;
  }
  .colTPush12 {
    left: 100%;
  }
  .colTPush11 {
    left: 91.66666667%;
  }
  .colTPush10 {
    left: 83.33333333%;
  }
  .colTPush9 {
    left: 75%;
  }
  .colTPush8 {
    left: 66.66666667%;
  }
  .colTPush7 {
    left: 58.33333333%;
  }
  .colTPush6 {
    left: 50%;
  }
  .colTPush5 {
    left: 41.66666667%;
  }
  .colTPush4 {
    left: 33.33333333%;
  }
  .colTPush3 {
    left: 25%;
  }
  .colTPush2 {
    left: 16.66666667%;
  }
  .colTPush1 {
    left: 8.33333333%;
  }
  .colTPush0 {
    left: auto;
  }
  .colTOffset12 {
    margin-left: 100%;
  }
  .colTOffset11 {
    margin-left: 91.66666667%;
  }
  .colTOffset10 {
    margin-left: 83.33333333%;
  }
  .colTOffset9 {
    margin-left: 75%;
  }
  .colTOffset8 {
    margin-left: 66.66666667%;
  }
  .colTOffset7 {
    margin-left: 58.33333333%;
  }
  .colTOffset6 {
    margin-left: 50%;
  }
  .colTOffset5 {
    margin-left: 41.66666667%;
  }
  .colTOffset4 {
    margin-left: 33.33333333%;
  }
  .colTOffset3 {
    margin-left: 25%;
  }
  .colTOffset2 {
    margin-left: 16.66666667%;
  }
  .colTOffset1 {
    margin-left: 8.33333333%;
  }
  .colTOffset0 {
    margin-left: 0%;
  }
}

/* TODO: move to min-width: 1200px */

.col12 {
  width: 100%;
}

.col11 {
  width: 91.66666667%;
}

.col10 {
  width: 83.33333333%;
}

.col9 {
  width: 75%;
}

.col8 {
  width: 66.66666667%;
}

.col7 {
  width: 58.33333333%;
}

.col6 {
  width: 50%;
}

.col5 {
  width: 41.66666667%;
}

.col4 {
  width: 33.33333333%;
}

.col3 {
  width: 25%;
}

.col2 {
  width: 16.66666667%;
}

.col1 {
  width: 8.33333333%;
}

.colPull12 {
  right: 100%;
}
.colPull11 {
  right: 91.66666667%;
}
.colPull10 {
  right: 83.33333333%;
}
.colPull9 {
  right: 75%;
}
.colPull8 {
  right: 66.66666667%;
}
.colPull7 {
  right: 58.33333333%;
}
.colPull6 {
  right: 50%;
}
.colPull5 {
  right: 41.66666667%;
}
.colPull4 {
  right: 33.33333333%;
}
.colPull3 {
  right: 25%;
}
.colPull2 {
  right: 16.66666667%;
}
.colPull1 {
  right: 8.33333333%;
}
.colPull0 {
  right: auto;
}
.colPush12 {
  left: 100%;
}
.colPush11 {
  left: 91.66666667%;
}
.colPush10 {
  left: 83.33333333%;
}
.colPush9 {
  left: 75%;
}
.colPush8 {
  left: 66.66666667%;
}
.colPush7 {
  left: 58.33333333%;
}
.colPush6 {
  left: 50%;
}
.colPush5 {
  left: 41.66666667%;
}
.colPush4 {
  left: 33.33333333%;
}
.colPush3 {
  left: 25%;
}
.colPush2 {
  left: 16.66666667%;
}
.colPush1 {
  left: 8.33333333%;
}
.colPush0 {
  left: auto;
}
.colOffset12 {
  margin-left: 100%;
}
.colOffset11 {
  margin-left: 91.66666667%;
}
.colOffset10 {
  margin-left: 83.33333333%;
}
.colOffset9 {
  margin-left: 75%;
}
.colOffset8 {
  margin-left: 66.66666667%;
}
.colOffset7 {
  margin-left: 58.33333333%;
}
.colOffset6 {
  margin-left: 50%;
}
.colOffset5 {
  margin-left: 41.66666667%;
}
.colOffset4 {
  margin-left: 33.33333333%;
}
.colOffset3 {
  margin-left: 25%;
}
.colOffset2 {
  margin-left: 16.66666667%;
}
.colOffset1 {
  margin-left: 8.33333333%;
}
.colOffset0 {
  margin-left: 0%;
}