/* Variables */
/* ============================================ */
/* This file has a mobile-to-desktop breakpoint */
/* ============================================ */
/* Global
----------------------------------------------- */
@media (max-width: 400px) {
  @-ms-viewport {
    width: 320px; } }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before, .grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0; }

.grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
  clear: both; }

.grid-container, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, .grid-offset, .clearfix {
  /* </IE7> */
  *zoom: 1; }

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px; }

.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  /* <IE7> */
  padding-right: 10px;
  *padding-left: 0;
  /* </IE7> */
  *padding-right: 0; }

.mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-20 > *, .grid-25 > *, .grid-30 > *, .grid-35 > *, .grid-40 > *, .grid-45 > *, .grid-50 > *, .grid-55 > *, .grid-60 > *, .grid-65 > *, .grid-70 > *, .grid-75 > *, .grid-80 > *, .grid-85 > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .grid-33 > *, .grid-66 > * {
  *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
  /* </IE7> */
  *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px'); }

.grid-parent {
  padding-left: 0;
  padding-right: 0; }

.grid-offset {
  clear: both;
  margin-left: -10px;
  margin-right: -10px; }

@media (max-width: 767px) {
  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative; }

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

  .mobile-grid-5 {
    float: left;
    /* <IE7> */
    width: 5%;
    /* </IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-5 {
    margin-left: 5%; }

  .mobile-suffix-5 {
    margin-right: 5%; }

  .mobile-push-5 {
    /* <IE7> */
    left: 5%;
    /* </IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-5 {
    /* <IE7> */
    left: -5%;
    /* </IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-10 {
    float: left;
    /* <IE7> */
    width: 10%;
    /* </IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-10 {
    margin-left: 10%; }

  .mobile-suffix-10 {
    margin-right: 10%; }

  .mobile-push-10 {
    /* <IE7> */
    left: 10%;
    /* </IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-10 {
    /* <IE7> */
    left: -10%;
    /* </IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-15 {
    float: left;
    /* <IE7> */
    width: 15%;
    /* </IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-15 {
    margin-left: 15%; }

  .mobile-suffix-15 {
    margin-right: 15%; }

  .mobile-push-15 {
    /* <IE7> */
    left: 15%;
    /* </IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-15 {
    /* <IE7> */
    left: -15%;
    /* </IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-20 {
    float: left;
    /* <IE7> */
    width: 20%;
    /* </IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-20 {
    margin-left: 20%; }

  .mobile-suffix-20 {
    margin-right: 20%; }

  .mobile-push-20 {
    /* <IE7> */
    left: 20%;
    /* </IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-20 {
    /* <IE7> */
    left: -20%;
    /* </IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-25 {
    float: left;
    /* <IE7> */
    width: 25%;
    /* </IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-25 {
    margin-left: 25%; }

  .mobile-suffix-25 {
    margin-right: 25%; }

  .mobile-push-25 {
    /* <IE7> */
    left: 25%;
    /* </IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-25 {
    /* <IE7> */
    left: -25%;
    /* </IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-30 {
    float: left;
    /* <IE7> */
    width: 30%;
    /* </IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-30 {
    margin-left: 30%; }

  .mobile-suffix-30 {
    margin-right: 30%; }

  .mobile-push-30 {
    /* <IE7> */
    left: 30%;
    /* </IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-30 {
    /* <IE7> */
    left: -30%;
    /* </IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-35 {
    float: left;
    /* <IE7> */
    width: 35%;
    /* </IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-35 {
    margin-left: 35%; }

  .mobile-suffix-35 {
    margin-right: 35%; }

  .mobile-push-35 {
    /* <IE7> */
    left: 35%;
    /* </IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-35 {
    /* <IE7> */
    left: -35%;
    /* </IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-40 {
    float: left;
    /* <IE7> */
    width: 40%;
    /* </IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-40 {
    margin-left: 40%; }

  .mobile-suffix-40 {
    margin-right: 40%; }

  .mobile-push-40 {
    /* <IE7> */
    left: 40%;
    /* </IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-40 {
    /* <IE7> */
    left: -40%;
    /* </IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-45 {
    float: left;
    /* <IE7> */
    width: 45%;
    /* </IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-45 {
    margin-left: 45%; }

  .mobile-suffix-45 {
    margin-right: 45%; }

  .mobile-push-45 {
    /* <IE7> */
    left: 45%;
    /* </IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-45 {
    /* <IE7> */
    left: -45%;
    /* </IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-50 {
    float: left;
    /* <IE7> */
    width: 50%;
    /* </IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-50 {
    margin-left: 50%; }

  .mobile-suffix-50 {
    margin-right: 50%; }

  .mobile-push-50 {
    /* <IE7> */
    left: 50%;
    /* </IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-50 {
    /* <IE7> */
    left: -50%;
    /* </IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-55 {
    float: left;
    /* <IE7> */
    width: 55%;
    /* </IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-55 {
    margin-left: 55%; }

  .mobile-suffix-55 {
    margin-right: 55%; }

  .mobile-push-55 {
    /* <IE7> */
    left: 55%;
    /* </IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-55 {
    /* <IE7> */
    left: -55%;
    /* </IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-60 {
    float: left;
    /* <IE7> */
    width: 60%;
    /* </IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-60 {
    margin-left: 60%; }

  .mobile-suffix-60 {
    margin-right: 60%; }

  .mobile-push-60 {
    /* <IE7> */
    left: 60%;
    /* </IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-60 {
    /* <IE7> */
    left: -60%;
    /* </IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-65 {
    float: left;
    /* <IE7> */
    width: 65%;
    /* </IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-65 {
    margin-left: 65%; }

  .mobile-suffix-65 {
    margin-right: 65%; }

  .mobile-push-65 {
    /* <IE7> */
    left: 65%;
    /* </IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-65 {
    /* <IE7> */
    left: -65%;
    /* </IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-70 {
    float: left;
    /* <IE7> */
    width: 70%;
    /* </IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-70 {
    margin-left: 70%; }

  .mobile-suffix-70 {
    margin-right: 70%; }

  .mobile-push-70 {
    /* <IE7> */
    left: 70%;
    /* </IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-70 {
    /* <IE7> */
    left: -70%;
    /* </IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-75 {
    float: left;
    /* <IE7> */
    width: 75%;
    /* </IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-75 {
    margin-left: 75%; }

  .mobile-suffix-75 {
    margin-right: 75%; }

  .mobile-push-75 {
    /* <IE7> */
    left: 75%;
    /* </IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-75 {
    /* <IE7> */
    left: -75%;
    /* </IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-80 {
    float: left;
    /* <IE7> */
    width: 80%;
    /* </IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-80 {
    margin-left: 80%; }

  .mobile-suffix-80 {
    margin-right: 80%; }

  .mobile-push-80 {
    /* <IE7> */
    left: 80%;
    /* </IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-80 {
    /* <IE7> */
    left: -80%;
    /* </IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-85 {
    float: left;
    /* <IE7> */
    width: 85%;
    /* </IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-85 {
    margin-left: 85%; }

  .mobile-suffix-85 {
    margin-right: 85%; }

  .mobile-push-85 {
    /* <IE7> */
    left: 85%;
    /* </IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-85 {
    /* <IE7> */
    left: -85%;
    /* </IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-90 {
    float: left;
    /* <IE7> */
    width: 90%;
    /* </IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-90 {
    margin-left: 90%; }

  .mobile-suffix-90 {
    margin-right: 90%; }

  .mobile-push-90 {
    /* <IE7> */
    left: 90%;
    /* </IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-90 {
    /* <IE7> */
    left: -90%;
    /* </IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-95 {
    float: left;
    /* <IE7> */
    width: 95%;
    /* </IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-95 {
    margin-left: 95%; }

  .mobile-suffix-95 {
    margin-right: 95%; }

  .mobile-push-95 {
    /* <IE7> */
    left: 95%;
    /* </IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-95 {
    /* <IE7> */
    left: -95%;
    /* </IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-33 {
    float: left;
    /* <IE7> */
    width: 33.33333%;
    /* </IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-33 {
    margin-left: 33.33333%; }

  .mobile-suffix-33 {
    margin-right: 33.33333%; }

  .mobile-push-33 {
    /* <IE7> */
    left: 33.33333%;
    /* </IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-33 {
    /* <IE7> */
    left: -33.33333%;
    /* </IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-66 {
    float: left;
    /* <IE7> */
    width: 66.66667%;
    /* </IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-prefix-66 {
    margin-left: 66.66667%; }

  .mobile-suffix-66 {
    margin-right: 66.66667%; }

  .mobile-push-66 {
    /* <IE7> */
    left: 66.66667%;
    /* </IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-pull-66 {
    /* <IE7> */
    left: -66.66667%;
    /* </IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .mobile-grid-100 {
    clear: both;
    width: 100%; } }

@media (min-width: 768px) {
  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative; }

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

  .grid-5 {
    float: left;
    /* <IE7> */
    width: 5%;
    /* </IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-5 {
    margin-left: 5%; }

  .suffix-5 {
    margin-right: 5%; }

  .push-5 {
    /* <IE7> */
    left: 5%;
    /* </IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-5 {
    /* <IE7> */
    left: -5%;
    /* </IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-10 {
    float: left;
    /* <IE7> */
    width: 10%;
    /* </IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-10 {
    margin-left: 10%; }

  .suffix-10 {
    margin-right: 10%; }

  .push-10 {
    /* <IE7> */
    left: 10%;
    /* </IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-10 {
    /* <IE7> */
    left: -10%;
    /* </IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-15 {
    float: left;
    /* <IE7> */
    width: 15%;
    /* </IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-15 {
    margin-left: 15%; }

  .suffix-15 {
    margin-right: 15%; }

  .push-15 {
    /* <IE7> */
    left: 15%;
    /* </IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-15 {
    /* <IE7> */
    left: -15%;
    /* </IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-20 {
    float: left;
    /* <IE7> */
    width: 20%;
    /* </IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-20 {
    margin-left: 20%; }

  .suffix-20 {
    margin-right: 20%; }

  .push-20 {
    /* <IE7> */
    left: 20%;
    /* </IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-20 {
    /* <IE7> */
    left: -20%;
    /* </IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-25 {
    float: left;
    /* <IE7> */
    width: 25%;
    /* </IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-25 {
    margin-left: 25%; }

  .suffix-25 {
    margin-right: 25%; }

  .push-25 {
    /* <IE7> */
    left: 25%;
    /* </IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-25 {
    /* <IE7> */
    left: -25%;
    /* </IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-30 {
    float: left;
    /* <IE7> */
    width: 30%;
    /* </IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-30 {
    margin-left: 30%; }

  .suffix-30 {
    margin-right: 30%; }

  .push-30 {
    /* <IE7> */
    left: 30%;
    /* </IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-30 {
    /* <IE7> */
    left: -30%;
    /* </IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-35 {
    float: left;
    /* <IE7> */
    width: 35%;
    /* </IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-35 {
    margin-left: 35%; }

  .suffix-35 {
    margin-right: 35%; }

  .push-35 {
    /* <IE7> */
    left: 35%;
    /* </IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-35 {
    /* <IE7> */
    left: -35%;
    /* </IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-40 {
    float: left;
    /* <IE7> */
    width: 40%;
    /* </IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-40 {
    margin-left: 40%; }

  .suffix-40 {
    margin-right: 40%; }

  .push-40 {
    /* <IE7> */
    left: 40%;
    /* </IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-40 {
    /* <IE7> */
    left: -40%;
    /* </IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-45 {
    float: left;
    /* <IE7> */
    width: 45%;
    /* </IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-45 {
    margin-left: 45%; }

  .suffix-45 {
    margin-right: 45%; }

  .push-45 {
    /* <IE7> */
    left: 45%;
    /* </IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-45 {
    /* <IE7> */
    left: -45%;
    /* </IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-50 {
    float: left;
    /* <IE7> */
    width: 50%;
    /* </IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-50 {
    margin-left: 50%; }

  .suffix-50 {
    margin-right: 50%; }

  .push-50 {
    /* <IE7> */
    left: 50%;
    /* </IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-50 {
    /* <IE7> */
    left: -50%;
    /* </IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-55 {
    float: left;
    /* <IE7> */
    width: 55%;
    /* </IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-55 {
    margin-left: 55%; }

  .suffix-55 {
    margin-right: 55%; }

  .push-55 {
    /* <IE7> */
    left: 55%;
    /* </IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-55 {
    /* <IE7> */
    left: -55%;
    /* </IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-60 {
    float: left;
    /* <IE7> */
    width: 60%;
    /* </IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-60 {
    margin-left: 60%; }

  .suffix-60 {
    margin-right: 60%; }

  .push-60 {
    /* <IE7> */
    left: 60%;
    /* </IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-60 {
    /* <IE7> */
    left: -60%;
    /* </IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-65 {
    float: left;
    /* <IE7> */
    width: 65%;
    /* </IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-65 {
    margin-left: 65%; }

  .suffix-65 {
    margin-right: 65%; }

  .push-65 {
    /* <IE7> */
    left: 65%;
    /* </IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-65 {
    /* <IE7> */
    left: -65%;
    /* </IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-70 {
    float: left;
    /* <IE7> */
    width: 70%;
    /* </IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-70 {
    margin-left: 70%; }

  .suffix-70 {
    margin-right: 70%; }

  .push-70 {
    /* <IE7> */
    left: 70%;
    /* </IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-70 {
    /* <IE7> */
    left: -70%;
    /* </IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-75 {
    float: left;
    /* <IE7> */
    width: 75%;
    /* </IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-75 {
    margin-left: 75%; }

  .suffix-75 {
    margin-right: 75%; }

  .push-75 {
    /* <IE7> */
    left: 75%;
    /* </IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-75 {
    /* <IE7> */
    left: -75%;
    /* </IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-80 {
    float: left;
    /* <IE7> */
    width: 80%;
    /* </IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-80 {
    margin-left: 80%; }

  .suffix-80 {
    margin-right: 80%; }

  .push-80 {
    /* <IE7> */
    left: 80%;
    /* </IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-80 {
    /* <IE7> */
    left: -80%;
    /* </IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-85 {
    float: left;
    /* <IE7> */
    width: 85%;
    /* </IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-85 {
    margin-left: 85%; }

  .suffix-85 {
    margin-right: 85%; }

  .push-85 {
    /* <IE7> */
    left: 85%;
    /* </IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-85 {
    /* <IE7> */
    left: -85%;
    /* </IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-90 {
    float: left;
    /* <IE7> */
    width: 90%;
    /* </IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-90 {
    margin-left: 90%; }

  .suffix-90 {
    margin-right: 90%; }

  .push-90 {
    /* <IE7> */
    left: 90%;
    /* </IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-90 {
    /* <IE7> */
    left: -90%;
    /* </IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-95 {
    float: left;
    /* <IE7> */
    width: 95%;
    /* </IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-95 {
    margin-left: 95%; }

  .suffix-95 {
    margin-right: 95%; }

  .push-95 {
    /* <IE7> */
    left: 95%;
    /* </IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-95 {
    /* <IE7> */
    left: -95%;
    /* </IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-33 {
    float: left;
    /* <IE7> */
    width: 33.33333%;
    /* </IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-33 {
    margin-left: 33.33333%; }

  .suffix-33 {
    margin-right: 33.33333%; }

  .push-33 {
    /* <IE7> */
    left: 33.33333%;
    /* </IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-33 {
    /* <IE7> */
    left: -33.33333%;
    /* </IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-66 {
    float: left;
    /* <IE7> */
    width: 66.66667%;
    /* </IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .prefix-66 {
    margin-left: 66.66667%; }

  .suffix-66 {
    margin-right: 66.66667%; }

  .push-66 {
    /* <IE7> */
    left: 66.66667%;
    /* </IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .pull-66 {
    /* <IE7> */
    left: -66.66667%;
    /* </IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); }

  .grid-100 {
    clear: both;
    width: 100%; } }

* {
  margin: 0; }

html, body {
  height: 100%; }

body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
  color: #444;
  background: #fff;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body * {
    font-size: 100%; }
  body > * {
    text-align: left; }

p {
  margin: 0 0 1.5em 0; }

input, textarea {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 3px 5px;
  vertical-align: middle; }

pre, code, kbd, samp, tt {
  font-family: monospace, monospace;
  font-size: 1em; }

img {
  border: 0; }

button {
  border: 0;
  background: none;
  /* Headings
----------------------------------------------- */ }

h1 {
  display: block;
  font-size: 3.14em;
  font-weight: normal;
  margin: 0 0 0.25em 0;
  padding: 0;
  line-height: 1.5em;
  font-family: Eczar, Georgia, Times, Times New Roman, serif; }

h2 {
  font-size: 2.5em;
  font-weight: normal;
  margin: 20px 0;
  padding: 0;
  line-height: 1.5em;
  color: #000f33;
  font-family: Eczar, Georgia, Times, Times New Roman, serif; }

h3 {
  font-size: 1.67em;
  color: #000f33;
  font-weight: normal;
  font-family: Eczar, Georgia, Times, Times New Roman, serif; }

.post h3 {
  font-size: 1.25em;
  color: #000f33;
  font-weight: normal;
  /* Job spec
----------------------------------------------- */ }

.job-spec h2 {
  font-size: 1.67em;
  color: #000f33;
  font-weight: normal;
  font-family: Eczar, Georgia, Times, Times New Roman, serif; }

.job-spec h3 {
  font-size: 1.2em;
  color: #000f33;
  font-weight: normal;
  font-family: Eczar, Georgia, Times, Times New Roman, serif; }

.job-spec p {
  font-size: 1.17em;
  color: #000f33;
  font-weight: normal;
  font-family: Eczar, Georgia, Times, Times New Roman, serif; }

.job-spec-icon h2 {
  font-size: 1.17em;
  font-weight: 500; }

.job-spec-icon h2 strong, b {
  font-size: 1.22em;
  font-weight: 600;
  color: #000f33;
  /* Links
----------------------------------------------- */ }

a {
  color: #0048f2;
  margin-bottom: 0;
  text-decoration: underline dotted;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 1px; }

a:visited {
  color: #000f33; }

a:hover {
  color: #000f33;
  text-decoration-style: solid; }

a:focus {
  color: #0048f2; }

a:active {
  color: #0048f2; }

.imagelink img {
  line-height: 0.1;
  /* General
----------------------------------------------- */ }

.icon {
  font-size: 80px;
  margin-left: auto;
  margin-right: auto;
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 0px;
  overflow: hidden;
  border: 0px solid #000f33;
  box-shadow: none;
  padding: 30px;
  color: #000f33; }

.off, .hidden {
  display: none;
  /* Lists
----------------------------------------------- */ }

ol li {
  font-size: 17px;
  line-height: 2.5em;
  /* Text Effects
----------------------------------------------- */ }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.cap {
  font-family: Georgia, serif;
  font-size: 3em;
  float: left;
  line-height: 30px;
  padding-top: 1px;
  padding-right: 3px; }

.tac {
  text-align: center; }

.tal {
  text-align: left; }

.tar {
  text-align: right;
  /* Structure
----------------------------------------------- */ }

.skipnavigation {
  left: -1200px;
  position: absolute; }

#body {
  margin: 0;
  text-align: left;
  padding: 0;
  z-index: 10; }

#body_inner {
  margin: 0 auto;
  padding: 0;
  /* Any wider, lines become difficult to read. */
  max-width: 65em;
  z-index: 11; }

#body_shadow {
  overflow: auto;
  width: 100%;
  padding: 0; }

#stickyfoot {
  border-top: 3px solid #000f33;
  background: #333; }

#content {
  margin: 0;
  padding: 80px 15%; }
  #content #content_inner {
    margin: 0 0 20px 0;
    padding: 20px 30px 0 30px; }

#content_wide {
  width: 100%;
  font-size: 18px;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  line-height: 33px;
  /* Header
----------------------------------------------- */ }
  #content_wide h1 {
    margin-bottom: 30px; }
  #content_wide h3 {
    font-weight: bold;
    font-size: 1.4em;
    margin-top: 50px; }
    #content_wide h3:first-child {
      margin-top: 0; }
  #content_wide #content_wide_inner {
    margin: 0;
    padding: 45px 30px; }

header {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  z-index: 121;
  background: #1e49ab;
  background-image: linear-gradient(to bottom, #1e49ab, #183a89);
  position: relative; }
  header #header_inner {
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    z-index: 120; }
  header #logolink {
    line-height: 1;
    display: block;
    padding: 36px 15px 40px;
    margin: 0 0 0 15px;
    width: 300px;
    border-radius: 5px; }
  header #logolink:focus {
    background: none;
    /* Navigation
    ----------------------------------------------- */ }
  header nav {
    padding: 0;
    background: none;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
    font-size: 16px;
    line-height: 36px;
    margin: 38px 0 20px; }
    header nav ul {
      list-style: none;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      header nav ul li, header nav ul li.active {
        background: none;
        float: left;
        margin: 0 20px 0 0;
        padding: 0 0 10px 0;
        border: none;
        position: relative; }
        header nav ul li a, header nav ul li.active a, header nav ul li a:visited, header nav ul li.active a:visited {
          background: none;
          color: #fff;
          display: block;
          float: left;
          margin: 0 5px;
          padding: 0 10px;
          cursor: pointer;
          border: none;
          text-decoration: none;
          text-align: center;
          letter-spacing: 1.25px; }
        header nav ul li:hover > a, header nav ul li.active:hover > a, header nav ul li a:hover, header nav ul li.active a:hover, header nav ul li.active > a:hover, header nav ul li.active.active > a:hover, header nav ul li.active:hover > a, header nav ul li.active.active:hover > a {
          color: #fff;
          text-decoration: none;
          border-bottom: 2px solid #ffb607; }
      header nav ul li.current_page_parent a, header nav ul li.current_page_parent a:visited, header nav ul li.active a, header nav ul li.active a:visited {
        color: #ffb607; }
      header nav ul i.fa {
        display: block;
        text-align: center;
        line-height: 10px; }

.inner {
  margin: 0 auto;
  padding: 50px 0;
  max-width: 1200px;
  /* Main Title
----------------------------------------------- */ }

#page_title {
  padding: 100px 50px;
  /*background-image: linear-gradient(to bottom, scale-color($primary-dark-variant, $lightness: +90%), scale-color($primary-dark-variant, $lightness: +80%));*/
  background: #e5ebfa;
  /* Footer
----------------------------------------------- */ }
  #page_title .inner {
    margin: 0 auto;
    padding: 0;
    min-width: 0;
    max-width: 75em; }
    #page_title .inner h1, #page_title .inner h2 {
      text-align: center;
      color: #000f33;
      margin: 0 auto;
      max-width: 1000px;
      font-style: normal;
      line-height: 1.6; }
    #page_title .inner h1 {
      font-size: 50px;
      font-style: normal; }
    #page_title .inner h2 {
      font-size: 32px;
      font-style: normal; }

#product_footer .inner a {
  display: block;
  border: none;
  text-align: center;
  padding: 5px; }
  #product_footer .inner a .logo {
    height: 140px;
    padding: 0;
    line-height: 140px; }
  #product_footer .inner a img {
    vertical-align: middle;
    max-height: 50px;
    max-width: 60%;
    margin: 0; }
  #product_footer .inner a span {
    text-align: center;
    display: block;
    padding: 10px 0;
    background: #000f33; }
  #product_footer .inner .readable a {
    background: #293044; }
    #product_footer .inner .readable a span {
      background: #cd2082; }
    #product_footer .inner .readable a .logo {
      line-height: 130px; }
    #product_footer .inner .readable a:hover {
      background: #394054; }
  #product_footer .inner .apollopad a {
    background: #004552; }
    #product_footer .inner .apollopad a span {
      background: #32b4ba; }
    #product_footer .inner .apollopad a:hover {
      background: #105562; }
    #product_footer .inner .apollopad a .image_logo {
      max-height: 60px;
      height: 60px;
      margin: 0 5px 0 0; }
    #product_footer .inner .apollopad a .text_logo {
      height: 40px; }
  #product_footer .inner .cheatography a {
    background: #222; }
    #product_footer .inner .cheatography a span {
      background: #fa6900; }
    #product_footer .inner .cheatography a:hover {
      background: #333; }

footer {
  /* Left / Right Content Blocks
----------------------------------------------- */ }
  footer > div {
    background: #e5ebfa;
    display: block;
    padding: 0; }
  footer h4 {
    font-size: 1.3em;
    padding: 0 8px;
    font-family: Eczar, Georgia, Times, Times New Roman, serif;
    margin-bottom: 1em; }
  footer p {
    padding: 0 8px; }
  footer .footer_inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 60px 0; }
  footer a {
    line-height: 1.5em; }
  footer #social_icons {
    margin-top: 40px; }
  footer #social_icons .social_icon, footer #social_icons .social_icon:visited {
    border-radius: 100%;
    color: #444;
    border: 2px solid #444;
    font-size: 16px;
    padding: 6px 7px;
    margin-right: 6px; }
  footer #social_icons .social_icon:hover, footer #social_icons .social_icon:visited:hover {
    color: #1e49ab;
    border-color: #1e49ab; }

.padded_content {
  margin-left: 5%;
  margin-right: 5%; }

.content_blocks {
  overflow: hidden;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px; }

.homepage_content_blocks {
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.content_block_left {
  float: left;
  clear: left;
  padding: 0;
  width: 46%; }

.content_block_right {
  float: right;
  clear: right;
  padding: 0;
  width: 46%; }

.content_block_right ul, .content_block_left ul {
  margin: 0;
  padding: 0; }

.content_block_right ul li, .content_block_left ul li {
  margin: 0; }

ul.index_posts_list li {
  padding: 3px 8px;
  border-bottom: 1px solid #ccc;
  background: none;
  /* Breaks
----------------------------------------------- */ }

div.hr {
  /*url('/images/v10/divider.png') no-repeat scroll center;*/
  background: #eee;
  height: 1px;
  margin: 50px 0;
  clear: both;
  /* Pagination
----------------------------------------------- */ }
  div.hr hr {
    display: none; }

.pagination {
  padding: 0 0 100px 0;
  margin: 0;
  text-align: center; }

.pagination a, .pagination span {
  margin: 0 8px; }

.pagination .ditto_previous_off, .pagination .ditto_next_off {
  color: #888; }

.pageintro {
  clear: left;
  color: #555;
  font-size: 1.4em;
  margin: 1.5em 0; }

.postinfo {
  clear: left;
  padding-bottom: 15px;
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  overflow: auto;
  width: 100%;
  font-family: Eczar, Georgia, Times, Times New Roman, serif; }

.postinfo .commentlink {
  float: right;
  white-space: nowrap; }

.postinfo .commentlink a {
  vertical-align: middle; }

.postinfofoot {
  clear: left;
  text-align: center;
  color: #999;
  padding: 20px 15%;
  margin: 20px 0 0 0;
  border: 1px solid #eee;
  border-right: 0;
  border-left: 0; }

.postinfofoot a, .postinfofoot a:hover {
  color: #999;
  border-color: #999; }

.articlelink {
  overflow: auto;
  width: 100%;
  padding: 1em 0 0 0;
  margin: 1em 0 0 0; }

.articlelink h2 {
  margin-bottom: 10px; }

.articlelink .article_image {
  margin: 5px 0 0 0;
  padding-bottom: 19px;
  background: url('/images/v8/divider.png') center bottom no-repeat; }

.articlelink .article_image a {
  display: block;
  height: 98px; }

.article_hero .article_image {
  display: none; }

.articlelink .commentlink a {
  vertical-align: middle; }

.articlelink_meta {
  text-align: center; }

.homepage_articlelink {
  margin: 0;
  padding-bottom: 19px;
  background: url('/images/v8/divider.png') center bottom no-repeat; }

.homepage_articlelink a {
  display: block;
  height: 98px; }

.footarticlelink a {
  display: block;
  height: 80px; }

blockquote {
  margin: 0 5% 1em 5%;
  padding: 20px;
  display: block;
  text-align: left;
  background: #eee;
  /* Code Blocks
----------------------------------------------- */ }

code, pre {
  margin: 0 10% 1.5em 10%;
  padding: 15px;
  display: block;
  line-height: 1.8em;
  font-family: monospace;
  color: #ccc;
  text-align: left;
  background: #3a404e;
  list-style: none;
  counter-reset: mycounter;
  white-space: pre;
  overflow: auto; }

tt {
  border-radius: 5px;
  background: #ddd;
  background: rgba(0, 0, 0, 0.1);
  padding: 3px;
  /* NavBar
----------------------------------------------- */ }

#navBar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: #000 url('/images/v8/blue_gradient.png') center left repeat-x;
  -moz-opacity: 0.9;
  opacity: 0.9;
  width: 100%;
  border-bottom: 1px solid #000f33;
  color: #ccc;
  text-align: center;
  z-index: 100; }

#navBar a, #navBar a:hover, #navBar a:visited {
  color: #fff;
  border-color: #fff; }

#navBar #navBarInner {
  text-align: left;
  margin: auto;
  max-width: 1200px; }

#navBar #navBarOverflow {
  width: 100%;
  overflow: hidden; }

#navBar #navBarTitle {
  padding: 10px;
  float: left; }

#navBar #navBarLinks {
  padding: 10px;
  float: right; }

.clear {
  clear: both; }

#disqus_thread {
  margin-top: 50px;
  /* Conversations
    ----------------------------------------------- */ }

ul.conversation {
  display: block;
  margin: 1em 10%;
  padding: 0;
  list-style: none;
  border-bottom: 3px solid #f6f6f6; }

ul.conversation li {
  padding: 3px 0;
  overflow: auto;
  width: 100%;
  background: none; }

ul.conversation li.altrow {
  background: #f6f6f6; }

ul.conversation li.action {
  font-style: italic; }

ul.conversation div {
  float: right;
  width: 79%; }

ul.conversation span {
  display: block;
  float: left;
  width: 20%;
  text-indent: 8px; }

table {
  width: 100%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-collapse: collapse; }

table .firstrow th {
  font-size: 10px; }

table th {
  background: #eee;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-align: left;
  padding: 6px 6px 6px 12px;
  white-space: nowrap; }

table td {
  background: #fff;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-align: left;
  padding: 6px 12px;
  vertical-align: top; }

table td.empty {
  border-left: none;
  border-top: none; }

table td.topitem, table tr.totals td.topitem {
  background: #8afe88;
  font-weight: bold; }

table tr.totals td, table tr.totals th {
  background: #eee;
  font-weight: bold;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999; }

table.comparison {
  width: 750px;
  border-right: 1px solid #ddd;
  table-layout: fixed;
  font-size: 11px; }

table.comparison .firstrow th {
  font-size: 10px; }

table.comparison th {
  background: #fff;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-align: left;
  padding: 6px 6px 6px 12px;
  white-space: nowrap; }

table.comparison td {
  background: #fff;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-align: center;
  padding: 6px 12px; }

table.comparison td.empty {
  border-left: none;
  border-top: none; }

table.comparison td.topitem, table.comparison tr.totals td.topitem {
  background: #8afe88;
  font-weight: bold; }

table.comparison tr.totals td, table.comparison tr.totals th {
  background: #eee;
  font-weight: bold;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999; }

.post {
  padding: 0 0 50px 120px;
  position: relative;
  margin: 0 0 50px;
  border-bottom: 1px dotted #eee; }

.post-description {
  color: #666; }
  .post-description p {
    margin-bottom: 0.7em; }

.post-meta {
  color: #999;
  margin: 50px 0; }
  .post-meta a {
    color: #999; }
  .post-meta .avatar {
    vertical-align: middle;
    border-radius: 100%; }

.post-tag {
  font-size: 0.9em;
  padding: 2px; }

.post-title {
  font-size: 2em;
  font-weight: normal;
  margin: 0 0 0.5em;
  font-family: Eczar, Georgia, Times, Times New Roman, serif;
  font-weight: bold; }

.thumbnail {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  padding: 0; }

#content_wide h3.home_project {
  font-size: 2em;
  font-weight: normal;
  margin: 0 0 0.5em;
  font-family: Eczar, Georgia, Times, Times New Roman, serif;
  font-weight: bold; }

.nomargin {
  margin: 0; }

a.homebutton {
  background: #000f33;
  color: #fff;
  border-radius: 5px;
  border: none;
  padding: 10px;
  font-family: Eczar, Georgia, Times, Times New Roman, serif;
  font-weight: bold;
  /* Wordpress additions */ }
  a.homebutton:hover {
    background: #0048f2; }

.thumbnail {
  line-height: 0.1; }

.entry-content {
  color: #666;
  text-align: left;
  line-height: 2;
  padding: 0;
  padding-bottom: 100px;
  max-width: 700px;
  margin: 0 auto; }
  .entry-content p {
    margin-bottom: 1.5em; }
  .entry-content p:last-child {
    margin-bottom: 0; }
  .entry-content h3 {
    margin-top: 50px;
    font-weight: bold;
    padding-bottom: 15px; }
  .entry-content h3:first-child {
    margin-top: 0; }
  .entry-content ul {
    margin: 0 0 1.5em 0; }

.author-bio {
  padding: 30px 30px 30px 156px;
  max-width: 700px;
  margin: 0 auto 100px;
  box-sizing: border-box;
  text-align: left;
  border-top: 3px solid rgba(0, 0, 0, 0.2);
  position: relative; }
  .author-bio img.avatar {
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    position: absolute;
    top: 30px;
    left: 30px; }
  .author-bio h2 {
    font-size: 2em;
    margin: 5px 0 1em;
    padding: 0;
    line-height: 1; }

#fact_grid .inner {
  padding: 100px 0; }
  #fact_grid .inner h2 {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center; }
  #fact_grid .inner > div.grid-container > div > div, #fact_grid .inner > div.grid-container > div > a {
    display: block;
    color: inherit;
    height: 200px;
    border-radius: 10px;
    background-color: #eee;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 20px;
    /*box-shadow: (
                        0 3px 3px 0 rgba(#000, 0.16),
                        0 3px 3px 0 rgba(#000, 0.23)
                    );*/
    position: relative; }

.cheatsheets .inner {
  padding: 100px 0; }
  .cheatsheets .inner .grid-container {
    margin-bottom: 50px; }
  .cheatsheets .inner .grid-container:last-child {
    margin-bottom: 0; }
  .cheatsheets .inner h2 {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center; }
  .cheatsheets .inner h4 {
    margin-top: 0;
    text-align: center; }
  .cheatsheets .inner img {
    max-width: 100%;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 3px 3px 0 rgba(0, 0, 0, 0.23); }

.features .inner {
  padding: 100px 0; }
  .features .inner .grid-container {
    margin-bottom: 30px; }
  .features .inner .grid-container:last-child {
    margin-bottom: 0; }
  .features .inner h2 {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center; }
  .features .inner h3 {
    font-size: 1.5em; }
  .features .inner i.fa {
    margin: -2px 0 10px; }

.snapshot {
  background: #eee; }
  .snapshot .inner {
    padding: 100px 0; }
  .snapshot .inner .grid-container div div.column {
    text-align: left;
    padding-right: 20px; }
    .snapshot .inner .grid-container div:last-child div.column {
      border-right: none; }
  .snapshot .inner h2 {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center; }
  .snapshot .inner h3 {
    font-size: 1.5em; }
  .snapshot .inner i.fa {
    margin-bottom: 10px; }

#blog_listing .inner {
  padding: 100px 0; }
  #blog_listing .inner .blog_list_item {
    padding-bottom: 100px; }
  #blog_listing .inner .blog_list_item .blog_short {
    padding: 1.5em 20px 0; }
  #blog_listing .inner .blog_list_item .post-meta {
    margin: 1.5em 0; }
  #blog_listing .inner h2 {
    margin-top: 0;
    margin-bottom: 0.6em;
    padding: 0; }
  #blog_listing .inner .avatar {
    border-radius: 100%; }

#products .inner {
  padding: 100px 0; }
  #products .inner h2 {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center; }
  #products .inner .screenshot {
    width: 100%;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 3px 3px 0 rgba(0, 0, 0, 0.23); }
  #products .inner .button {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    margin-top: 20px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px; }
  #products .inner .button:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #222; }
  #products .inner .product_logo {
    vertical-align: middle; }
  #products .inner .beta {
    background: rgba(255, 255, 255, 0.2);
    vertical-align: middle;
    display: inline-block;
    padding: 5px 7px;
    border-radius: 3px;
    line-height: 1;
    margin-left: 10px; }

#team {
  background: #f8f5ef; }
  #team .inner {
    padding: 100px 0; }
  #team .inner h2 {
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center; }
  #team .container {
    border: 3px solid #f1f1f1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16), 0 3px 3px 0 rgba(0, 0, 0, 0.23); }
  #team .container .top {
    text-align: left;
    padding: 10px;
    background: #f1f1f1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  #team .container .top .dot {
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block; }
  #team .container .content {
    background: #000;
    padding: 50px 40px 30px; }
  #team .teammember {
    background: #fff;
    padding: 5px;
    height: 300px;
    margin-bottom: 20px; }
  #team .teammember .watching {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative; }

.overlay {
  position: absolute;
  bottom: 15px;
  text-align: center;
  left: 0;
  right: 0; }
  .overlay h3, .overlay h4 {
    float: left;
    clear: left;
    background: #fff;
    line-height: 1;
    padding: 7px 10px;
    font-weight: normal;
    margin-top: 3px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px; }

#handbook .inner {
  padding: 100px 0; }
  #handbook .checkbox_list {
    list-style: none;
    list-style-type: none;
    margin: 0 0 1.5em;
    padding: 0 0 0 30px; }
  #handbook .checkbox_list li {
    position: relative;
    padding: 10px 10px 10px 40px;
    border-bottom: 1px dotted #ccc; }
  #handbook .checkbox_list li strong {
    position: absolute;
    left: 10px; }
  #handbook .checkbox_list li:last-child {
    border-bottom: none; }
  #handbook #content {
    padding: 0; }
  #handbook #content > *:first-child {
    margin-top: 0; }
  #handbook #content h2 {
    margin-bottom: 0.6em; }
  #handbook #content h3 {
    margin: 0 0 0.9em; }
  #handbook #content ul {
    margin-top: 0;
    margin-bottom: 1.5em; }
  #handbook #content ul ul {
    margin-bottom: 0; }
  #handbook nav {
    padding: 0 0 100px;
    background: none;
    border: none;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 30px 10px 0;
    border-right: 1px solid #eee; }
  #handbook nav ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0; }
  #handbook nav ul li, #handbook nav ul li.active {
    background: none;
    margin: 0 20px 22px 0;
    padding: 0 0 0 8px;
    border: none;
    position: relative;
    border-left: 5px solid #fcfcff; }
    #handbook nav ul li a, #handbook nav ul li.active a, #handbook nav ul li a:visited, #handbook nav ul li.active a:visited {
      background: none;
      color: #000f33;
      display: block;
      margin: 0;
      padding: 0;
      cursor: pointer;
      border: none;
      text-decoration: none;
      text-align: left; }
      #handbook nav ul li a:hover, #handbook nav ul li.active a:hover, #handbook nav ul li a:visited:hover, #handbook nav ul li.active a:visited:hover {
        color: #0048f2; }
    #handbook nav ul li.active, #handbook nav ul li.active.active {
      border-left: 5px solid #000f33; }
    #handbook nav ul li:hover > a, #handbook nav ul li.active:hover > a, #handbook nav ul li a:hover, #handbook nav ul li.active a:hover, #handbook nav ul li.active > a:hover, #handbook nav ul li.active.active > a:hover, #handbook nav ul li.active:hover > a, #handbook nav ul li.active.active:hover > a {
      border: none; }
    #handbook nav ul li ul, #handbook nav ul li.active ul {
      margin-top: 5px;
      font-weight: 400; }
      #handbook nav ul li ul li, #handbook nav ul li.active ul li, #handbook nav ul li ul li.active, #handbook nav ul li.active ul li.active {
        position: relative;
        left: -13px;
        padding: 0;
        margin: 0; }
        #handbook nav ul li ul li a, #handbook nav ul li.active ul li a, #handbook nav ul li ul li.active a, #handbook nav ul li.active ul li.active a, #handbook nav ul li ul li a:visited, #handbook nav ul li.active ul li a:visited, #handbook nav ul li ul li.active a:visited, #handbook nav ul li.active ul li.active a:visited {
          padding: 0 0 0 15px;
          font-size: 0.8em;
          display: block;
          float: none;
          color: #999;
          border: none;
          text-align: left;
          width: auto; }
        #handbook nav ul li ul li:hover a, #handbook nav ul li.active ul li:hover a, #handbook nav ul li ul li.active:hover a, #handbook nav ul li.active ul li.active:hover a, #handbook nav ul li ul li a:hover, #handbook nav ul li.active ul li a:hover, #handbook nav ul li ul li.active a:hover, #handbook nav ul li.active ul li.active a:hover {
          border: none; }
      #handbook nav ul li ul i.fa, #handbook nav ul li.active ul i.fa {
        display: none; }
    #handbook nav ul li:hover ul, #handbook nav ul li.active:hover ul {
      display: block; }
  #handbook nav ul li.active a, #handbook nav ul li.active a:visited {
    color: #1e49ab; }
  #handbook nav ul i.fa {
    display: block;
    text-align: center;
    line-height: 10px; }

.pull_quote, .pull_quote_right, .pull_quote_left, .pull_quote_center, .pull_quote_wide {
  color: #666;
  font-family: Eczar, Georgia, Times, Times New Roman, serif;
  font-size: 2.3em;
  line-height: 1.4;
  float: right;
  margin: 20px 0 40px 0;
  position: relative;
  right: -10%;
  max-width: 300px; }

.pull_quote_left {
  float: left;
  left: -10%; }

.pull_quote_center {
  float: none;
  position: static;
  text-align: center;
  margin: 20px 20%;
  width: auto; }

.pull_quote_wide {
  float: none;
  position: static;
  text-align: center;
  margin: 20px;
  width: auto; }

.pull_quote_border {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 20px; }

.crosspost {
  max-width: 500px;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  margin: -15px auto 50px;
  padding: 20px; }
  .crosspost a {
    color: #fff; }

.background-readable, #page_title.background-readable {
  background: linear-gradient(to bottom right, #267ccc, #cd2082);
  color: #fff; }
  .background-readable h1, #page_title.background-readable h1, .background-readable h2, #page_title.background-readable h2 {
    color: #fff; }

.background-apollopad, #page_title.background-apollopad {
  background: linear-gradient(to bottom right, #2392ac, #f6ae3b);
  color: #fff; }
  .background-apollopad h1, #page_title.background-apollopad h1, .background-apollopad h2, #page_title.background-apollopad h2 {
    color: #fff; }

.background-asusedby, #page_title.background-asusedby {
  background: linear-gradient(to bottom right, #8fbe00, #648500);
  color: #fff; }
  .background-asusedby h1, #page_title.background-asusedby h1, .background-asusedby h2, #page_title.background-asusedby h2 {
    color: #fff; }

.background-cheatography, #page_title.background-cheatography {
  background: linear-gradient(to bottom right, #222, #86afad);
  color: #fff; }
  .background-cheatography h1, #page_title.background-cheatography h1, .background-cheatography h2, #page_title.background-cheatography h2 {
    color: #fff; }

.asusedby_logos h5 {
  display: none; }
  .asusedby_logos ul {
    flex: 1;
    display: flex;
    list-style: none;
    list-style-type: none;
    margin: 0 0 60px;
    padding: 0; }
  .asusedby_logos ul:last-child {
    margin: 0; }
  .asusedby_logos ul li {
    padding: 0 20px;
    box-sizing: border-box;
    flex: 1;
    flex-basis: 0;
    text-align: center;
    line-height: 100px; }
  .asusedby_logos ul li span {
    display: none; }
  .asusedby_logos ul li.logo-landscape-1 {
    flex-grow: 1.2; }
  .asusedby_logos ul li.logo-landscape-2 {
    flex-grow: 1.4; }
  .asusedby_logos ul li.logo-landscape-3 {
    flex-grow: 1.6; }
  .asusedby_logos ul li img {
    margin: 0;
    padding: 0;
    line-height: 0.1;
    vertical-align: middle;
    max-height: 60px;
    max-width: 100%; }
  .asusedby_logos div.logos-more-text, .asusedby_logos .asusedby_logos li span {
    display: none; }