/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/**
 * Swiper 4.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 14, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: -webkit-transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: -webkit-transform, -webkit-transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: -webkit-transform, height;
  transition-property: transform, height;
  transition-property: -webkit-transform, height, -webkit-transform;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms -webkit-transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms -webkit-transform, 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms -webkit-transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms -webkit-transform, 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms -webkit-transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms -webkit-transform, 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

.highlight {
  background: #ffffff; }

.highlight .c {
  color: #999988;
  font-style: italic; }

/* Comment */
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2; }

/* Error */
.highlight .k {
  font-weight: bold; }

/* Keyword */
.highlight .o {
  font-weight: bold; }

/* Operator */
.highlight .cm {
  color: #999988;
  font-style: italic; }

/* Comment.Multiline */
.highlight .cp {
  color: #999999;
  font-weight: bold; }

/* Comment.Preproc */
.highlight .c1 {
  color: #999988;
  font-style: italic; }

/* Comment.Single */
.highlight .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.highlight .gd {
  color: #000000;
  background-color: #ffdddd; }

/* Generic.Deleted */
.highlight .gd .x {
  color: #000000;
  background-color: #ffaaaa; }

/* Generic.Deleted.Specific */
.highlight .ge {
  font-style: italic; }

/* Generic.Emph */
.highlight .gr {
  color: #aa0000; }

/* Generic.Error */
.highlight .gh {
  color: #999999; }

/* Generic.Heading */
.highlight .gi {
  color: #000000;
  background-color: #ddffdd; }

/* Generic.Inserted */
.highlight .gi .x {
  color: #000000;
  background-color: #aaffaa; }

/* Generic.Inserted.Specific */
.highlight .go {
  color: #888888; }

/* Generic.Output */
.highlight .gp {
  color: #555555; }

/* Generic.Prompt */
.highlight .gs {
  font-weight: bold; }

/* Generic.Strong */
.highlight .gu {
  color: #aaaaaa; }

/* Generic.Subheading */
.highlight .gt {
  color: #aa0000; }

/* Generic.Traceback */
.highlight .kc {
  font-weight: bold; }

/* Keyword.Constant */
.highlight .kd {
  font-weight: bold; }

/* Keyword.Declaration */
.highlight .kp {
  font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr {
  font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt {
  color: #445588;
  font-weight: bold; }

/* Keyword.Type */
.highlight .m {
  color: #009999; }

/* Literal.Number */
.highlight .s {
  color: #d14; }

/* Literal.String */
.highlight .na {
  color: #008080; }

/* Name.Attribute */
.highlight .nb {
  color: #0086B3; }

/* Name.Builtin */
.highlight .nc {
  color: #445588;
  font-weight: bold; }

/* Name.Class */
.highlight .no {
  color: #008080; }

/* Name.Constant */
.highlight .ni {
  color: #800080; }

/* Name.Entity */
.highlight .ne {
  color: #990000;
  font-weight: bold; }

/* Name.Exception */
.highlight .nf {
  color: #990000;
  font-weight: bold; }

/* Name.Function */
.highlight .nn {
  color: #555555; }

/* Name.Namespace */
.highlight .nt {
  color: #000080; }

/* Name.Tag */
.highlight .nv {
  color: #008080; }

/* Name.Variable */
.highlight .ow {
  font-weight: bold; }

/* Operator.Word */
.highlight .w {
  color: #bbbbbb; }

/* Text.Whitespace */
.highlight .mf {
  color: #009999; }

/* Literal.Number.Float */
.highlight .mh {
  color: #009999; }

/* Literal.Number.Hex */
.highlight .mi {
  color: #009999; }

/* Literal.Number.Integer */
.highlight .mo {
  color: #009999; }

/* Literal.Number.Oct */
.highlight .sb {
  color: #d14; }

/* Literal.String.Backtick */
.highlight .sc {
  color: #d14; }

/* Literal.String.Char */
.highlight .sd {
  color: #d14; }

/* Literal.String.Doc */
.highlight .s2 {
  color: #d14; }

/* Literal.String.Double */
.highlight .se {
  color: #d14; }

/* Literal.String.Escape */
.highlight .sh {
  color: #d14; }

/* Literal.String.Heredoc */
.highlight .si {
  color: #d14; }

/* Literal.String.Interpol */
.highlight .sx {
  color: #d14; }

/* Literal.String.Other */
.highlight .sr {
  color: #009926; }

/* Literal.String.Regex */
.highlight .s1 {
  color: #d14; }

/* Literal.String.Single */
.highlight .ss {
  color: #990073; }

/* Literal.String.Symbol */
.highlight .bp {
  color: #999999; }

/* Name.Builtin.Pseudo */
.highlight .vc {
  color: #008080; }

/* Name.Variable.Class */
.highlight .vg {
  color: #008080; }

/* Name.Variable.Global */
.highlight .vi {
  color: #008080; }

/* Name.Variable.Instance */
.highlight .il {
  color: #009999; }

/* Literal.Number.Integer.Long */
html {
  font-family: "Akkurat-Mono", monospace; }

body {
  background: #1c1c1c;
  color: white; }

* {
  box-sizing: border-box; }

a {
  text-decoration: unset;
  color: white;
  color: unset;
  transition: all .2s ease 0s; }
  a:hover {
    color: white;
    opacity: .43; }

::-moz-selection {
  background: white;
  color: #1c1c1c; }

::selection {
  background: white;
  color: #1c1c1c; }

::-moz-selection {
  background: white;
  color: #1c1c1c; }

/*============================================================================
  Prefixer mixin for generating vendor prefixes:
    - Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
    - Usage:

      // Input:
      .element {
        @include prefixer(transform, scale(1), ms webkit spec);
      }

      // Output:
      .element {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
      }
==============================================================================*/
/*============================================================================
  Dependency-free breakpoint mixin
    - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
    - Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
@media screen and (min-width: 800px) {
  .desktop-hide {
    display: none; } }

@media screen and (max-width: 799px) {
  .mobile-hide {
    display: none; } }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  clear: both; }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 800px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }

.container-row {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  clear: both;
  padding-left: 7.5px;
  padding-right: 7.5px; }
  .container-row:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 800px) {
    .container-row {
      padding-left: 20px;
      padding-right: 20px; } }

.g1 {
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g1 {
      padding-right: 10px;
      padding-left: 10px; } }

.g1-no-pad {
  width: 8.33333%;
  float: left; }

.push-1 {
  position: relative;
  left: 8.33333%; }

.pull-1 {
  position: relative;
  left: -8.33333%; }

.isolation-g1-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-1-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g1-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-2-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g1-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-3-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g1-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-4-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g1-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-5-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g1-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-6-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g1-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-7-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g1-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-8-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g1-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-9-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g1-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-10-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g1-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-11-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g1-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g1-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g1-12-no-pad {
  width: 8.33333%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g2 {
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g2 {
      padding-right: 10px;
      padding-left: 10px; } }

.g2-no-pad {
  width: 16.66667%;
  float: left; }

.push-2 {
  position: relative;
  left: 16.66667%; }

.pull-2 {
  position: relative;
  left: -16.66667%; }

.isolation-g2-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-1-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g2-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-2-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g2-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-3-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g2-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-4-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g2-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-5-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g2-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-6-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g2-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-7-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g2-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-8-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g2-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-9-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g2-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-10-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g2-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-11-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g2-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g2-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g2-12-no-pad {
  width: 16.66667%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g3 {
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g3 {
      padding-right: 10px;
      padding-left: 10px; } }

.g3-no-pad {
  width: 25%;
  float: left; }

.push-3 {
  position: relative;
  left: 25%; }

.pull-3 {
  position: relative;
  left: -25%; }

.isolation-g3-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-1-no-pad {
  width: 25%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g3-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-2-no-pad {
  width: 25%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g3-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-3-no-pad {
  width: 25%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g3-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-4-no-pad {
  width: 25%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g3-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-5-no-pad {
  width: 25%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g3-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-6-no-pad {
  width: 25%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g3-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-7-no-pad {
  width: 25%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g3-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-8-no-pad {
  width: 25%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g3-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-9-no-pad {
  width: 25%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g3-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-10-no-pad {
  width: 25%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g3-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-11-no-pad {
  width: 25%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g3-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g3-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g3-12-no-pad {
  width: 25%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g4 {
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g4 {
      padding-right: 10px;
      padding-left: 10px; } }

.g4-no-pad {
  width: 33.33333%;
  float: left; }

.push-4 {
  position: relative;
  left: 33.33333%; }

.pull-4 {
  position: relative;
  left: -33.33333%; }

.isolation-g4-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-1-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g4-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-2-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g4-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-3-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g4-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-4-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g4-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-5-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g4-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-6-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g4-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-7-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g4-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-8-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g4-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-9-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g4-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-10-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g4-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-11-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g4-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g4-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g4-12-no-pad {
  width: 33.33333%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g5 {
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g5 {
      padding-right: 10px;
      padding-left: 10px; } }

.g5-no-pad {
  width: 41.66667%;
  float: left; }

.push-5 {
  position: relative;
  left: 41.66667%; }

.pull-5 {
  position: relative;
  left: -41.66667%; }

.isolation-g5-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-1-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g5-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-2-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g5-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-3-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g5-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-4-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g5-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-5-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g5-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-6-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g5-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-7-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g5-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-8-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g5-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-9-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g5-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-10-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g5-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-11-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g5-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g5-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g5-12-no-pad {
  width: 41.66667%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g6 {
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g6 {
      padding-right: 10px;
      padding-left: 10px; } }

.g6-no-pad {
  width: 50%;
  float: left; }

.push-6 {
  position: relative;
  left: 50%; }

.pull-6 {
  position: relative;
  left: -50%; }

.isolation-g6-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-1-no-pad {
  width: 50%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g6-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-2-no-pad {
  width: 50%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g6-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-3-no-pad {
  width: 50%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g6-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-4-no-pad {
  width: 50%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g6-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-5-no-pad {
  width: 50%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g6-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-6-no-pad {
  width: 50%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g6-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-7-no-pad {
  width: 50%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g6-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-8-no-pad {
  width: 50%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g6-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-9-no-pad {
  width: 50%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g6-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-10-no-pad {
  width: 50%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g6-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-11-no-pad {
  width: 50%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g6-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g6-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g6-12-no-pad {
  width: 50%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g7 {
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g7 {
      padding-right: 10px;
      padding-left: 10px; } }

.g7-no-pad {
  width: 58.33333%;
  float: left; }

.push-7 {
  position: relative;
  left: 58.33333%; }

.pull-7 {
  position: relative;
  left: -58.33333%; }

.isolation-g7-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-1-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g7-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-2-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g7-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-3-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g7-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-4-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g7-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-5-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g7-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-6-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g7-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-7-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g7-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-8-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g7-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-9-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g7-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-10-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g7-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-11-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g7-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g7-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g7-12-no-pad {
  width: 58.33333%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g8 {
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g8 {
      padding-right: 10px;
      padding-left: 10px; } }

.g8-no-pad {
  width: 66.66667%;
  float: left; }

.push-8 {
  position: relative;
  left: 66.66667%; }

.pull-8 {
  position: relative;
  left: -66.66667%; }

.isolation-g8-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-1-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g8-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-2-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g8-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-3-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g8-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-4-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g8-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-5-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g8-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-6-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g8-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-7-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g8-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-8-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g8-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-9-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g8-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-10-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g8-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-11-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g8-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g8-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g8-12-no-pad {
  width: 66.66667%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g9 {
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g9 {
      padding-right: 10px;
      padding-left: 10px; } }

.g9-no-pad {
  width: 75%;
  float: left; }

.push-9 {
  position: relative;
  left: 75%; }

.pull-9 {
  position: relative;
  left: -75%; }

.isolation-g9-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-1-no-pad {
  width: 75%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g9-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-2-no-pad {
  width: 75%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g9-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-3-no-pad {
  width: 75%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g9-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-4-no-pad {
  width: 75%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g9-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-5-no-pad {
  width: 75%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g9-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-6-no-pad {
  width: 75%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g9-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-7-no-pad {
  width: 75%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g9-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-8-no-pad {
  width: 75%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g9-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-9-no-pad {
  width: 75%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g9-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-10-no-pad {
  width: 75%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g9-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-11-no-pad {
  width: 75%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g9-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g9-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g9-12-no-pad {
  width: 75%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g10 {
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g10 {
      padding-right: 10px;
      padding-left: 10px; } }

.g10-no-pad {
  width: 83.33333%;
  float: left; }

.push-10 {
  position: relative;
  left: 83.33333%; }

.pull-10 {
  position: relative;
  left: -83.33333%; }

.isolation-g10-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-1-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g10-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-2-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g10-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-3-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g10-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-4-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g10-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-5-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g10-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-6-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g10-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-7-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g10-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-8-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g10-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-9-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g10-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-10-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g10-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-11-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g10-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g10-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g10-12-no-pad {
  width: 83.33333%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g11 {
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g11 {
      padding-right: 10px;
      padding-left: 10px; } }

.g11-no-pad {
  width: 91.66667%;
  float: left; }

.push-11 {
  position: relative;
  left: 91.66667%; }

.pull-11 {
  position: relative;
  left: -91.66667%; }

.isolation-g11-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-1-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g11-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-2-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g11-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-3-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g11-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-4-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g11-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-5-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g11-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-6-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g11-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-7-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g11-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-8-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g11-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-9-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g11-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-10-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g11-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-11-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g11-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g11-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g11-12-no-pad {
  width: 91.66667%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.g12 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .g12 {
      padding-right: 10px;
      padding-left: 10px; } }

.g12-no-pad {
  width: 100%;
  float: left; }

.push-12 {
  position: relative;
  left: 100%; }

.pull-12 {
  position: relative;
  left: -100%; }

.isolation-g12-1 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 0%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-1-no-pad {
  width: 100%;
  float: left;
  margin-left: 0%;
  margin-right: -100%; }

.isolation-g12-2 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 8.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-2-no-pad {
  width: 100%;
  float: left;
  margin-left: 8.33333%;
  margin-right: -100%; }

.isolation-g12-3 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 16.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-3-no-pad {
  width: 100%;
  float: left;
  margin-left: 16.66667%;
  margin-right: -100%; }

.isolation-g12-4 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 25%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-4-no-pad {
  width: 100%;
  float: left;
  margin-left: 25%;
  margin-right: -100%; }

.isolation-g12-5 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 33.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-5-no-pad {
  width: 100%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%; }

.isolation-g12-6 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 41.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-6-no-pad {
  width: 100%;
  float: left;
  margin-left: 41.66667%;
  margin-right: -100%; }

.isolation-g12-7 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 50%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-7-no-pad {
  width: 100%;
  float: left;
  margin-left: 50%;
  margin-right: -100%; }

.isolation-g12-8 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 58.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-8-no-pad {
  width: 100%;
  float: left;
  margin-left: 58.33333%;
  margin-right: -100%; }

.isolation-g12-9 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 66.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-9-no-pad {
  width: 100%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%; }

.isolation-g12-10 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 75%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-10-no-pad {
  width: 100%;
  float: left;
  margin-left: 75%;
  margin-right: -100%; }

.isolation-g12-11 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 83.33333%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-11-no-pad {
  width: 100%;
  float: left;
  margin-left: 83.33333%;
  margin-right: -100%; }

.isolation-g12-12 {
  /*
	Isolation span: give column span width and start position.
	*/
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-left: 91.66667%;
  margin-right: -100%; }
  @media screen and (min-width: 800px) {
    .isolation-g12-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.isolation-g12-12-no-pad {
  width: 100%;
  float: left;
  margin-left: 91.66667%;
  margin-right: -100%; }

.col-1-4 {
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-4 {
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-4 {
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-4 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-1-5 {
  width: 20%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-5 {
  width: 40%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-5 {
  width: 60%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-5 {
  width: 80%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-5-5 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-5-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-1-6 {
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-6 {
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-6 {
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-6 {
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-5-6 {
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-5-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-6-6 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-6-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-1-7 {
  width: 14.28571%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-7 {
  width: 28.57143%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-7 {
  width: 42.85714%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-7 {
  width: 57.14286%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-5-7 {
  width: 71.42857%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-5-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-6-7 {
  width: 85.71429%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-6-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-7-7 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-7-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-1-8 {
  width: 12.5%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-8 {
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-8 {
  width: 37.5%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-8 {
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-5-8 {
  width: 62.5%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-5-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-6-8 {
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-6-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-7-8 {
  width: 87.5%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-7-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-8-8 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-8-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-1-9 {
  width: 11.11111%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-9 {
  width: 22.22222%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-9 {
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-9 {
  width: 44.44444%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-5-9 {
  width: 55.55556%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-5-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-6-9 {
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-6-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-7-9 {
  width: 77.77778%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-7-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-8-9 {
  width: 88.88889%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-8-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-9-9 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-9-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-1-10 {
  width: 10%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-10 {
  width: 20%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-10 {
  width: 30%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-10 {
  width: 40%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-5-10 {
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-5-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-6-10 {
  width: 60%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-6-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-7-10 {
  width: 70%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-7-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-8-10 {
  width: 80%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-8-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-9-10 {
  width: 90%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-9-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-10-10 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-10-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-1-11 {
  width: 9.09091%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-11 {
  width: 18.18182%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-11 {
  width: 27.27273%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-11 {
  width: 36.36364%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-5-11 {
  width: 45.45455%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-5-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-6-11 {
  width: 54.54545%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-6-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-7-11 {
  width: 63.63636%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-7-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-8-11 {
  width: 72.72727%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-8-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-9-11 {
  width: 81.81818%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-9-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-10-11 {
  width: 90.90909%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-10-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-11-11 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-11-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-1-12 {
  width: 8.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-1-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-2-12 {
  width: 16.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-2-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-3-12 {
  width: 25%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-3-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-4-12 {
  width: 33.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-4-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-5-12 {
  width: 41.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-5-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-6-12 {
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-6-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-7-12 {
  width: 58.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-7-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-8-12 {
  width: 66.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-8-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-9-12 {
  width: 75%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-9-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-10-12 {
  width: 83.33333%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-10-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-11-12 {
  width: 91.66667%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-11-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.col-12-12 {
  width: 100%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px; }
  @media screen and (min-width: 800px) {
    .col-12-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.row, .grid {
  *zoom: 1;
  margin-left: -7.5px;
  margin-right: -7.5px; }
  .row:after, .grid:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }
  @media screen and (min-width: 800px) {
    .row, .grid {
      margin-left: -10px;
      margin-right: -10px; } }

.row-no-pad:after {
  content: "";
  display: table;
  clear: both; }

.module--border-bottom {
  border-bottom: 1px solid white; }

.module--border-top {
  border-top: 1px solid white; }

.module--border-right {
  border-right: 1px solid white; }

.module--border-left {
  border-left: 1px solid white; }

.module--full-height {
  min-height: 100vh; }

.spacing--v-padding {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media screen and (max-width: 799px) {
    .spacing--v-padding {
      padding-top: 15px;
      padding-bottom: 15px; } }

.spacing--v-margin {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media screen and (max-width: 799px) {
    .spacing--v-margin {
      margin-top: 15px;
      margin-bottom: 15px; } }

.spacing--padding {
  padding: 20px; }
  @media screen and (max-width: 799px) {
    .spacing--padding {
      padding: 15px; } }

.spacing--h-padding {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (max-width: 799px) {
    .spacing--h-padding {
      padding-left: 15px;
      padding-right: 15px; } }

@font-face {
  font-family: "Akkurat";
  src: url("/fonts/Akkurat.eot");
  src: url("/fonts/Akkurat.eot?#iefix") format("embedded-opentype"), url("/fonts/Akkurat.woff2") format("woff2"), url("/fonts/Akkurat.woff") format("woff"), url("/fonts/Akkurat.ttf") format("ttf"), url("/fonts/Akkurat.svg#Akkurat") format("svg");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "Akkurat-Mono";
  src: url("/fonts/Akkurat-Mono.eot");
  src: url("/fonts/Akkurat-Mono.eot?#iefix") format("embedded-opentype"), url("/fonts/Akkurat-Mono.woff2") format("woff2"), url("/fonts/Akkurat-Mono.woff") format("woff"), url("/fonts/Akkurat-Mono.ttf") format("ttf"), url("/fonts/Akkurat-Mono.svg#Akkurat-Mono") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "SuperDisplay-Bold";
  src: url("/fonts/SuperDisplay-Bold.eot");
  src: url("/fonts/SuperDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/SuperDisplay-Bold.woff2") format("woff2"), url("/fonts/SuperDisplay-Bold.woff") format("woff"), url("/fonts/SuperDisplay-Bold.ttf") format("ttf"), url("/fonts/SuperDisplay-Bold.svg#SuperDisplay-Bold") format("svg");
  font-style: normal;
  font-weight: 700; }

.hamburger {
  width: 23px;
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  transition: all .15s ease 0s; }
  .is-loaded .hamburger {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  @media screen and (max-width: 799px) {
    .hamburger {
      width: 16px; } }
  .hamburger__line {
    height: 1px;
    background: white;
    transition: .3s ease 0s; }
    .hamburger__line:not(:last-child) {
      margin-bottom: 2px; }
      @media screen and (max-width: 799px) {
        .hamburger__line:not(:last-child) {
          margin-bottom: 1px; } }
    .hamburger__line--animated {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      opacity: 0; }

.js-navbar-is-hovered:not(.js-navbar-is-sticky) .navbar {
  background: transparent; }
  .js-navbar-is-hovered:not(.js-navbar-is-sticky) .navbar__left, .js-navbar-is-hovered:not(.js-navbar-is-sticky) .navbar__right {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  .js-navbar-is-hovered:not(.js-navbar-is-sticky) .navbar__link {
    opacity: 1; }

.js-navbar-is-hovered:not(.js-navbar-is-sticky) .navbar__left {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.js-navbar-is-hovered:not(.js-navbar-is-sticky) .navbar__right {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.js-navbar-is-hovered:not(.js-navbar-is-sticky) .navbar__link {
  position: static;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  pointer-events: all; }

.js-navbar-is-hovered:not(.js-navbar-is-sticky) .hamburger .hamburger__line {
  opacity: 0; }

.js-navbar-is-hovered:not(.js-navbar-is-sticky) .hamburger .hamburger__line--animated:nth-child(1) {
  -webkit-transform: rotate(45deg) scaleX(1.3);
          transform: rotate(45deg) scaleX(1.3);
  opacity: 1; }

.js-navbar-is-hovered:not(.js-navbar-is-sticky) .hamburger .hamburger__line--animated:nth-child(2) {
  -webkit-transform: rotate(-45deg) scaleX(1.3);
          transform: rotate(-45deg) scaleX(1.3);
  opacity: 1; }

.js-navbar-is-open .navbar__left {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.js-navbar-is-open .navbar__right {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.js-navbar-is-open .navbar__link {
  position: static;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  pointer-events: all; }

.js-navbar-is-open .hamburger .hamburger__line {
  opacity: 0; }

.js-navbar-is-open .hamburger .hamburger__line--animated:nth-child(1) {
  -webkit-transform: rotate(45deg) scaleX(1.3);
          transform: rotate(45deg) scaleX(1.3);
  opacity: 1; }

.js-navbar-is-open .hamburger .hamburger__line--animated:nth-child(2) {
  -webkit-transform: rotate(-45deg) scaleX(1.3);
          transform: rotate(-45deg) scaleX(1.3);
  opacity: 1; }

.navbar-before-sticky .navbar__left {
  transition-delay: .5s; }

.footer-is-sticky .navbar .hamburger {
  display: none; }

.footer-is-sticky .navbar__up-at-end {
  display: block; }
  .footer-is-sticky .navbar__up-at-end img {
    margin-top: 2px;
    width: 25px; }
    @media screen and (max-width: 799px) {
      .footer-is-sticky .navbar__up-at-end img {
        margin-top: 4px;
        width: 20px; } }

.footer-is-sticky .navbar__left {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.footer-is-sticky .navbar__right {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.footer-is-sticky .navbar__link {
  position: static;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  pointer-events: all; }

.footer-is-sticky .hamburger .hamburger__line {
  opacity: 0; }

.footer-is-sticky .hamburger .hamburger__line--animated:nth-child(1) {
  -webkit-transform: rotate(45deg) scaleX(1.3);
          transform: rotate(45deg) scaleX(1.3);
  opacity: 1; }

.footer-is-sticky .hamburger .hamburger__line--animated:nth-child(2) {
  -webkit-transform: rotate(-45deg) scaleX(1.3);
          transform: rotate(-45deg) scaleX(1.3);
  opacity: 1; }

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  font-family: "SuperDisplay-Bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  opacity: 0; }
  @media screen and (min-width: 799px) {
    .navbar, .navbar__min-height {
      min-height: 60px; } }
  @media screen and (min-width: 0px) {
    .navbar {
      font-size: 18px; } }
  @media screen and (min-width: 561px) {
    .navbar {
      font-size: 24px; } }
  @media screen and (min-width: 768px) {
    .navbar {
      font-size: 17px; } }
  @media screen and (min-width: 1081px) {
    .navbar {
      font-size: 20px; } }
  @media screen and (min-width: 1281px) {
    .navbar {
      font-size: 22px; } }
  @media screen and (min-width: 1441px) {
    .navbar {
      font-size: 24px; } }
  @media screen and (min-width: 1681px) {
    .navbar {
      font-size: 30px; } }
  @media screen and (min-width: 1921px) {
    .navbar {
      font-size: 35px; } }
  .is-loaded .navbar {
    opacity: 1; }
  .navbar__bg {
    background: #1c1c1c;
    transition: all .5s ease 0s;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid transparent; }
  .navbar, .navbar__left, .navbar__right {
    transition: all .3s ease 0s; }
  .navbar__left, .navbar__right {
    opacity: 0; }
  .navbar__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 100%; }
  .navbar__left {
    text-align: left;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
    .navbar__left .navbar__item:first-child {
      padding-left: 0; }
  .navbar__right {
    text-align: right;
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
    .navbar__right .navbar__item:last-child {
      padding-right: 0; }
  .navbar .container {
    height: 100%; }
    .navbar .container .row {
      height: 100%; }
  .navbar__up-at-end {
    display: none; }
  .navbar__hamburger {
    padding: 10px;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    cursor: pointer;
    opacity: 0;
    transition: all .3s ease 2s; }
    .is-loaded .navbar__hamburger {
      opacity: 1; }
  .navbar__item {
    display: inline-block;
    padding: 0 10px;
    margin: .65em 0; }
  .navbar__link {
    cursor: pointer;
    opacity: 0;
    transition: .3s ease 0s;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    pointer-events: none; }
    .navbar__link.js-active-main {
      opacity: 1;
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      z-index: 5; }
    .navbar__link:hover {
      opacity: .43 !important; }
    .navbar__link--fake-height-positioner {
      position: static !important; }

.navbar-is-sticky .navbar__left, .navbar-is-sticky .navbar__right {
  opacity: 1; }

.navbar-is-sticky .navbar {
  opacity: 1; }
  .navbar-is-sticky .navbar__left, .navbar-is-sticky .navbar__right {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  .navbar-is-sticky .navbar__bg {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
    border-color: white; }

@media screen and (max-width: 799px) {
  .navbar {
    height: 55px; }
    .navbar__hamburger {
      padding-right: 15px;
      right: 0;
      left: auto; }
    .navbar__left {
      width: 100%;
      white-space: nowrap; }
    .navbar__right {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 80%;
      text-align: left;
      white-space: nowrap;
      opacity: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .navbar__right .navbar__item {
        padding-left: 7.5px;
        padding-right: 7.5px; }
        .navbar__right .navbar__item:nth-child(2) {
          padding-left: 0;
          margin-left: -5px; }
    .navbar__item {
      opacity: 0;
      transition: all .3s ease 0s; }
    .navbar__link {
      position: static;
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
  .js-navbar-is-open .navbar__left {
    opacity: 0; }
  .js-navbar-is-open .navbar__item {
    opacity: 1; }
  .navbar-is-sticky .navbar__item {
    background: #1c1c1c; } }

.intro {
  pointer-events: none;
  padding-top: 100vh;
  z-index: 3;
  position: relative;
  transition: all .5s ease 1.5s;
  opacity: 0; }
  .is-loaded .intro {
    opacity: 1; }
  .js-intro-done .intro {
    opacity: 0;
    transition-delay: 0; }
  .navbar-is-sticky .intro {
    transition: all .1s ease 0s; }
  .intro__fixed-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center; }
  .intro__super-animate {
    opacity: 0;
    transition: all 1s ease .3s; }
    .is-loaded .intro__super-animate {
      opacity: 1; }
  .intro__super {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-family: "SuperDisplay-Bold", sans-serif;
    z-index: 2;
    transition: all .3s linear 2s;
    opacity: 0; }
    .is-loaded-post .intro__super {
      transition: all .01s linear 0s; }
    .is-loaded .intro__super {
      opacity: 1; }
    .intro__super img {
      width: 55%; }
  .intro__row {
    clear: both;
    position: relative;
    z-index: 3; }
    .intro__row:last-child {
      z-index: 1; }
  .intro__item {
    width: 50%;
    height: 100vh;
    transition: all .5s ease 0s;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 799px) {
      .intro__item {
        height: 50vh; } }
    .intro__item--type-left {
      float: left; }
    .intro__item--type-right {
      float: right; }
    .intro__item--type-full {
      width: 100%; }
    .intro__item--type-full {
      width: 100%; }
      @media screen and (max-width: 799px) {
        .intro__item--type-full:last-child {
          height: 100vh; } }
    .intro__item--full-half-on-mobile {
      width: 100%; }
      @media screen and (max-width: 799px) {
        .intro__item--full-half-on-mobile {
          height: 50vh; } }

.text-block {
  -webkit-font-smoothing: antialiased; }
  .text-block strong {
    color: #6E6E6E; }
  .text-block__text {
    margin-top: -0.2em; }

.text-block--small .text-block__text {
  font-family: "SuperDisplay-Bold", sans-serif; }
  @media screen and (min-width: 0px) {
    .text-block--small .text-block__text {
      font-size: 18px; } }
  @media screen and (min-width: 561px) {
    .text-block--small .text-block__text {
      font-size: 24px; } }
  @media screen and (min-width: 768px) {
    .text-block--small .text-block__text {
      font-size: 17px; } }
  @media screen and (min-width: 1081px) {
    .text-block--small .text-block__text {
      font-size: 20px; } }
  @media screen and (min-width: 1281px) {
    .text-block--small .text-block__text {
      font-size: 22px; } }
  @media screen and (min-width: 1441px) {
    .text-block--small .text-block__text {
      font-size: 24px; } }
  @media screen and (min-width: 1681px) {
    .text-block--small .text-block__text {
      font-size: 30px; } }
  @media screen and (min-width: 1921px) {
    .text-block--small .text-block__text {
      font-size: 35px; } }

.text-block--medium .text-block__text {
  font-family: "SuperDisplay-Bold", sans-serif; }
  @media screen and (min-width: 0px) {
    .text-block--medium .text-block__text {
      font-size: 18px; } }
  @media screen and (min-width: 561px) {
    .text-block--medium .text-block__text {
      font-size: 30px; } }
  @media screen and (min-width: 768px) {
    .text-block--medium .text-block__text {
      font-size: 20px; } }
  @media screen and (min-width: 1081px) {
    .text-block--medium .text-block__text {
      font-size: 25px; } }
  @media screen and (min-width: 1281px) {
    .text-block--medium .text-block__text {
      font-size: 30px; } }
  @media screen and (min-width: 1441px) {
    .text-block--medium .text-block__text {
      font-size: 35px; } }
  @media screen and (min-width: 1681px) {
    .text-block--medium .text-block__text {
      font-size: 40px; } }
  @media screen and (min-width: 1921px) {
    .text-block--medium .text-block__text {
      font-size: 50px; } }

.text-block--large .text-block__text {
  font-family: "SuperDisplay-Bold", sans-serif;
  line-height: 1.1; }
  @media screen and (min-width: 0px) {
    .text-block--large .text-block__text {
      font-size: 21px; } }
  @media screen and (min-width: 561px) {
    .text-block--large .text-block__text {
      font-size: 30px; } }
  @media screen and (min-width: 768px) {
    .text-block--large .text-block__text {
      font-size: 40px; } }
  @media screen and (min-width: 1081px) {
    .text-block--large .text-block__text {
      font-size: 50px; } }
  @media screen and (min-width: 1281px) {
    .text-block--large .text-block__text {
      font-size: 55px; } }
  @media screen and (min-width: 1441px) {
    .text-block--large .text-block__text {
      font-size: 55px; } }
  @media screen and (min-width: 1681px) {
    .text-block--large .text-block__text {
      font-size: 65px; } }
  @media screen and (min-width: 1921px) {
    .text-block--large .text-block__text {
      font-size: 85px; } }

.beers:after {
  content: "";
  display: table;
  clear: both; }

@media screen and (max-width: 799px) {
  .beers {
    border-bottom: 1px solid white; } }

@media screen and (min-width: 800px) {
  .beers__beer {
    width: 50%;
    float: left;
    border-bottom: 1px solid white; }
    .beers__beer:nth-child(odd) {
      clear: left; }
    .beers__beer:nth-child(even) {
      border-left: 1px solid white; } }

@media screen and (max-width: 799px) {
  .beers__beer:not(:last-child) {
    border-bottom: 1px solid white; } }

.gallery {
  height: 100%;
  position: relative; }
  .gallery:hover .gallery__arrow {
    opacity: 1; }
  .gallery:hover .gallery__arrow--next {
    right: 17px; }
  .gallery:hover .gallery__arrow--prev {
    left: 17px; }
  .gallery__swiper-container {
    height: 100%; }
  .gallery__slide {
    height: 100%;
    background-size: cover;
    background-position: center;
    min-height: 360px; }
    @media screen and (max-width: 799px) {
      .gallery__slide {
        height: auto;
        min-height: auto;
        padding-bottom: 75%; } }
    @media screen and (max-width: 500px) {
      .gallery__slide {
        padding-bottom: 100%; } }
  .gallery__arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 4;
    width: 20px;
    cursor: pointer;
    opacity: 0;
    transition: all .3s ease 0s; }
    @media screen and (max-width: 799px) {
      .gallery__arrow {
        width: 12px; } }
    .gallery__arrow--next {
      right: 10px; }
      .gallery__arrow--next img {
        -webkit-transform: scale(-1);
                transform: scale(-1); }
    .gallery__arrow--prev {
      left: 10px; }
    .gallery__arrow:hover {
      opacity: .5 !important; }
  .gallery__pagination {
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 4; }
    .gallery__pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border-radius: 0;
      background: #1c1c1c;
      opacity: 1 !important;
      transition: all .3s ease 0s; }
    .gallery__pagination .swiper-pagination-bullet-active {
      background: white; }

.gallery-caption {
  margin-top: 2em;
  line-height: 1.5;
  font-family: "Akkurat", sans-serif;
  color: #6E6E6E; }
  @media screen and (min-width: 0px) {
    .gallery-caption {
      font-size: 9px; } }
  @media screen and (min-width: 561px) {
    .gallery-caption {
      font-size: 11px; } }
  @media screen and (min-width: 768px) {
    .gallery-caption {
      font-size: 11px; } }
  @media screen and (min-width: 1081px) {
    .gallery-caption {
      font-size: 12px; } }
  @media screen and (min-width: 1281px) {
    .gallery-caption {
      font-size: 12px; } }
  @media screen and (min-width: 1441px) {
    .gallery-caption {
      font-size: 14px; } }
  @media screen and (min-width: 1681px) {
    .gallery-caption {
      font-size: 14px; } }
  @media screen and (min-width: 1921px) {
    .gallery-caption {
      font-size: 16px; } }
  @media screen and (max-width: 799px) {
    .gallery-caption {
      display: none; } }
  @media screen and (min-width: 800px) {
    .gallery-caption {
      width: 50%;
      height: 10em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: end;
          justify-content: flex-end; } }
  .gallery-caption__arrow {
    width: 8px;
    margin-bottom: .5em; }

.beer-block {
  position: relative;
  cursor: pointer; }
  .beer-block:hover .beer-block__image--hover {
    opacity: 1; }
  .beer-block:hover .beer-block__view-details {
    opacity: 1; }
  .beer-block:hover .beer-block__description-tag,
  .beer-block:hover .beer-block__description-arrow {
    opacity: 1; }
  .beer-block__title, .beer-block__view-details, .beer-block__close {
    text-transform: uppercase;
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em; }
    @media screen and (min-width: 0px) {
      .beer-block__title, .beer-block__view-details, .beer-block__close {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .beer-block__title, .beer-block__view-details, .beer-block__close {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .beer-block__title, .beer-block__view-details, .beer-block__close {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .beer-block__title, .beer-block__view-details, .beer-block__close {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .beer-block__title, .beer-block__view-details, .beer-block__close {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .beer-block__title, .beer-block__view-details, .beer-block__close {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .beer-block__title, .beer-block__view-details, .beer-block__close {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .beer-block__title, .beer-block__view-details, .beer-block__close {
        font-size: 16px; } }
  .beer-block__title {
    position: absolute;
    top: 20px;
    left: 20px; }
    @media screen and (max-width: 799px) {
      .beer-block__title {
        top: 15px;
        left: 15px; } }
    .beer-block__title--white {
      color: white; }
  .beer-block__description-tag {
    opacity: 0;
    transition: all .3s ease 0s;
    pointer-events: none;
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em;
    position: absolute;
    bottom: 20px;
    left: 20px;
    line-height: 1; }
    @media screen and (min-width: 0px) {
      .beer-block__description-tag {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .beer-block__description-tag {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .beer-block__description-tag {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .beer-block__description-tag {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .beer-block__description-tag {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .beer-block__description-tag {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .beer-block__description-tag {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .beer-block__description-tag {
        font-size: 16px; } }
    @media screen and (max-width: 799px) {
      .beer-block__description-tag {
        bottom: 15px;
        left: 15px; } }
  .beer-block__description-arrow {
    opacity: 0;
    transition: all .3s ease 0s;
    pointer-events: none;
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em;
    position: absolute;
    bottom: 20px;
    right: 20px; }
    @media screen and (min-width: 0px) {
      .beer-block__description-arrow {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .beer-block__description-arrow {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .beer-block__description-arrow {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .beer-block__description-arrow {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .beer-block__description-arrow {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .beer-block__description-arrow {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .beer-block__description-arrow {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .beer-block__description-arrow {
        font-size: 16px; } }
    @media screen and (max-width: 799px) {
      .beer-block__description-arrow {
        bottom: 15px;
        right: 15px; } }
    .beer-block__description-arrow img {
      width: 12px; }
  .beer-block__view-details {
    z-index: 2;
    pointer-events: none;
    color: #6E6E6E;
    transition: all .3s ease 0s;
    opacity: 0;
    text-align: right;
    position: absolute;
    top: 20px;
    right: 20px; }
    .js-opened .beer-block__view-details {
      display: none; }
    @media screen and (max-width: 799px) {
      .beer-block__view-details {
        top: 15px;
        right: 15px; } }
  .beer-block__close {
    display: none;
    z-index: 100;
    cursor: pointer;
    text-align: right;
    position: absolute;
    top: 20px;
    right: 20px; }
    .js-opened .beer-block__close {
      display: block; }
    @media screen and (max-width: 799px) {
      .beer-block__close {
        top: 15px;
        right: 15px; } }
  .beer-block__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .beer-block__image--hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .3s ease 0s; }
  .beer-block__image-sizer {
    margin: 0 auto; }
    @media screen and (min-width: 800px) {
      .beer-block__image-sizer {
        width: 40%;
        padding: 15% 0; } }
    @media screen and (max-width: 799px) {
      .beer-block__image-sizer {
        width: 60%;
        padding: 20% 0; } }
    @media screen and (min-width: 800px) and (max-width: 1100px) {
      .beer-block__image-sizer {
        padding: 27% 0; } }
  .beer-block__img {
    display: block;
    width: 100%; }
  .beer-block__details {
    border-top: 1px solid white;
    z-index: 5;
    display: none;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1c1c1c;
    background-size: cover;
    background-position: center; }
  .beer-block__text {
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em;
    font-size: 18px;
    -webkit-font-smoothing: antialiased; }
    @media screen and (min-width: 0px) {
      .beer-block__text {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .beer-block__text {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .beer-block__text {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .beer-block__text {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .beer-block__text {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .beer-block__text {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .beer-block__text {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .beer-block__text {
        font-size: 16px; } }
    @media screen and (min-width: 799px) and (max-width: 950px) {
      .beer-block__text {
        font-size: 14px; } }
    .beer-block__text:after {
      content: "";
      display: table;
      clear: both; }
  .beer-block__description-title {
    margin-top: 2px;
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em;
    float: left;
    width: 50%;
    line-height: 1.15; }
    @media screen and (min-width: 0px) {
      .beer-block__description-title {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .beer-block__description-title {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .beer-block__description-title {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .beer-block__description-title {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .beer-block__description-title {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .beer-block__description-title {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .beer-block__description-title {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .beer-block__description-title {
        font-size: 16px; } }
    @media screen and (max-width: 1150px) {
      .beer-block__description-title {
        width: 100%;
        padding-bottom: 0 !important; } }
  .beer-block__description-text {
    font-family: "Akkurat", sans-serif;
    margin-bottom: 2em;
    line-height: 1.4;
    float: left;
    width: 50%; }
    @media screen and (min-width: 0px) {
      .beer-block__description-text {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .beer-block__description-text {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .beer-block__description-text {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .beer-block__description-text {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .beer-block__description-text {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .beer-block__description-text {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .beer-block__description-text {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .beer-block__description-text {
        font-size: 16px; } }
    @media screen and (max-width: 1150px) {
      .beer-block__description-text {
        width: 100%; } }
  .beer-block__description-title, .beer-block__description-text {
    padding-top: 15px;
    padding-bottom: 15px; }
    @media screen and (max-width: 1150px) {
      .beer-block__description-title, .beer-block__description-text {
        padding-top: 10px;
        padding-bottom: 10px; } }
  .beer-block__stats {
    border-top: 1px solid white;
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em;
    -webkit-font-smoothing: antialiased; }
    @media screen and (min-width: 0px) {
      .beer-block__stats {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .beer-block__stats {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .beer-block__stats {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .beer-block__stats {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .beer-block__stats {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .beer-block__stats {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .beer-block__stats {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .beer-block__stats {
        font-size: 16px; } }
  .beer-block__row:not(:last-child) {
    border-bottom: 1px solid white; }
  .beer-block__row:after {
    content: "";
    display: table;
    clear: both; }
  .beer-block__row-label {
    width: 50%;
    float: left; }
  .beer-block__row-values {
    width: 50%;
    float: right;
    border-left: 1px solid white; }
  .beer-block__row-value:not(:last-child) {
    border-bottom: 1px solid white; }
  .beer-block__row-label, .beer-block__row-value {
    padding-top: 15px;
    padding-bottom: 15px; }
    @media screen and (max-width: 799px) {
      .beer-block__row-label, .beer-block__row-value {
        padding-top: 9px;
        padding-bottom: 9px; } }
    @media screen and (min-width: 800px) and (max-width: 1100px) {
      .beer-block__row-label, .beer-block__row-value {
        padding-top: 10px;
        padding-bottom: 10px; } }

.email-block {
  padding-bottom: 1px; }
  .email-block__align {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .email-block__title {
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em;
    color: #6E6E6E;
    line-height: 1.5; }
    @media screen and (min-width: 0px) {
      .email-block__title {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .email-block__title {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .email-block__title {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .email-block__title {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .email-block__title {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .email-block__title {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .email-block__title {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .email-block__title {
        font-size: 16px; } }
    @media screen and (min-width: 800px) {
      .email-block__title {
        width: 50%; } }
  .email-block__email {
    margin-top: 10%;
    position: relative; }
    @media screen and (max-width: 799px) {
      .email-block__email {
        margin-top: 60px; } }
    .email-block__email ::-webkit-input-placeholder {
      color: white; }
    .email-block__email :-moz-placeholder {
      color: white; }
    .email-block__email ::-moz-placeholder {
      color: white; }
    .email-block__email :-ms-input-placeholder {
      color: white; }
  @media screen and (min-width: 800px) {
    .email-block input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 50px #1c1c1c inset;
      -webkit-text-fill-color: white !important; } }
  @media screen and (max-width: 799px) {
    .email-block input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 50px #1c1c1c inset;
      -webkit-text-fill-color: white !important; } }
  .email-block__email-input {
    width: 100%;
    background: transparent;
    -webkit-appearance: none;
    border: none;
    font-family: "SuperDisplay-Bold", sans-serif;
    line-height: 1.1;
    color: white;
    padding-left: 0;
    line-height: 1.5; }
    @media screen and (min-width: 0px) {
      .email-block__email-input {
        font-size: 21px; } }
    @media screen and (min-width: 561px) {
      .email-block__email-input {
        font-size: 30px; } }
    @media screen and (min-width: 768px) {
      .email-block__email-input {
        font-size: 40px; } }
    @media screen and (min-width: 1081px) {
      .email-block__email-input {
        font-size: 50px; } }
    @media screen and (min-width: 1281px) {
      .email-block__email-input {
        font-size: 55px; } }
    @media screen and (min-width: 1441px) {
      .email-block__email-input {
        font-size: 55px; } }
    @media screen and (min-width: 1681px) {
      .email-block__email-input {
        font-size: 65px; } }
    @media screen and (min-width: 1921px) {
      .email-block__email-input {
        font-size: 85px; } }
    .email-block__email-input:focus {
      outline: none; }
  .email-block__submit {
    position: absolute;
    right: 0;
    bottom: 8px;
    color: white;
    font-family: "SuperDisplay-Bold", sans-serif;
    line-height: 1.1;
    text-align: right;
    cursor: pointer; }
    @media screen and (min-width: 0px) {
      .email-block__submit {
        font-size: 21px; } }
    @media screen and (min-width: 561px) {
      .email-block__submit {
        font-size: 30px; } }
    @media screen and (min-width: 768px) {
      .email-block__submit {
        font-size: 40px; } }
    @media screen and (min-width: 1081px) {
      .email-block__submit {
        font-size: 50px; } }
    @media screen and (min-width: 1281px) {
      .email-block__submit {
        font-size: 55px; } }
    @media screen and (min-width: 1441px) {
      .email-block__submit {
        font-size: 55px; } }
    @media screen and (min-width: 1681px) {
      .email-block__submit {
        font-size: 65px; } }
    @media screen and (min-width: 1921px) {
      .email-block__submit {
        font-size: 85px; } }

.email-block--full-height {
  height: 100%; }
  .email-block--full-height .email-block__optional-height {
    height: 100%; }

.grid-2up {
  background: #1c1c1c; }
  .grid-2up:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 800px) {
    .grid-2up {
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (min-width: 800px) {
    .grid-2up__col {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 50%;
      float: left; }
      .grid-2up__col:nth-child(even) {
        border-left: 1px solid white; } }

@media screen and (orientation: landscape) {
  #about,
  #contact {
    min-height: 85vh; } }

.form {
  border: 1px solid white;
  border-bottom: 0; }
  @media screen and (max-width: 450px) {
    .form .form__input,
    .form select,
    .form option {
      font-size: 16px !important; } }
  .form__row:after {
    content: "";
    display: table;
    clear: both; }
  .form__row:not(:last-child) {
    border-bottom: 1px solid white; }
  .form__column {
    cursor: pointer; }
    @media screen and (min-width: 800px) {
      .form__column--half {
        width: 50%;
        float: left; }
        .form__column--half:first-child {
          border-right: 1px solid white; } }
    @media screen and (max-width: 799px) {
      .form__column--half:first-child {
        border-bottom: 1px solid white; } }
    .form__column--select {
      cursor: default; }
  .form__inner {
    transition: .3s ease 0s;
    padding: 13px 20px; }
    .form__inner:hover {
      background: #393637; }
      .form__inner:hover input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px #393637 inset;
        color: white; }
    @media screen and (max-width: 799px) {
      .form__inner {
        padding: 10px 15px; } }
  .form__label {
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em;
    color: #6E6E6E; }
    @media screen and (min-width: 0px) {
      .form__label {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .form__label {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .form__label {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .form__label {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .form__label {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .form__label {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .form__label {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .form__label {
        font-size: 16px; } }
  .form__control {
    margin-top: 12px;
    position: relative; }
    @media screen and (min-width: 0px) {
      .form__control {
        font-size: 18px; } }
    @media screen and (min-width: 561px) {
      .form__control {
        font-size: 24px; } }
    @media screen and (min-width: 768px) {
      .form__control {
        font-size: 17px; } }
    @media screen and (min-width: 1081px) {
      .form__control {
        font-size: 20px; } }
    @media screen and (min-width: 1281px) {
      .form__control {
        font-size: 22px; } }
    @media screen and (min-width: 1441px) {
      .form__control {
        font-size: 24px; } }
    @media screen and (min-width: 1681px) {
      .form__control {
        font-size: 30px; } }
    @media screen and (min-width: 1921px) {
      .form__control {
        font-size: 35px; } }
    .form__control input, .form__control select, .form__control a {
      font-size: .9em; }
    @media screen and (max-width: 799px) {
      .form__control {
        margin-top: 6px; } }
    .form__control ::-webkit-input-placeholder {
      color: #6E6E6E; }
    .form__control :-moz-placeholder {
      color: #6E6E6E; }
    .form__control ::-moz-placeholder {
      color: #6E6E6E; }
    .form__control :-ms-input-placeholder {
      color: #6E6E6E; }
  .form__input {
    display: block;
    width: 100%; }
  .form__input, .form__select, .form__submit {
    max-width: 100%;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    outline: none;
    padding-left: 0;
    color: white;
    font-family: "Akkurat-Mono", monospace;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase; }
    .form__input:focus, .form__select:focus, .form__submit:focus {
      outline: none; }
    @media screen and (max-width: 799px) {
      .form__input, .form__select, .form__submit {
        /* Change the white to any color ;) */ }
        .form__input:-webkit-autofill, .form__select:-webkit-autofill, .form__submit:-webkit-autofill {
          -webkit-box-shadow: 0 0 0 30px #1c1c1c inset;
          -webkit-text-fill-color: white !important; } }
  .form__select-wrapper {
    position: relative; }
    .form__select-wrapper .form__down-caret {
      position: absolute;
      right: 0;
      bottom: 5px;
      width: 14px;
      pointer-events: none; }
    .form__select-wrapper select {
      -webkit-appearance: none;
      -moz-appearance: none;
      text-overflow: '';
      text-indent: 0.01px; }
  .form__select {
    width: 100%;
    cursor: pointer; }
  .form__submit-icon {
    font-family: "SuperDisplay-Bold", sans-serif;
    position: absolute;
    right: 0;
    bottom: 2px;
    transition: .15s ease 0s; }
  .form__x {
    display: none;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 0;
    width: 13px;
    z-index: 2; }
    @media screen and (max-width: 799px) {
      .js-has-value .form__x {
        display: block; } }
  .form__row--submit {
    transition: all .3s ease 0s;
    position: relative;
    display: block; }
    .form__row--submit:hover {
      background: white;
      opacity: 1;
      color: #1c1c1c; }
      .form__row--submit:hover .form__submit {
        color: #1c1c1c; }
      .form__row--submit:hover .form__inner {
        background: white; }
    .form__row--submit .form__submit {
      font-family: "SuperDisplay-Bold", sans-serif;
      transition: all .3s ease 0s;
      -webkit-font-smoothing: antialiased; }
      @media screen and (min-width: 0px) {
        .form__row--submit .form__submit {
          font-size: 18px; } }
      @media screen and (min-width: 561px) {
        .form__row--submit .form__submit {
          font-size: 24px; } }
      @media screen and (min-width: 768px) {
        .form__row--submit .form__submit {
          font-size: 17px; } }
      @media screen and (min-width: 1081px) {
        .form__row--submit .form__submit {
          font-size: 20px; } }
      @media screen and (min-width: 1281px) {
        .form__row--submit .form__submit {
          font-size: 22px; } }
      @media screen and (min-width: 1441px) {
        .form__row--submit .form__submit {
          font-size: 24px; } }
      @media screen and (min-width: 1681px) {
        .form__row--submit .form__submit {
          font-size: 30px; } }
      @media screen and (min-width: 1921px) {
        .form__row--submit .form__submit {
          font-size: 35px; } }
    .form__row--submit .form__inner {
      padding: 22px 20px; }
      @media screen and (max-width: 799px) {
        .form__row--submit .form__inner {
          padding: 15px 15px; } }
    .form__row--submit .form__control {
      margin-top: 4px; }
    .form__row--submit .form__submit-icon {
      transition: none !important; }

.form--no-side-border {
  border-left: none;
  border-right: none; }

.has-bg-for-footer {
  background: #1c1c1c;
  position: relative;
  z-index: 4; }

.footer {
  position: relative;
  min-height: 100vh;
  background: #1c1c1c;
  z-index: 2; }
  .footer__sticky-positioner {
    margin-top: 50px;
    position: relative;
    height: 40px; }
    @media screen and (max-width: 799px) {
      .footer__sticky-positioner {
        height: 25px; } }
  .footer__footer {
    position: fixed;
    bottom: 0;
    left: 20px;
    right: 20px;
    padding-bottom: 20px; }
    .footer__footer:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 799px) {
      .footer__footer {
        left: 15px;
        right: 15px;
        padding-bottom: 11px; } }
  .footer__teaser {
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 33vw;
    color: black;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
    @media screen and (max-width: 799px) {
      .footer__teaser {
        width: 55vw; } }
  .footer__teaser-text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: white;
    font-family: "SuperDisplay-Bold", sans-serif;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    text-align: center; }
    @media screen and (min-width: 0px) {
      .footer__teaser-text {
        font-size: 18px; } }
    @media screen and (min-width: 561px) {
      .footer__teaser-text {
        font-size: 24px; } }
    @media screen and (min-width: 768px) {
      .footer__teaser-text {
        font-size: 17px; } }
    @media screen and (min-width: 1081px) {
      .footer__teaser-text {
        font-size: 20px; } }
    @media screen and (min-width: 1281px) {
      .footer__teaser-text {
        font-size: 22px; } }
    @media screen and (min-width: 1441px) {
      .footer__teaser-text {
        font-size: 24px; } }
    @media screen and (min-width: 1681px) {
      .footer__teaser-text {
        font-size: 30px; } }
    @media screen and (min-width: 1921px) {
      .footer__teaser-text {
        font-size: 35px; } }
  .footer__teaser-img {
    display: block;
    width: 100%;
    opacity: 0;
    transition: all .3s ease 2s; }
    .is-loaded .footer__teaser-img {
      opacity: 1; }
  .footer__credit {
    float: right;
    display: inline-block;
    color: white;
    text-decoration: none;
    white-space: nowrap; }
  .footer__credit, .footer__footer {
    font-family: "Akkurat-Mono", monospace;
    letter-spacing: .06em;
    -webkit-font-smoothing: antialiased;
    opacity: 0;
    transition: all .3s ease 2s; }
    @media screen and (min-width: 0px) {
      .footer__credit, .footer__footer {
        font-size: 9px; } }
    @media screen and (min-width: 561px) {
      .footer__credit, .footer__footer {
        font-size: 11px; } }
    @media screen and (min-width: 768px) {
      .footer__credit, .footer__footer {
        font-size: 11px; } }
    @media screen and (min-width: 1081px) {
      .footer__credit, .footer__footer {
        font-size: 12px; } }
    @media screen and (min-width: 1281px) {
      .footer__credit, .footer__footer {
        font-size: 12px; } }
    @media screen and (min-width: 1441px) {
      .footer__credit, .footer__footer {
        font-size: 14px; } }
    @media screen and (min-width: 1681px) {
      .footer__credit, .footer__footer {
        font-size: 14px; } }
    @media screen and (min-width: 1921px) {
      .footer__credit, .footer__footer {
        font-size: 16px; } }
    @media screen and (max-width: 799px) {
      .footer__credit, .footer__footer {
        color: #6E6E6E; } }
    .is-loaded .footer__credit, .is-loaded .footer__footer {
      opacity: 1; }
    .navbar-is-sticky .footer__credit, .navbar-is-sticky .footer__footer {
      transition: all .3s ease 0s; }

@media screen and (max-width: 799px) {
  .contact-info {
    border-top: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .contact-info .contact-info__text-column {
      -ms-flex-order: 2;
          order: 2; } }

.contact-info__text-above-form {
  margin-bottom: 3em; }
  @media screen and (max-width: 799px) {
    .contact-info__text-above-form {
      border-top: 1px solid white;
      margin-bottom: 0; } }

.contact-info__text-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between; }

@media screen and (min-width: 800px) {
  .contact-info__form-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media screen and (max-width: 799px) {
  .contact-info__form-column {
    border-bottom: 1px solid white; } }

@media screen and (max-width: 799px) {
  .contact-info__social {
    margin-top: 1.60em; } }

.about-right-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between; }

@media screen and (min-width: 800px) {
  .desktop-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
    padding-left: 20px;
    padding-right: 20px; }
    .desktop-container:after {
      content: "";
      display: table;
      clear: both; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-container {
      padding-left: 20px;
      padding-right: 20px; } }

@media screen and (min-width: 800px) {
  .desktop-row {
    *zoom: 1;
    margin-left: -7.5px;
    margin-right: -7.5px; }
    .desktop-row:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-row {
      margin-left: -10px;
      margin-right: -10px; } }

@media screen and (min-width: 800px) {
  .desktop-g1 {
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g1-no-pad {
    width: 8.33333%;
    float: left; }
  .desktop-push-1 {
    position: relative;
    left: 8.33333%; }
  .desktop-pull-1 {
    position: relative;
    left: -8.33333%; }
  .desktop-isolation-g1-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g1-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g1-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g2 {
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g2-no-pad {
    width: 16.66667%;
    float: left; }
  .desktop-push-2 {
    position: relative;
    left: 16.66667%; }
  .desktop-pull-2 {
    position: relative;
    left: -16.66667%; }
  .desktop-isolation-g2-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g2-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g2-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g3 {
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g3-no-pad {
    width: 25%;
    float: left; }
  .desktop-push-3 {
    position: relative;
    left: 25%; }
  .desktop-pull-3 {
    position: relative;
    left: -25%; }
  .desktop-isolation-g3-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g3-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g3-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g4 {
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g4-no-pad {
    width: 33.33333%;
    float: left; }
  .desktop-push-4 {
    position: relative;
    left: 33.33333%; }
  .desktop-pull-4 {
    position: relative;
    left: -33.33333%; }
  .desktop-isolation-g4-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g4-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g4-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g5 {
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g5-no-pad {
    width: 41.66667%;
    float: left; }
  .desktop-push-5 {
    position: relative;
    left: 41.66667%; }
  .desktop-pull-5 {
    position: relative;
    left: -41.66667%; }
  .desktop-isolation-g5-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g5-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g5-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g6 {
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g6-no-pad {
    width: 50%;
    float: left; }
  .desktop-push-6 {
    position: relative;
    left: 50%; }
  .desktop-pull-6 {
    position: relative;
    left: -50%; }
  .desktop-isolation-g6-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g6-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g6-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g7 {
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g7-no-pad {
    width: 58.33333%;
    float: left; }
  .desktop-push-7 {
    position: relative;
    left: 58.33333%; }
  .desktop-pull-7 {
    position: relative;
    left: -58.33333%; }
  .desktop-isolation-g7-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g7-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g7-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g8 {
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g8-no-pad {
    width: 66.66667%;
    float: left; }
  .desktop-push-8 {
    position: relative;
    left: 66.66667%; }
  .desktop-pull-8 {
    position: relative;
    left: -66.66667%; }
  .desktop-isolation-g8-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g8-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g8-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g9 {
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g9-no-pad {
    width: 75%;
    float: left; }
  .desktop-push-9 {
    position: relative;
    left: 75%; }
  .desktop-pull-9 {
    position: relative;
    left: -75%; }
  .desktop-isolation-g9-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g9-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g9-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g10 {
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g10-no-pad {
    width: 83.33333%;
    float: left; }
  .desktop-push-10 {
    position: relative;
    left: 83.33333%; }
  .desktop-pull-10 {
    position: relative;
    left: -83.33333%; }
  .desktop-isolation-g10-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g10-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g10-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g11 {
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g11-no-pad {
    width: 91.66667%;
    float: left; }
  .desktop-push-11 {
    position: relative;
    left: 91.66667%; }
  .desktop-pull-11 {
    position: relative;
    left: -91.66667%; }
  .desktop-isolation-g11-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g11-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g11-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g12 {
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-g12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-g12-no-pad {
    width: 100%;
    float: left; }
  .desktop-push-12 {
    position: relative;
    left: 100%; }
  .desktop-pull-12 {
    position: relative;
    left: -100%; }
  .desktop-isolation-g12-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-isolation-g12-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%;
    padding-right: 10px;
    padding-left: 10px; } }
  @media screen and (min-width: 800px) and (min-width: 800px) {
    .desktop-isolation-g12-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (min-width: 800px) {
  .desktop-show {
    display: block; }
  .desktop-hide {
    display: none; }
  .desktop-float-right {
    float: right; }
  .desktop-float-left {
    float: left; }
  .desktop-float-none {
    float: none; } }

@media screen and (max-width: 799px) {
  .mobile-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    clear: both; }
    .mobile-container:after {
      content: "";
      display: table;
      clear: both; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-container {
      padding-left: 20px;
      padding-right: 20px; } }

@media screen and (max-width: 799px) {
  .mobile-row {
    *zoom: 1;
    margin-left: -7.5px;
    margin-right: -7.5px; }
    .mobile-row:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-row {
      margin-left: -10px;
      margin-right: -10px; } }

@media screen and (max-width: 799px) {
  .mobile-g1 {
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g1-no-pad {
    width: 8.33333%;
    float: left; }
  .mobile-push-1 {
    position: relative;
    left: 8.33333%; }
  .mobile-pull-1 {
    position: relative;
    left: -8.33333%; }
  .mobile-isolation-g1-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g1-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 8.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g1-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g2 {
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g2-no-pad {
    width: 16.66667%;
    float: left; }
  .mobile-push-2 {
    position: relative;
    left: 16.66667%; }
  .mobile-pull-2 {
    position: relative;
    left: -16.66667%; }
  .mobile-isolation-g2-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g2-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 16.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g2-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g3 {
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g3-no-pad {
    width: 25%;
    float: left; }
  .mobile-push-3 {
    position: relative;
    left: 25%; }
  .mobile-pull-3 {
    position: relative;
    left: -25%; }
  .mobile-isolation-g3-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g3-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 25%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g3-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g4 {
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g4-no-pad {
    width: 33.33333%;
    float: left; }
  .mobile-push-4 {
    position: relative;
    left: 33.33333%; }
  .mobile-pull-4 {
    position: relative;
    left: -33.33333%; }
  .mobile-isolation-g4-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g4-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 33.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g4-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g5 {
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g5-no-pad {
    width: 41.66667%;
    float: left; }
  .mobile-push-5 {
    position: relative;
    left: 41.66667%; }
  .mobile-pull-5 {
    position: relative;
    left: -41.66667%; }
  .mobile-isolation-g5-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g5-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 41.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g5-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g6 {
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g6-no-pad {
    width: 50%;
    float: left; }
  .mobile-push-6 {
    position: relative;
    left: 50%; }
  .mobile-pull-6 {
    position: relative;
    left: -50%; }
  .mobile-isolation-g6-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g6-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 50%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g6-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g7 {
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g7-no-pad {
    width: 58.33333%;
    float: left; }
  .mobile-push-7 {
    position: relative;
    left: 58.33333%; }
  .mobile-pull-7 {
    position: relative;
    left: -58.33333%; }
  .mobile-isolation-g7-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g7-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 58.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g7-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g8 {
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g8-no-pad {
    width: 66.66667%;
    float: left; }
  .mobile-push-8 {
    position: relative;
    left: 66.66667%; }
  .mobile-pull-8 {
    position: relative;
    left: -66.66667%; }
  .mobile-isolation-g8-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g8-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 66.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g8-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g9 {
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g9-no-pad {
    width: 75%;
    float: left; }
  .mobile-push-9 {
    position: relative;
    left: 75%; }
  .mobile-pull-9 {
    position: relative;
    left: -75%; }
  .mobile-isolation-g9-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g9-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 75%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g9-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g10 {
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g10-no-pad {
    width: 83.33333%;
    float: left; }
  .mobile-push-10 {
    position: relative;
    left: 83.33333%; }
  .mobile-pull-10 {
    position: relative;
    left: -83.33333%; }
  .mobile-isolation-g10-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g10-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 83.33333%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g10-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g11 {
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g11-no-pad {
    width: 91.66667%;
    float: left; }
  .mobile-push-11 {
    position: relative;
    left: 91.66667%; }
  .mobile-pull-11 {
    position: relative;
    left: -91.66667%; }
  .mobile-isolation-g11-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g11-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 91.66667%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g11-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g12 {
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-g12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-g12-no-pad {
    width: 100%;
    float: left; }
  .mobile-push-12 {
    position: relative;
    left: 100%; }
  .mobile-pull-12 {
    position: relative;
    left: -100%; }
  .mobile-isolation-g12-1 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 0%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-1 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-2 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 8.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-2 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-3 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 16.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-3 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-4 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 25%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-4 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-5 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 33.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-5 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-6 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 41.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-6 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-7 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 50%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-7 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-8 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 58.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-8 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-9 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 66.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-9 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-10 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 75%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-10 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-11 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 83.33333%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-11 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-isolation-g12-12 {
    /*
	Isolation span: give column span width and start position.
	*/
    width: 100%;
    float: left;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-left: 91.66667%;
    margin-right: -100%; } }
  @media screen and (max-width: 799px) and (min-width: 800px) {
    .mobile-isolation-g12-12 {
      padding-right: 10px;
      padding-left: 10px; } }

@media screen and (max-width: 799px) {
  .mobile-show {
    display: block; }
  .mobile-hide {
    display: none; }
  .mobile-float-right {
    float: right; }
  .mobile-float-left {
    float: left; }
  .mobile-float-none {
    float: none; } }