html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
}

body {
  background: #ffffff;
}

p, span {
  font-family: "burbSmallMedium", "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.4;
  color: #2f2f2f;
}

dl, dt, dd {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "burbSmall";
  color: #2f2f2f;
  text-align: center;
}

h1 {
  font-size: 4em;
}

h2 {
  font-size: 2.25em;
}

p {
  margin-bottom: 20px;
  text-align: center;
  font-weight: 300;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #219bd3;
  font-size: inherit;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
a:hover {
  color: #45b1e2;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

@font-face {
  font-family: "burbSmall";
  src: url("../fonts/burb-webfont.eot");
  src: url("../fonts/burb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/burb-webfont.woff") format("woff"), url("../fonts/burb-webfont.ttf") format("truetype");
  font-weight: "normal";
  font-style: "normal";
}
@font-face {
  font-family: "TeeFranklin-Book";
  src: url("../fonts/230AC9_2_0.eot");
  src: url("../fonts/230AC9_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/230AC9_2_0.woff") format("woff"), url("../fonts/230AC9_2_0.ttf") format("truetype");
  font-weight: "normal";
  font-style: "normal";
}
@font-face {
  font-family: "jenna_sueregular";
  src: url("../fonts/JennaSue-webfont.eot");
  src: url("../fonts/JennaSue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/JennaSue-webfont.woff") format("woff"), url("../fonts/JennaSue-webfont.ttf") format("truetype");
  font-weight: "normal";
  font-style: "normal";
}
@font-face {
  font-family: "burbSmallMedium";
  src: url("../fonts/BurbankSmall-Medium.eot");
  src: url("../fonts/BurbankSmall-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/BurbankSmall-Medium.woff") format("woff"), url("../fonts/BurbankSmall-Medium.ttf") format("truetype");
  font-weight: "normal";
  font-style: "normal";
}
.container:before, .container-12:before, [class*="grid-"][class*="parent"]:before, .container:after, .container-12:after, [class*="grid-"][class*="parent"]:after {
  content: "";
  display: table;
}

.container:after, .container-12:after, [class*="grid-"][class*="parent"]:after {
  clear: both;
}

.container, .container-12, [class*="grid-"][class*="parent"] {
  zoom: 1;
}

.push-0, .push-mobile-0, .push-tablet-0, .push-desktop-0, .push-ipad-landscape-0, .push-1, .push-mobile-1, .push-tablet-1, .push-desktop-1, .push-ipad-landscape-1, .push-2, .push-mobile-2, .push-tablet-2, .push-desktop-2, .push-ipad-landscape-2, .push-3, .push-mobile-3, .push-tablet-3, .push-desktop-3, .push-ipad-landscape-3, .push-4, .push-mobile-4, .push-tablet-4, .push-desktop-4, .push-ipad-landscape-4, .push-5, .push-mobile-5, .push-tablet-5, .push-desktop-5, .push-ipad-landscape-5, .push-6, .push-mobile-6, .push-tablet-6, .push-desktop-6, .push-ipad-landscape-6, .push-7, .push-mobile-7, .push-tablet-7, .push-desktop-7, .push-ipad-landscape-7, .push-8, .push-mobile-8, .push-tablet-8, .push-desktop-8, .push-ipad-landscape-8, .push-9, .push-mobile-9, .push-tablet-9, .push-desktop-9, .push-ipad-landscape-9, .push-10, .push-mobile-10, .push-tablet-10, .push-desktop-10, .push-ipad-landscape-10, .push-11, .push-mobile-11, .push-tablet-11, .push-desktop-11, .push-ipad-landscape-11, .push-12, .push-mobile-12, .push-tablet-12, .push-desktop-12, .push-ipad-landscape-12, .pull-0, .pull-mobile-0, .pull-tablet-0, .pull-desktop-0, .pull-ipad-landscape-0, .pull-1, .pull-mobile-1, .pull-tablet-1, .pull-desktop-1, .pull-ipad-landscape-1, .pull-2, .pull-mobile-2, .pull-tablet-2, .pull-desktop-2, .pull-ipad-landscape-2, .pull-3, .pull-mobile-3, .pull-tablet-3, .pull-desktop-3, .pull-ipad-landscape-3, .pull-4, .pull-mobile-4, .pull-tablet-4, .pull-desktop-4, .pull-ipad-landscape-4, .pull-5, .pull-mobile-5, .pull-tablet-5, .pull-desktop-5, .pull-ipad-landscape-5, .pull-6, .pull-mobile-6, .pull-tablet-6, .pull-desktop-6, .pull-ipad-landscape-6, .pull-7, .pull-mobile-7, .pull-tablet-7, .pull-desktop-7, .pull-ipad-landscape-7, .pull-8, .pull-mobile-8, .pull-tablet-8, .pull-desktop-8, .pull-ipad-landscape-8, .pull-9, .pull-mobile-9, .pull-tablet-9, .pull-desktop-9, .pull-ipad-landscape-9, .pull-10, .pull-mobile-10, .pull-tablet-10, .pull-desktop-10, .pull-ipad-landscape-10, .pull-11, .pull-mobile-11, .pull-tablet-11, .pull-desktop-11, .pull-ipad-landscape-11, .pull-12, .pull-mobile-12, .pull-tablet-12, .pull-desktop-12, .pull-ipad-landscape-12 {
  position: relative;
}

.container, .container-12, [class*="grid-"][class*="parent"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid-0, .grid-mobile-0, .grid-tablet-0, .grid-desktop-0, .grid-ipad-landscape-0, .grid-1, .grid-mobile-1, .grid-tablet-1, .grid-desktop-1, .grid-ipad-landscape-1, .grid-2, .grid-mobile-2, .grid-tablet-2, .grid-desktop-2, .grid-ipad-landscape-2, .grid-3, .grid-mobile-3, .grid-tablet-3, .grid-desktop-3, .grid-ipad-landscape-3, .grid-4, .grid-mobile-4, .grid-tablet-4, .grid-desktop-4, .grid-ipad-landscape-4, .grid-5, .grid-mobile-5, .grid-tablet-5, .grid-desktop-5, .grid-ipad-landscape-5, .grid-6, .grid-mobile-6, .grid-tablet-6, .grid-desktop-6, .grid-ipad-landscape-6, .grid-7, .grid-mobile-7, .grid-tablet-7, .grid-desktop-7, .grid-ipad-landscape-7, .grid-8, .grid-mobile-8, .grid-tablet-8, .grid-desktop-8, .grid-ipad-landscape-8, .grid-9, .grid-mobile-9, .grid-tablet-9, .grid-desktop-9, .grid-ipad-landscape-9, .grid-10, .grid-mobile-10, .grid-tablet-10, .grid-desktop-10, .grid-ipad-landscape-10, .grid-11, .grid-mobile-11, .grid-tablet-11, .grid-desktop-11, .grid-ipad-landscape-11, .grid-12, .grid-mobile-12, .grid-tablet-12, .grid-desktop-12, .grid-ipad-landscape-12 {
  display: inline-block;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width;
  }
}
.grid-0 {
  width: 0%;
  *width: expression((this.parentNode.clientWidth/12*0 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-0 {
  left: 0%;
}

.pull-0 {
  right: 0%;
}

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

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

.grid-1 {
  width: 8.33333%;
  *width: expression((this.parentNode.clientWidth/12*1 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-1 {
  left: 8.33333%;
}

.pull-1 {
  right: 8.33333%;
}

.prefix-1 {
  margin-left: 8.33333%;
}

.suffix-1 {
  margin-right: 8.33333%;
}

.grid-2 {
  width: 16.66667%;
  *width: expression((this.parentNode.clientWidth/12*2 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-2 {
  left: 16.66667%;
}

.pull-2 {
  right: 16.66667%;
}

.prefix-2 {
  margin-left: 16.66667%;
}

.suffix-2 {
  margin-right: 16.66667%;
}

.grid-3 {
  width: 25%;
  *width: expression((this.parentNode.clientWidth/12*3 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-3 {
  left: 25%;
}

.pull-3 {
  right: 25%;
}

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

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

.grid-4 {
  width: 33.33333%;
  *width: expression((this.parentNode.clientWidth/12*4 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-4 {
  left: 33.33333%;
}

.pull-4 {
  right: 33.33333%;
}

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

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

.grid-5 {
  width: 41.66667%;
  *width: expression((this.parentNode.clientWidth/12*5 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-5 {
  left: 41.66667%;
}

.pull-5 {
  right: 41.66667%;
}

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

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

.grid-6 {
  width: 50%;
  *width: expression((this.parentNode.clientWidth/12*6 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-6 {
  left: 50%;
}

.pull-6 {
  right: 50%;
}

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

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

.grid-7 {
  width: 58.33333%;
  *width: expression((this.parentNode.clientWidth/12*7 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-7 {
  left: 58.33333%;
}

.pull-7 {
  right: 58.33333%;
}

.prefix-7 {
  margin-left: 58.33333%;
}

.suffix-7 {
  margin-right: 58.33333%;
}

.grid-8 {
  width: 66.66667%;
  *width: expression((this.parentNode.clientWidth/12*8 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-8 {
  left: 66.66667%;
}

.pull-8 {
  right: 66.66667%;
}

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

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

.grid-9 {
  width: 75%;
  *width: expression((this.parentNode.clientWidth/12*9 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-9 {
  left: 75%;
}

.pull-9 {
  right: 75%;
}

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

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

.grid-10 {
  width: 83.33333%;
  *width: expression((this.parentNode.clientWidth/12*10 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-10 {
  left: 83.33333%;
}

.pull-10 {
  right: 83.33333%;
}

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

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

.grid-11 {
  width: 91.66667%;
  *width: expression((this.parentNode.clientWidth/12*11 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-11 {
  left: 91.66667%;
}

.pull-11 {
  right: 91.66667%;
}

.prefix-11 {
  margin-left: 91.66667%;
}

.suffix-11 {
  margin-right: 91.66667%;
}

.grid-12 {
  width: 100%;
  *width: expression((this.parentNode.clientWidth/12*12 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
}

.push-12 {
  left: 100%;
}

.pull-12 {
  right: 100%;
}

.prefix-12 {
  margin-left: 100%;
}

.suffix-12 {
  margin-right: 100%;
}

.hide {
  display: none;
}

.not-visible {
  visibility: hidden;
}

.show {
  display: block;
}

.visible {
  visibility: visible;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.no-gutter, .no-margin {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-gutter-left, .no-margin-left {
  padding-left: 0 !important;
}

.no-gutter-right, .no-margin-right {
  padding-right: 0 !important;
}

.no-gutter-top, .no-margin-top {
  padding-top: 0 !important;
}

.no-gutter-bottom, .no-margin-bottom {
  padding-bottom: 0 !important;
}

.gutter, .margin {
  padding-left: 10px;
  padding-right: 10px;
}

.gutter-left, .margin-left {
  padding-left: 10px;
}

.gutter-right, .margin-right {
  padding-right: 10px;
}

.gutter-top, .margin-top {
  padding-top: 10px;
}

.gutter-bottom, .margin-bottom {
  padding-bottom: 10px;
}

.auto-height {
  height: inherit;
}

.centered {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important;
}

.parent {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.grid-0, .grid-mobile-0, .grid-tablet-0, .grid-desktop-0, .grid-ipad-landscape-0, .grid-1, .grid-mobile-1, .grid-tablet-1, .grid-desktop-1, .grid-ipad-landscape-1, .grid-2, .grid-mobile-2, .grid-tablet-2, .grid-desktop-2, .grid-ipad-landscape-2, .grid-3, .grid-mobile-3, .grid-tablet-3, .grid-desktop-3, .grid-ipad-landscape-3, .grid-4, .grid-mobile-4, .grid-tablet-4, .grid-desktop-4, .grid-ipad-landscape-4, .grid-5, .grid-mobile-5, .grid-tablet-5, .grid-desktop-5, .grid-ipad-landscape-5, .grid-6, .grid-mobile-6, .grid-tablet-6, .grid-desktop-6, .grid-ipad-landscape-6, .grid-7, .grid-mobile-7, .grid-tablet-7, .grid-desktop-7, .grid-ipad-landscape-7, .grid-8, .grid-mobile-8, .grid-tablet-8, .grid-desktop-8, .grid-ipad-landscape-8, .grid-9, .grid-mobile-9, .grid-tablet-9, .grid-desktop-9, .grid-ipad-landscape-9, .grid-10, .grid-mobile-10, .grid-tablet-10, .grid-desktop-10, .grid-ipad-landscape-10, .grid-11, .grid-mobile-11, .grid-tablet-11, .grid-desktop-11, .grid-ipad-landscape-11, .grid-12, .grid-mobile-12, .grid-tablet-12, .grid-desktop-12, .grid-ipad-landscape-12 {
  float: left;
  direction: ltr;
  padding: 0 10px;
}

@media screen and (max-width: 480px) {
  .grid-mobile-0 {
    width: 0%;
    *width: expression((this.parentNode.clientWidth/12*0 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-0 {
    left: 0%;
  }

  .pull-mobile-0 {
    right: 0%;
  }

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

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

  .grid-mobile-1 {
    width: 8.33333%;
    *width: expression((this.parentNode.clientWidth/12*1 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-1 {
    left: 8.33333%;
  }

  .pull-mobile-1 {
    right: 8.33333%;
  }

  .prefix-mobile-1 {
    margin-left: 8.33333%;
  }

  .suffix-mobile-1 {
    margin-right: 8.33333%;
  }

  .grid-mobile-2 {
    width: 16.66667%;
    *width: expression((this.parentNode.clientWidth/12*2 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-2 {
    left: 16.66667%;
  }

  .pull-mobile-2 {
    right: 16.66667%;
  }

  .prefix-mobile-2 {
    margin-left: 16.66667%;
  }

  .suffix-mobile-2 {
    margin-right: 16.66667%;
  }

  .grid-mobile-3 {
    width: 25%;
    *width: expression((this.parentNode.clientWidth/12*3 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-3 {
    left: 25%;
  }

  .pull-mobile-3 {
    right: 25%;
  }

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

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

  .grid-mobile-4 {
    width: 33.33333%;
    *width: expression((this.parentNode.clientWidth/12*4 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-4 {
    left: 33.33333%;
  }

  .pull-mobile-4 {
    right: 33.33333%;
  }

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

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

  .grid-mobile-5 {
    width: 41.66667%;
    *width: expression((this.parentNode.clientWidth/12*5 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-5 {
    left: 41.66667%;
  }

  .pull-mobile-5 {
    right: 41.66667%;
  }

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

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

  .grid-mobile-6 {
    width: 50%;
    *width: expression((this.parentNode.clientWidth/12*6 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-6 {
    left: 50%;
  }

  .pull-mobile-6 {
    right: 50%;
  }

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

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

  .grid-mobile-7 {
    width: 58.33333%;
    *width: expression((this.parentNode.clientWidth/12*7 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-7 {
    left: 58.33333%;
  }

  .pull-mobile-7 {
    right: 58.33333%;
  }

  .prefix-mobile-7 {
    margin-left: 58.33333%;
  }

  .suffix-mobile-7 {
    margin-right: 58.33333%;
  }

  .grid-mobile-8 {
    width: 66.66667%;
    *width: expression((this.parentNode.clientWidth/12*8 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-8 {
    left: 66.66667%;
  }

  .pull-mobile-8 {
    right: 66.66667%;
  }

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

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

  .grid-mobile-9 {
    width: 75%;
    *width: expression((this.parentNode.clientWidth/12*9 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-9 {
    left: 75%;
  }

  .pull-mobile-9 {
    right: 75%;
  }

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

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

  .grid-mobile-10 {
    width: 83.33333%;
    *width: expression((this.parentNode.clientWidth/12*10 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-10 {
    left: 83.33333%;
  }

  .pull-mobile-10 {
    right: 83.33333%;
  }

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

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

  .grid-mobile-11 {
    width: 91.66667%;
    *width: expression((this.parentNode.clientWidth/12*11 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-11 {
    left: 91.66667%;
  }

  .pull-mobile-11 {
    right: 91.66667%;
  }

  .prefix-mobile-11 {
    margin-left: 91.66667%;
  }

  .suffix-mobile-11 {
    margin-right: 91.66667%;
  }

  .grid-mobile-12 {
    width: 100%;
    *width: expression((this.parentNode.clientWidth/12*12 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-mobile-12 {
    left: 100%;
  }

  .pull-mobile-12 {
    right: 100%;
  }

  .prefix-mobile-12 {
    margin-left: 100%;
  }

  .suffix-mobile-12 {
    margin-right: 100%;
  }

  .hide-mobile {
    display: none;
  }

  .not-visible-mobile {
    visibility: hidden;
  }

  .show-mobile {
    display: block;
  }

  .visible-mobile {
    visibility: visible;
  }

  .float-mobile-left {
    float: left;
  }

  .float-mobile-right {
    float: right;
  }

  .clear-mobile {
    clear: both;
  }

  .clear-mobile-left {
    clear: left;
  }

  .clear-mobile-right {
    clear: right;
  }

  .no-gutter-mobile, .no-margin-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .no-gutter-mobile-left, .no-margin-mobile-left {
    padding-left: 0 !important;
  }

  .no-gutter-mobile-right, .no-margin-mobile-right {
    padding-right: 0 !important;
  }

  .no-gutter-mobile-top, .no-margin-mobile-top {
    padding-top: 0 !important;
  }

  .no-gutter-mobile-bottom, .no-margin-mobile-bottom {
    padding-bottom: 0 !important;
  }

  .gutter-mobile, .margin-mobile {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gutter-mobile-left, .margin-mobile-left {
    padding-left: 10px;
  }

  .gutter-mobile-right, .margin-mobile-right {
    padding-right: 10px;
  }

  .gutter-mobile-top, .margin-mobile-top {
    padding-top: 10px;
  }

  .gutter-mobile-bottom, .margin-mobile-bottom {
    padding-bottom: 10px;
  }

  .auto-height-mobile {
    height: inherit;
  }

  .centered-mobile {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }

  .parent-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 780px) {
  .grid-tablet-0 {
    width: 0%;
    *width: expression((this.parentNode.clientWidth/12*0 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-0 {
    left: 0%;
  }

  .pull-tablet-0 {
    right: 0%;
  }

  .prefix-tablet-0 {
    margin-left: 0%;
  }

  .suffix-tablet-0 {
    margin-right: 0%;
  }

  .grid-tablet-1 {
    width: 8.33333%;
    *width: expression((this.parentNode.clientWidth/12*1 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-1 {
    left: 8.33333%;
  }

  .pull-tablet-1 {
    right: 8.33333%;
  }

  .prefix-tablet-1 {
    margin-left: 8.33333%;
  }

  .suffix-tablet-1 {
    margin-right: 8.33333%;
  }

  .grid-tablet-2 {
    width: 16.66667%;
    *width: expression((this.parentNode.clientWidth/12*2 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-2 {
    left: 16.66667%;
  }

  .pull-tablet-2 {
    right: 16.66667%;
  }

  .prefix-tablet-2 {
    margin-left: 16.66667%;
  }

  .suffix-tablet-2 {
    margin-right: 16.66667%;
  }

  .grid-tablet-3 {
    width: 25%;
    *width: expression((this.parentNode.clientWidth/12*3 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-3 {
    left: 25%;
  }

  .pull-tablet-3 {
    right: 25%;
  }

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

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

  .grid-tablet-4 {
    width: 33.33333%;
    *width: expression((this.parentNode.clientWidth/12*4 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-4 {
    left: 33.33333%;
  }

  .pull-tablet-4 {
    right: 33.33333%;
  }

  .prefix-tablet-4 {
    margin-left: 33.33333%;
  }

  .suffix-tablet-4 {
    margin-right: 33.33333%;
  }

  .grid-tablet-5 {
    width: 41.66667%;
    *width: expression((this.parentNode.clientWidth/12*5 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-5 {
    left: 41.66667%;
  }

  .pull-tablet-5 {
    right: 41.66667%;
  }

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

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

  .grid-tablet-6 {
    width: 50%;
    *width: expression((this.parentNode.clientWidth/12*6 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-6 {
    left: 50%;
  }

  .pull-tablet-6 {
    right: 50%;
  }

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

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

  .grid-tablet-7 {
    width: 58.33333%;
    *width: expression((this.parentNode.clientWidth/12*7 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-7 {
    left: 58.33333%;
  }

  .pull-tablet-7 {
    right: 58.33333%;
  }

  .prefix-tablet-7 {
    margin-left: 58.33333%;
  }

  .suffix-tablet-7 {
    margin-right: 58.33333%;
  }

  .grid-tablet-8 {
    width: 66.66667%;
    *width: expression((this.parentNode.clientWidth/12*8 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-8 {
    left: 66.66667%;
  }

  .pull-tablet-8 {
    right: 66.66667%;
  }

  .prefix-tablet-8 {
    margin-left: 66.66667%;
  }

  .suffix-tablet-8 {
    margin-right: 66.66667%;
  }

  .grid-tablet-9 {
    width: 75%;
    *width: expression((this.parentNode.clientWidth/12*9 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-9 {
    left: 75%;
  }

  .pull-tablet-9 {
    right: 75%;
  }

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

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

  .grid-tablet-10 {
    width: 83.33333%;
    *width: expression((this.parentNode.clientWidth/12*10 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-10 {
    left: 83.33333%;
  }

  .pull-tablet-10 {
    right: 83.33333%;
  }

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

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

  .grid-tablet-11 {
    width: 91.66667%;
    *width: expression((this.parentNode.clientWidth/12*11 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-11 {
    left: 91.66667%;
  }

  .pull-tablet-11 {
    right: 91.66667%;
  }

  .prefix-tablet-11 {
    margin-left: 91.66667%;
  }

  .suffix-tablet-11 {
    margin-right: 91.66667%;
  }

  .grid-tablet-12 {
    width: 100%;
    *width: expression((this.parentNode.clientWidth/12*12 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-tablet-12 {
    left: 100%;
  }

  .pull-tablet-12 {
    right: 100%;
  }

  .prefix-tablet-12 {
    margin-left: 100%;
  }

  .suffix-tablet-12 {
    margin-right: 100%;
  }

  .hide-tablet {
    display: none;
  }

  .not-visible-tablet {
    visibility: hidden;
  }

  .show-tablet {
    display: block;
  }

  .visible-tablet {
    visibility: visible;
  }

  .float-tablet-left {
    float: left;
  }

  .float-tablet-right {
    float: right;
  }

  .clear-tablet {
    clear: both;
  }

  .clear-tablet-left {
    clear: left;
  }

  .clear-tablet-right {
    clear: right;
  }

  .no-gutter-tablet, .no-margin-tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .no-gutter-tablet-left, .no-margin-tablet-left {
    padding-left: 0 !important;
  }

  .no-gutter-tablet-right, .no-margin-tablet-right {
    padding-right: 0 !important;
  }

  .no-gutter-tablet-top, .no-margin-tablet-top {
    padding-top: 0 !important;
  }

  .no-gutter-tablet-bottom, .no-margin-tablet-bottom {
    padding-bottom: 0 !important;
  }

  .gutter-tablet, .margin-tablet {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gutter-tablet-left, .margin-tablet-left {
    padding-left: 10px;
  }

  .gutter-tablet-right, .margin-tablet-right {
    padding-right: 10px;
  }

  .gutter-tablet-top, .margin-tablet-top {
    padding-top: 10px;
  }

  .gutter-tablet-bottom, .margin-tablet-bottom {
    padding-bottom: 10px;
  }

  .auto-height-tablet {
    height: inherit;
  }

  .centered-tablet {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }

  .parent-tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 781px) {
  .grid-desktop-0 {
    width: 0%;
    *width: expression((this.parentNode.clientWidth/12*0 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-0 {
    left: 0%;
  }

  .pull-desktop-0 {
    right: 0%;
  }

  .prefix-desktop-0 {
    margin-left: 0%;
  }

  .suffix-desktop-0 {
    margin-right: 0%;
  }

  .grid-desktop-1 {
    width: 8.33333%;
    *width: expression((this.parentNode.clientWidth/12*1 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-1 {
    left: 8.33333%;
  }

  .pull-desktop-1 {
    right: 8.33333%;
  }

  .prefix-desktop-1 {
    margin-left: 8.33333%;
  }

  .suffix-desktop-1 {
    margin-right: 8.33333%;
  }

  .grid-desktop-2 {
    width: 16.66667%;
    *width: expression((this.parentNode.clientWidth/12*2 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-2 {
    left: 16.66667%;
  }

  .pull-desktop-2 {
    right: 16.66667%;
  }

  .prefix-desktop-2 {
    margin-left: 16.66667%;
  }

  .suffix-desktop-2 {
    margin-right: 16.66667%;
  }

  .grid-desktop-3 {
    width: 25%;
    *width: expression((this.parentNode.clientWidth/12*3 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-3 {
    left: 25%;
  }

  .pull-desktop-3 {
    right: 25%;
  }

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

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

  .grid-desktop-4 {
    width: 33.33333%;
    *width: expression((this.parentNode.clientWidth/12*4 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-4 {
    left: 33.33333%;
  }

  .pull-desktop-4 {
    right: 33.33333%;
  }

  .prefix-desktop-4 {
    margin-left: 33.33333%;
  }

  .suffix-desktop-4 {
    margin-right: 33.33333%;
  }

  .grid-desktop-5 {
    width: 41.66667%;
    *width: expression((this.parentNode.clientWidth/12*5 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-5 {
    left: 41.66667%;
  }

  .pull-desktop-5 {
    right: 41.66667%;
  }

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

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

  .grid-desktop-6 {
    width: 50%;
    *width: expression((this.parentNode.clientWidth/12*6 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-6 {
    left: 50%;
  }

  .pull-desktop-6 {
    right: 50%;
  }

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

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

  .grid-desktop-7 {
    width: 58.33333%;
    *width: expression((this.parentNode.clientWidth/12*7 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-7 {
    left: 58.33333%;
  }

  .pull-desktop-7 {
    right: 58.33333%;
  }

  .prefix-desktop-7 {
    margin-left: 58.33333%;
  }

  .suffix-desktop-7 {
    margin-right: 58.33333%;
  }

  .grid-desktop-8 {
    width: 66.66667%;
    *width: expression((this.parentNode.clientWidth/12*8 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-8 {
    left: 66.66667%;
  }

  .pull-desktop-8 {
    right: 66.66667%;
  }

  .prefix-desktop-8 {
    margin-left: 66.66667%;
  }

  .suffix-desktop-8 {
    margin-right: 66.66667%;
  }

  .grid-desktop-9 {
    width: 75%;
    *width: expression((this.parentNode.clientWidth/12*9 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-9 {
    left: 75%;
  }

  .pull-desktop-9 {
    right: 75%;
  }

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

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

  .grid-desktop-10 {
    width: 83.33333%;
    *width: expression((this.parentNode.clientWidth/12*10 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-10 {
    left: 83.33333%;
  }

  .pull-desktop-10 {
    right: 83.33333%;
  }

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

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

  .grid-desktop-11 {
    width: 91.66667%;
    *width: expression((this.parentNode.clientWidth/12*11 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-11 {
    left: 91.66667%;
  }

  .pull-desktop-11 {
    right: 91.66667%;
  }

  .prefix-desktop-11 {
    margin-left: 91.66667%;
  }

  .suffix-desktop-11 {
    margin-right: 91.66667%;
  }

  .grid-desktop-12 {
    width: 100%;
    *width: expression((this.parentNode.clientWidth/12*12 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-desktop-12 {
    left: 100%;
  }

  .pull-desktop-12 {
    right: 100%;
  }

  .prefix-desktop-12 {
    margin-left: 100%;
  }

  .suffix-desktop-12 {
    margin-right: 100%;
  }

  .hide-desktop {
    display: none;
  }

  .not-visible-desktop {
    visibility: hidden;
  }

  .show-desktop {
    display: block;
  }

  .visible-desktop {
    visibility: visible;
  }

  .float-desktop-left {
    float: left;
  }

  .float-desktop-right {
    float: right;
  }

  .clear-desktop {
    clear: both;
  }

  .clear-desktop-left {
    clear: left;
  }

  .clear-desktop-right {
    clear: right;
  }

  .no-gutter-desktop, .no-margin-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .no-gutter-desktop-left, .no-margin-desktop-left {
    padding-left: 0 !important;
  }

  .no-gutter-desktop-right, .no-margin-desktop-right {
    padding-right: 0 !important;
  }

  .no-gutter-desktop-top, .no-margin-desktop-top {
    padding-top: 0 !important;
  }

  .no-gutter-desktop-bottom, .no-margin-desktop-bottom {
    padding-bottom: 0 !important;
  }

  .gutter-desktop, .margin-desktop {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gutter-desktop-left, .margin-desktop-left {
    padding-left: 10px;
  }

  .gutter-desktop-right, .margin-desktop-right {
    padding-right: 10px;
  }

  .gutter-desktop-top, .margin-desktop-top {
    padding-top: 10px;
  }

  .gutter-desktop-bottom, .margin-desktop-bottom {
    padding-bottom: 10px;
  }

  .auto-height-desktop {
    height: inherit;
  }

  .centered-desktop {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }

  .parent-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 780px) and (orientation: landscape) {
  .grid-ipad-landscape-0 {
    width: 0%;
    *width: expression((this.parentNode.clientWidth/12*0 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-0 {
    left: 0%;
  }

  .pull-ipad-landscape-0 {
    right: 0%;
  }

  .prefix-ipad-landscape-0 {
    margin-left: 0%;
  }

  .suffix-ipad-landscape-0 {
    margin-right: 0%;
  }

  .grid-ipad-landscape-1 {
    width: 8.33333%;
    *width: expression((this.parentNode.clientWidth/12*1 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-1 {
    left: 8.33333%;
  }

  .pull-ipad-landscape-1 {
    right: 8.33333%;
  }

  .prefix-ipad-landscape-1 {
    margin-left: 8.33333%;
  }

  .suffix-ipad-landscape-1 {
    margin-right: 8.33333%;
  }

  .grid-ipad-landscape-2 {
    width: 16.66667%;
    *width: expression((this.parentNode.clientWidth/12*2 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-2 {
    left: 16.66667%;
  }

  .pull-ipad-landscape-2 {
    right: 16.66667%;
  }

  .prefix-ipad-landscape-2 {
    margin-left: 16.66667%;
  }

  .suffix-ipad-landscape-2 {
    margin-right: 16.66667%;
  }

  .grid-ipad-landscape-3 {
    width: 25%;
    *width: expression((this.parentNode.clientWidth/12*3 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-3 {
    left: 25%;
  }

  .pull-ipad-landscape-3 {
    right: 25%;
  }

  .prefix-ipad-landscape-3 {
    margin-left: 25%;
  }

  .suffix-ipad-landscape-3 {
    margin-right: 25%;
  }

  .grid-ipad-landscape-4 {
    width: 33.33333%;
    *width: expression((this.parentNode.clientWidth/12*4 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-4 {
    left: 33.33333%;
  }

  .pull-ipad-landscape-4 {
    right: 33.33333%;
  }

  .prefix-ipad-landscape-4 {
    margin-left: 33.33333%;
  }

  .suffix-ipad-landscape-4 {
    margin-right: 33.33333%;
  }

  .grid-ipad-landscape-5 {
    width: 41.66667%;
    *width: expression((this.parentNode.clientWidth/12*5 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-5 {
    left: 41.66667%;
  }

  .pull-ipad-landscape-5 {
    right: 41.66667%;
  }

  .prefix-ipad-landscape-5 {
    margin-left: 41.66667%;
  }

  .suffix-ipad-landscape-5 {
    margin-right: 41.66667%;
  }

  .grid-ipad-landscape-6 {
    width: 50%;
    *width: expression((this.parentNode.clientWidth/12*6 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-6 {
    left: 50%;
  }

  .pull-ipad-landscape-6 {
    right: 50%;
  }

  .prefix-ipad-landscape-6 {
    margin-left: 50%;
  }

  .suffix-ipad-landscape-6 {
    margin-right: 50%;
  }

  .grid-ipad-landscape-7 {
    width: 58.33333%;
    *width: expression((this.parentNode.clientWidth/12*7 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-7 {
    left: 58.33333%;
  }

  .pull-ipad-landscape-7 {
    right: 58.33333%;
  }

  .prefix-ipad-landscape-7 {
    margin-left: 58.33333%;
  }

  .suffix-ipad-landscape-7 {
    margin-right: 58.33333%;
  }

  .grid-ipad-landscape-8 {
    width: 66.66667%;
    *width: expression((this.parentNode.clientWidth/12*8 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-8 {
    left: 66.66667%;
  }

  .pull-ipad-landscape-8 {
    right: 66.66667%;
  }

  .prefix-ipad-landscape-8 {
    margin-left: 66.66667%;
  }

  .suffix-ipad-landscape-8 {
    margin-right: 66.66667%;
  }

  .grid-ipad-landscape-9 {
    width: 75%;
    *width: expression((this.parentNode.clientWidth/12*9 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-9 {
    left: 75%;
  }

  .pull-ipad-landscape-9 {
    right: 75%;
  }

  .prefix-ipad-landscape-9 {
    margin-left: 75%;
  }

  .suffix-ipad-landscape-9 {
    margin-right: 75%;
  }

  .grid-ipad-landscape-10 {
    width: 83.33333%;
    *width: expression((this.parentNode.clientWidth/12*10 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-10 {
    left: 83.33333%;
  }

  .pull-ipad-landscape-10 {
    right: 83.33333%;
  }

  .prefix-ipad-landscape-10 {
    margin-left: 83.33333%;
  }

  .suffix-ipad-landscape-10 {
    margin-right: 83.33333%;
  }

  .grid-ipad-landscape-11 {
    width: 91.66667%;
    *width: expression((this.parentNode.clientWidth/12*11 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-11 {
    left: 91.66667%;
  }

  .pull-ipad-landscape-11 {
    right: 91.66667%;
  }

  .prefix-ipad-landscape-11 {
    margin-left: 91.66667%;
  }

  .suffix-ipad-landscape-11 {
    margin-right: 91.66667%;
  }

  .grid-ipad-landscape-12 {
    width: 100%;
    *width: expression((this.parentNode.clientWidth/12*12 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  }

  .push-ipad-landscape-12 {
    left: 100%;
  }

  .pull-ipad-landscape-12 {
    right: 100%;
  }

  .prefix-ipad-landscape-12 {
    margin-left: 100%;
  }

  .suffix-ipad-landscape-12 {
    margin-right: 100%;
  }

  .hide-ipad-landscape {
    display: none;
  }

  .not-visible-ipad-landscape {
    visibility: hidden;
  }

  .show-ipad-landscape {
    display: block;
  }

  .visible-ipad-landscape {
    visibility: visible;
  }

  .float-ipad-landscape-left {
    float: left;
  }

  .float-ipad-landscape-right {
    float: right;
  }

  .clear-ipad-landscape {
    clear: both;
  }

  .clear-ipad-landscape-left {
    clear: left;
  }

  .clear-ipad-landscape-right {
    clear: right;
  }

  .no-gutter-ipad-landscape, .no-margin-ipad-landscape {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .no-gutter-ipad-landscape-left, .no-margin-ipad-landscape-left {
    padding-left: 0 !important;
  }

  .no-gutter-ipad-landscape-right, .no-margin-ipad-landscape-right {
    padding-right: 0 !important;
  }

  .no-gutter-ipad-landscape-top, .no-margin-ipad-landscape-top {
    padding-top: 0 !important;
  }

  .no-gutter-ipad-landscape-bottom, .no-margin-ipad-landscape-bottom {
    padding-bottom: 0 !important;
  }

  .gutter-ipad-landscape, .margin-ipad-landscape {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gutter-ipad-landscape-left, .margin-ipad-landscape-left {
    padding-left: 10px;
  }

  .gutter-ipad-landscape-right, .margin-ipad-landscape-right {
    padding-right: 10px;
  }

  .gutter-ipad-landscape-top, .margin-ipad-landscape-top {
    padding-top: 10px;
  }

  .gutter-ipad-landscape-bottom, .margin-ipad-landscape-bottom {
    padding-bottom: 10px;
  }

  .auto-height-ipad-landscape {
    height: inherit;
  }

  .centered-ipad-landscape {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }

  .parent-ipad-landscape {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#gridle-settings-default {
  content: '{ "states" : {"mobile":"screen and (max-width: 740px)","tablet":"screen and (min-width: 741px) and (max-width: 1024px)","desktop":"screen and (min-width: 1025px)","ipad-landscape":"only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)"}, "columnsCount" : 12, "gutterWidth" : "20px", "nameMultiplicator" : 1, "direction" : "ltr", "ie7Support" : true, "debug" : false, "debugShowClassNames" : true, "htmlStatesClasses" : false, "generateHelpersClasses" : true, "generatePushClasses" : true, "generatePullClasses" : true, "generatePrefixClasses" : true, "generateSuffixClasses" : true, "classPrefix" : "", "generateUsefulStatesClasses" : []}';
}

.container {
  width: 100%;
  max-width: 952px;
  margin: 0 auto;
}

.diagonal::after {
  width: 110%;
  height: 100px;
  position: absolute;
  left: -5%;
  background: white;
  bottom: -85px;
  z-index: 10;
}
.diagonal.slide-down::after {
  -moz-transform: rotate(0.8deg);
  -ms-transform: rotate(0.8deg);
  -webkit-transform: rotate(0.8deg);
  transform: rotate(0.8deg);
}
.diagonal.slide-up::after {
  -moz-transform: rotate(-0.8deg);
  -ms-transform: rotate(-0.8deg);
  -webkit-transform: rotate(-0.8deg);
  transform: rotate(-0.8deg);
}

header.site-header {
  background: #45b1e2;
  width: 100%;
}
header.site-header #logo {
  padding: 70px 30px 20px;
}
header.site-header #logo h2 {
  text-align: left;
}
header.site-header #logo h2 > a {
  color: #fff;
  font-size: 2.52rem;
  font-weight: 300;
}
header.site-header #logo h2 > a::after {
  content: "";
  display: inline-block;
  height: 36px;
  width: 54px;
  margin-left: 8px;
  background: url("../img/logo.svg") no-repeat;
  background-position: bottom center;
  background-size: 52px;
}

.section {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.section#hero {
  background: url("../img/hero-lighter.svg") no-repeat left bottom;
  background-size: 115%;
  background-color: #45b1e2;
  height: 580px;
}
.section#hero h1 {
  font-size: 2.4rem;
  color: #fff;
  padding: 70px 40px 20px;
}
.section#hero p {
  color: #fff;
  padding: 20px 50px;
  line-height: 1.5;
  font-size: 1.2em;
  -webkit-font-smoothing: antialiased;
}
.section#hero a.appstore {
  background: url("../img/appstore-white.svg") no-repeat;
  background-size: 100%;
  width: 180px;
  display: inline-block;
  margin-right: 20px;
}
.section#hero a.googleplaystore {
  background: url("../img/googleplay-white.png") no-repeat;
  background-size: 100%;
  width: 180px;
  display: inline-block;
}
.section#testimonials img {
  display: block;
  margin: 40px auto 50px;
}
.section#playground-dogs {
  height: 480px;
  background-color: #f9f9f9;
}
.section#playground-dogs .container {
  height: 100%;
  background: url("../img/playground.png") no-repeat left top;
  background-size: auto 105%;
}
.section#playground-dogs .container .grid-12 h2 {
  margin: 50px 0;
  padding-left: 60px;
}
.section#playground-dogs .container .grid-12 p {
  padding-left: 60px;
  font-size: 1em;
}
.section#playground-dogs .container .grid-12 a.appstore, .section#playground-dogs .container .grid-12 a.googleplaystore {
  z-index: 150;
  position: relative;
}
@media screen and (max-width: 890px) and (min-width: 780px) {
  .section#playground-dogs .container {
    background-size: auto 97%;
    background-position: -22% 0%;
  }
  .section#playground-dogs .container .grid-12 a.appstore, .section#playground-dogs .container .grid-12 a.googleplaystore {
    width: 140px;
  }
  .section#playground-dogs .container .grid-12 h2 {
    font-size: 2em;
  }
}
.section#playground-items {
  background-color: #565656;
  height: 190px;
}

footer {
  padding: 40px 0 20px;
}
footer p {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.875em;
  color: #2b2b2b;
  font-weight: 300;
  margin-bottom: 50px;
  text-align: left;
}
footer ul.social {
  display: block;
  float: right;
}
footer ul.social li {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}
footer ul.social li a.fa {
  background: #c0bebe;
  width: 25px;
  height: 25px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 5px;
  text-align: center;
  color: white;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
footer ul.social li a.fa.fa-facebook:hover {
  background: #3b5998;
}
footer ul.social li a.fa.fa-pinterest:hover {
  background: #cb2027;
}
footer ul.social li a.fa.fa-twitter:hover {
  background: #55ACEE;
}
footer ul.social li a.fa.fa-instagram:hover {
  background: #517fa4;
}

a.appstore {
  width: 160px;
  height: 56px;
  display: block;
  margin: 0 auto;
  font-size: 0;
  background: url("../img/appstore-73.svg") no-repeat center center;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a.appstore:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

a.googleplaystore {
  width: 160px;
  height: 56px;
  display: block;
  margin: 0 auto;
  font-size: 0;
  background: url("../img/googleplay-black.png") no-repeat center center;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a.googleplaystore:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

.family {
  font-family: "jenna_sueregular", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.75em;
  width: 100%;
  text-align: center;
  padding-top: 3px;
}

a.family-logo {
  display: block;
  width: 100%;
}
a.family-logo img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

footer.container, header.site-header, div#hero {
  z-index: 101;
  position: relative;
}

@media screen and (max-width: 780px) {
  .diagonal.slide-down::after {
    -moz-transform: rotate(1.2deg);
    -ms-transform: rotate(1.2deg);
    -webkit-transform: rotate(1.2deg);
    transform: rotate(1.2deg);
  }
  .diagonal.slide-up::after {
    -moz-transform: rotate(-1.2deg);
    -ms-transform: rotate(-1.2deg);
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg);
  }

  header.site-header #logo {
    padding: 40px 30px;
  }
  header.site-header #logo h2 {
    text-align: center;
  }

  .section#hero {
    height: auto;
    min-height: 350px;
  }
  .section#hero h1 {
    font-size: 1.7rem;
    padding: 15px;
  }
  .section#hero p {
    padding: 15px;
    line-height: 1.2;
    font-size: 0.95em;
    margin-bottom: 0;
  }
  .section#hero a.appstore, .section#hero a.googleplaystore {
    width: 150px;
  }
  .section#hero .phone img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 330px;
  }
  .section#playground-dogs {
    height: auto;
  }
  .section#playground-dogs .container {
    background-size: auto 600px;
    background-position: top center;
  }
  .section#playground-dogs .container .grid-12 {
    margin-top: 600px;
  }
  .section#playground-dogs .container .grid-12 p, .section#playground-dogs .container .grid-12 h2 {
    padding-left: 0;
  }
  .section#playground-dogs .container .grid-12 h2 {
    margin-top: 25px;
  }
  .section#playground-dogs .container .grid-12 p {
    padding: 0 60px;
  }
  .section#playground-dogs .container .grid-12 a.appstore, .section#playground-dogs .container .grid-12 a.googleplaystore {
    width: 180px;
  }

  footer p {
    margin-bottom: 20px;
    text-align: center;
  }
  footer ul.social {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
  }
  footer ul.social li {
    display: inline-block;
    float: none;
    width: 42px;
    height: 42px;
  }
  footer ul.social li:first-child {
    margin-left: 0;
  }
  footer ul.social li a.fa {
    width: 42px;
    height: 42px;
    font-size: 1.5em;
    padding: 10px;
  }
  footer .family {
    font-size: 2.375em;
    margin: 30px 0;
  }

  #playground-items {
    height: 270px;
  }

  canvas#playground-canvas {
    display: none;
  }

  .section#playground-items {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .diagonal.slide-down::after {
    -moz-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    -webkit-transform: rotate(1.8deg);
    transform: rotate(1.8deg);
  }
  .diagonal.slide-up::after {
    -moz-transform: rotate(-1.8deg);
    -ms-transform: rotate(-1.8deg);
    -webkit-transform: rotate(-1.8deg);
    transform: rotate(-1.8deg);
  }

  .section#hero {
    height: auto;
    min-height: 350px;
  }
  .section#hero h1 {
    font-size: 1.7rem;
    padding: 15px;
  }
  .section#hero p {
    padding: 15px;
    line-height: 1.2;
    font-size: 0.95em;
    margin-bottom: 0;
  }
  .section#hero a.appstore, .section#hero a.googleplaystore {
    width: 70%;
    margin-right: 0;
    height: 100px;
  }
  .section#hero .phone {
    height: 480px;
    overflow: hidden;
  }
  .section#hero .phone img {
    width: 80%;
    max-height: none;
  }
  .section#playground-dogs .container {
    background-size: auto 300px;
  }
  .section#playground-dogs .container .grid-12 {
    margin-top: 300px;
  }

  #playground-items {
    height: 380px;
  }
}