/*
 *
 *   Site: GForce Software
 *   Styles: DWI Ltd :: dan-webb.com
 *   Date: 12/11/2018
 *
**/
/*
 * $Svgsprite
 *
 * Auto create a sprite for svgs using gulp.
 */
.icon--divider, .icon--divider-white, .icon--arrow--left, .icon--arrow--left-white, .icon--arrow--right, .icon--arrow--right-white, .icon--arrow--right-orange, .icon--arrow--small.icon--arrow--left-white, .icon--arrow--small.icon--arrow--right-white, .icon--play--white:after, .icon--quote-before:before, .icon--quote-after:before, .icon--social-instagram:before, .icon--social-youtube:before, .icon--tweezer:before, .icon--eye:before, .icon--pointer:before, .icon--x-black:before, .icon--x-white:before, .icon--xternal-icon:before, .icon--xternal-icon-white:before, .icon--apple-icon-white:before, .icon--windows-icon-white:before, .entry blockquote:before, .entry blockquote:after, .entry .title:after {
  display: inline-block;
  background-image: url("../images/svgs/sprite.svg");
  background-size: 106.875em 56.375em; }

.lt-ie9 .icon--divider, .lt-ie9 .icon--divider-white, .lt-ie9 .icon--arrow--left, .lt-ie9 .icon--arrow--left-white, .lt-ie9 .icon--arrow--right, .lt-ie9 .icon--arrow--right-white, .lt-ie9 .icon--arrow--right-orange, .lt-ie9 .icon--arrow--small.icon--arrow--left-white, .lt-ie9 .icon--arrow--small.icon--arrow--right-white, .lt-ie9 .icon--play--white:after, .lt-ie9 .icon--quote-before:before, .lt-ie9 .icon--quote-after:before, .lt-ie9 .icon--social-instagram:before, .lt-ie9 .icon--social-youtube:before, .lt-ie9 .icon--tweezer:before, .lt-ie9 .icon--eye:before, .lt-ie9 .icon--pointer:before, .lt-ie9 .icon--x-black:before, .lt-ie9 .icon--x-white:before, .lt-ie9 .icon--xternal-icon:before, .lt-ie9 .icon--xternal-icon-white:before, .lt-ie9 .icon--apple-icon-white:before, .lt-ie9 .icon--windows-icon-white:before, .lt-ie9 .entry blockquote:before, .lt-ie9 .entry blockquote:after, .lt-ie9 .entry .title:after {
  background-image: url("../images/pngs/sprite.png"); }

/**
 * Swiper 4.4.2
 * 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: November 1, 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 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  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 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

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

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: 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 {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

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

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

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

/* 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;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  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 */
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-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;
  -webkit-box-shadow: none;
  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%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  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%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

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

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  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);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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%;
  -ms-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 {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  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;
  -ms-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;
  -ms-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; }

/* 
 * 
 * $Reset
 *
**/
html, body {
  margin: 0;
  padding: 0; }

@media screen and (max-width: 600px), screen and (max-device-width: 480px) {
  .page {
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none; } }
/*Image Border removal*/
img, a img {
  border: none; }

/* 
 * Apply a natural box layout model to all elements, 
 * but allowing components to change 
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/* 
 * 
 * $Colours
 *
**/
/* 
 * 
 * $Mixins
 *
**/
/*Breakpoints*/
/*Clearfix*/
/*Border Radius*/
/*Transition*/
/*Keyframes Mixin*/
/*Fade In*/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* 
 * 
 * $Base - Base Variables
 *
**/
/*Base paths*/
/*Breakpoints*/
/*Letter Spacing*/
/* Base font sizes */
/*Font weight*/
/* Using Modular Scale 
---------------------- 
theory based on http://modularscale.com
---*/
/*Base type values for modular scale*/
/*Convert pixels to ems*/
/*Smaller than base*/
/*Larger than base*/
/*-------------------*/
/* 
 * Base spacing
 * based on modular scale value
 */
/* Default Radius */
/*
 *
 * $Typography - Base font styles
 *
**/
/*Check _base.scss for base font sizes and modular scale variables*/
/*Base font styles*/
/* Font Faces */
/* Common Text Sizes */
/* ==================
 * Apply text styles
 * ==================*/
body {
  font-family: 'Sintony', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.671225em;
  font-weight: 400;
  color: #2c2a29;
  word-wrap: break-word;
  font-kerning: normal; }
  @media (min-width: 900px) {
    body {
      font-size: 18px; } }

p, a {
  margin: 0 0 1.476225em;
  padding: 0;
  text-align: left;
  font-weight: 400;
  letter-spacing: 0; }

a {
  color: #2c2a29;
  font-weight: 400;
  text-decoration: none; }

p a, h3 a, article.entry h4 a {
  border-bottom: 1px dashed #2c2a29;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media (min-width: 768px) {
    p a:hover, h3 a:hover, article.entry h4 a:hover {
      color: #fe5000;
      border-bottom-color: #fe5000;
      text-decoration: none;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; } }

article.entry h4 a {
  font-weight: 700; }

sub,
sup {
  font-size: 0.8880452675em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0 0 0.8230452675em;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  line-height: 1.476225em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0; }

h1 {
  margin-bottom: 0.310843888em;
  font-size: 2.6477769045em;
  line-height: 1em;
  letter-spacing: -.025em; }
  @media (min-width: 768px) {
    h1 {
      font-size: 3.717048939em; } }
  @media (min-width: 1280px) {
    h1 {
      font-size: 4.1587144609em; } }

h2 {
  font-size: 2.1792402506em;
  line-height: 1em; }
  @media (min-width: 900px) {
    h2 {
      font-size: 2.792048939em; } }

h3 {
  font-size: 1.793613375em; }

h4 {
  font-size: 1.301225em;
  margin-bottom: 1.215em; }

h5 {
  font-size: 1em;
  letter-spacing: 0.02em;
  margin-bottom: 1.476225em; }

h6 {
  margin-bottom: 1.215em;
  font-family: 'Sintony', Arial, sans-serif;
  font-size: 1.215em;
  letter-spacing: 0.01em;
  text-transform: none; }

p + h1 {
  margin-top: 0.6774035123em; }

p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
  margin-top: 1.793613375em; }

ul,
ol {
  padding: 0;
  margin: 0 0 1.476225em 1.215em; }

li {
  padding: 0;
  margin: 0 0 0.310843888em;
  line-height: 1.476225em; }

strong {
  font-weight: 700; }

sub,
sup {
  font-size: .55em; }

sup {
  position: relative;
  top: -2px;
  vertical-align: super; }

abbr[title] {
  text-decoration: none; }

::-moz-selection {
  color: #fff;
  background: #000; }

::selection {
  color: #fff;
  background: #000; }

mark {
  font-weight: 700;
  background-color: transparent; }

.text-center {
  text-align: center; }

.hr-container {
  clear: both;
  display: block;
  width: 100%; }

hr {
  clear: both;
  display: block;
  height: 1px;
  width: 100%;
  margin: 0.8230452675em 0 1.215em;
  border-top: 1px solid #2c2a29;
  background-color: #2c2a29; }

.hr--thick {
  border-top-width: 3px; }

.wp-block-image {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  margin-bottom: 1.793613375em;
  padding-bottom: 0.8230452675em;
  border-bottom: 1px solid #2c2a29;
  border-top: 1px solid #2c2a29; }
  @media (min-width: 600px) {
    .wp-block-image {
      padding-top: 1.793613375em;
      padding-bottom: 1.793613375em; } }
  .wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
    align-self: center; }
    @media (min-width: 600px) {
      .wp-block-image img {
        width: 65%; } }
  .wp-block-image figcaption {
    width: 100%;
    margin: 0.8230452675em 0 0;
    font-size: 0.8880452675em;
    color: #2c2a29;
    text-align: left; }
    @media (min-width: 600px) {
      .wp-block-image figcaption {
        width: 31%;
        margin-left: 4%;
        margin-top: 0; } }

.wp-block-columns .wp-block-image {
  flex-direction: column; }
@media (min-width: 600px) {
  .wp-block-columns .wp-block-column {
    flex-basis: 48%; } }
@media (min-width: 900px) {
  .wp-block-columns .wp-block-column {
    flex-basis: 50%; } }
.wp-block-columns .wp-block-column:not(:last-child) {
  margin-right: 0; }
  @media (min-width: 600px) {
    .wp-block-columns .wp-block-column:not(:last-child) {
      margin-right: 1.66666666%; } }
.wp-block-columns .wp-block-column:not(:first-child) {
  margin-left: 0; }
  @media (min-width: 600px) {
    .wp-block-columns .wp-block-column:not(:first-child) {
      margin-left: 1.66666666%; } }
@media (min-width: 600px) {
  .wp-block-columns .wp-block-image {
    padding-bottom: 0.8230452675em; } }
@media (min-width: 600px) {
  .wp-block-columns .wp-block-image img {
    width: 100%; } }
@media (min-width: 600px) {
  .wp-block-columns .wp-block-image figcaption {
    margin: 0.8230452675em 0 0;
    min-height: 60px; } }
  @media (min-width: 600px) and (min-width: 600px) {
    .wp-block-columns .wp-block-image figcaption {
      width: 100%; } }

.divider-container {
  clear: both;
  display: block;
  width: 100%; }

.divider {
  margin: 0; }

.heading--tight {
  margin-bottom: 0.0558385909em; }

.text--small {
  font-size: 0.8230452675em;
  line-height: 1.5; }

.float--right {
  float: right; }

/* 
 * 
 * $Icons
 *
**/
.icon {
  display: inline-block; }
  .icon:before {
    display: block;
    content: ''; }

.icon--divider {
  width: 16.3125em;
  height: 1.0625em;
  background-position: -35em -27.9375em; }
  .lt-ie9 .icon--divider {
    width: 260px;
    height: 16px;
    background-position: -560px -447px; }

.icon--divider-white {
  width: 16.3125em;
  height: 1.0625em;
  background-position: -51.25em -28.9375em; }
  .lt-ie9 .icon--divider-white {
    width: 260px;
    height: 16px;
    background-position: -820px -463px; }

.icon--arrow--left {
  width: 2.8125em;
  height: 1.0625em;
  background-position: -2.75em -3.1875em; }
  .lt-ie9 .icon--arrow--left {
    width: 44px;
    height: 16px;
    background-position: -44px -51px; }

.icon--arrow--left-white {
  width: 2.8125em;
  height: 1.0625em;
  background-position: -5.5em -4.1875em; }
  .lt-ie9 .icon--arrow--left-white {
    width: 44px;
    height: 16px;
    background-position: -88px -67px; }

.icon--arrow--right {
  width: 2.8125em;
  height: 1.0625em;
  background-position: -8.25em -5.1875em; }
  .lt-ie9 .icon--arrow--right {
    width: 44px;
    height: 16px;
    background-position: -132px -83px; }

.icon--arrow--right-white {
  width: 2.8125em;
  height: 1.0625em;
  background-position: -12em -7.1875em; }
  .lt-ie9 .icon--arrow--right-white {
    width: 44px;
    height: 16px;
    background-position: -192px -115px; }

.icon--arrow--right-orange {
  width: 1.0625em;
  height: 1.0625em;
  background-position: -11em -6.1875em; }
  .lt-ie9 .icon--arrow--right-orange {
    width: 16px;
    height: 16px;
    background-position: -176px -99px; }

.icon--arrow--small.icon--arrow--left-white {
  width: 1.09375em;
  height: 0.858125em;
  background-position: -14.75em -8.1875em; }
  .lt-ie9 .icon--arrow--small.icon--arrow--left-white {
    width: 16.5px;
    height: 12.73px;
    background-position: -236px -131px; }
.icon--arrow--small.icon--arrow--right-white {
  width: 1.09375em;
  height: 0.858125em;
  background-position: -15.8125em -9em; }
  .lt-ie9 .icon--arrow--small.icon--arrow--right-white {
    width: 16.5px;
    height: 12.73px;
    background-position: -253px -144px; }

/*Audio*/
.icon--audio {
  display: inline-block;
  font-size: 20px; }
  .icon--audio:after {
    display: block;
    content: ''; }

.icon--play--white:after {
  width: 6.46875em;
  height: 6.46875em;
  background-position: -26.5625em -19.5em; }
  .lt-ie9 .icon--play--white:after {
    width: 102.5px;
    height: 102.5px;
    background-position: -425px -312px; }

.icon--quote-before:before {
  width: 4.0625em;
  height: 3.328125em;
  background-position: -74.5em -35.875em; }
  .lt-ie9 .icon--quote-before:before {
    width: 64px;
    height: 52.25px;
    background-position: -1192px -574px; }

.icon--quote-after:before {
  width: 4.0625em;
  height: 3.328125em;
  background-position: -70.5em -32.5625em; }
  .lt-ie9 .icon--quote-after:before {
    width: 64px;
    height: 52.25px;
    background-position: -1128px -521px; }

.icon--social-instagram {
  font-size: 16px; }
  .icon--social-instagram:before {
    width: 3.0625em;
    height: 3.0625em;
    background-position: -78.5em -39.1875em; }
    .lt-ie9 .icon--social-instagram:before {
      width: 48px;
      height: 48px;
      background-position: -1256px -627px; }

.icon--social-youtube {
  font-size: 16px; }
  .icon--social-youtube:before {
    width: 3.610625em;
    height: 2.5625em;
    background-position: -83.5em -44.1875em; }
    .lt-ie9 .icon--social-youtube:before {
      width: 56.77px;
      height: 40px;
      background-position: -1336px -707px; }

.icon--tweezer:before {
  width: 10.9375em;
  height: 1.0625em;
  background-position: -88.0625em -47.4375em; }
  .lt-ie9 .icon--tweezer:before {
    width: 174px;
    height: 16px;
    background-position: -1409px -759px; }

.icon--eye:before {
  width: 2.0625em;
  height: 2.0625em;
  background-position: -67.5em -29.9375em; }
  .lt-ie9 .icon--eye:before {
    width: 32px;
    height: 32px;
    background-position: -1080px -479px; }

.icon--pointer:before {
  width: 1.0625em;
  height: 0.6875em;
  background-position: -69.5em -31.9375em; }
  .lt-ie9 .icon--pointer:before {
    width: 16px;
    height: 10px;
    background-position: -1112px -511px; }

.icon--x-black {
  font-size: 12px; }
  .icon--x-black:before {
    width: 1.10125em;
    height: 1.10125em;
    background-position: -103.125em -52.625em; }
    .lt-ie9 .icon--x-black:before {
      width: 16.62px;
      height: 16.62px;
      background-position: -1650px -842px; }

.icon--x-white {
  font-size: 12px; }
  .icon--x-white:before {
    width: 1.10125em;
    height: 1.10125em;
    background-position: -104.1875em -53.6875em; }
    .lt-ie9 .icon--x-white:before {
      width: 16.62px;
      height: 16.62px;
      background-position: -1667px -859px; }

.icon--xternal-icon:before {
  width: 0.875em;
  height: 0.875em;
  background-position: -105.25em -54.75em; }
  .lt-ie9 .icon--xternal-icon:before {
    width: 13px;
    height: 13px;
    background-position: -1684px -876px; }

.icon--xternal-icon-white:before {
  width: 0.875em;
  height: 0.875em;
  background-position: -106.0625em -55.5625em; }
  .lt-ie9 .icon--xternal-icon-white:before {
    width: 13px;
    height: 13px;
    background-position: -1697px -889px; }

.icon--apple-icon-white {
  font-size: 16px; }
  .icon--apple-icon-white:before {
    width: 1.425em;
    height: 1.63125em;
    background-position: 0em 0em; }
    .lt-ie9 .icon--apple-icon-white:before {
      width: 21.8px;
      height: 25.1px;
      background-position: 0px 0px; }

.icon--windows-icon-white {
  font-size: 16px; }
  .icon--windows-icon-white:before {
    width: 1.625em;
    height: 1.625em;
    background-position: -98.9375em -48.4375em; }
    .lt-ie9 .icon--windows-icon-white:before {
      width: 25px;
      height: 25px;
      background-position: -1583px -775px; }

/* 
 * 
 * $Buttons
 *
**/
.button, .wp-block-button__link {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  padding-top: 0.8230452675em;
  padding-bottom: 0.8230452675em;
  margin-bottom: 0;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  border: 0;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media (min-width: 900px) {
    .button:hover, .wp-block-button__link:hover {
      text-decoration: none;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; } }
  .button:active, .button:focus, .wp-block-button__link:active, .wp-block-button__link:focus {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .button.loading, .wp-block-button__link.loading {
    opacity: 0.3;
    cursor: default; }
  @media (min-width: 1440px) {
    .button, .wp-block-button__link {
      padding-top: 0.8230452675em;
      padding-bottom: 0.8230452675em; } }

.button--small, .button--nav {
  max-width: 170px;
  padding-left: 1.476225em;
  padding-right: 1.476225em;
  font-size: 0.7274035123em; }
  @media (min-width: 1440px) {
    .button--small, .button--nav {
      max-width: 180px; } }

.button--medium {
  max-width: 180px;
  padding-left: 1.476225em;
  padding-right: 1.476225em;
  font-size: 0.8880452675em; }

.button--large {
  max-width: 184px;
  padding: 0.8230452675em 1.476225em;
  font-size: 1em;
  letter-spacing: 0.02em; }
  @media (min-width: 1280px) {
    .button--large.button--ghost {
      padding-top: 0.667em;
      padding-bottom: 0.667em; } }
  @media (min-width: 1440px) {
    .button--large {
      max-width: 240px;
      padding-top: 0.8230452675em;
      padding-bottom: 0.8230452675em;
      font-size: 1.215em;
      letter-spacing: 0.01em; } }

.button--wide {
  padding-left: 2.6477769045em;
  padding-right: 2.6477769045em;
  font-size: 0.8880452675em; }

.button--fill {
  color: #fff;
  background-color: #fe5000;
  border-color: #fe5000; }
  @media (min-width: 900px) {
    .button--fill:hover {
      background-color: #cb4000;
      border-color: #cb4000; } }

.button--ghost {
  padding-top: 0.5500452675em;
  padding-bottom: 0.5500452675em;
  color: #2c2a29;
  background-color: transparent;
  border: 3px solid #2c2a29; }
  @media (min-width: 768px) {
    .button--ghost {
      padding-top: 0.6280452675em;
      padding-bottom: 0.6280452675em; } }
  @media (min-width: 900px) {
    .button--ghost {
      padding-top: 0.6480452675em;
      padding-bottom: 0.6480452675em; }
      .button--ghost:hover {
        color: #fff;
        background-color: #2c2a29; } }
  @media (min-width: 1280px) {
    .button--ghost {
      padding-top: 0.384533755em;
      padding-bottom: 0.384533755em; } }
  @media (min-width: 1440px) {
    .button--ghost {
      padding-top: 0.6630452675em;
      padding-bottom: 0.6430452675em; } }

.button--white {
  color: #fff;
  background-color: transparent;
  border-color: #ececea; }
  @media (min-width: 900px) {
    .button--white:hover {
      color: #000;
      background-color: #ececea;
      border-color: #ececea; } }

.button--nav {
  width: 140px; }

.button--space {
  margin-bottom: 0.8230452675em; }

@media (min-width: 1280px) {
  .button--inline {
    padding-top: 0.6774035123em;
    padding-bottom: 0.6774035123em; } }
@media (min-width: 1440px) {
  .button--inline {
    clear: none;
    float: left;
    margin-bottom: 0;
    padding-top: 0.8230452675em;
    padding-bottom: 0.8230452675em; }
    .button--inline.button--medium {
      max-width: 148px;
      min-height: 41px;
      padding-left: 0.2558385909em;
      padding-right: 0.2558385909em; }
    .button--inline + .button--inline {
      margin-left: 1em; }
    .button--inline.button--ghost {
      padding-top: 0.6230452675em;
      padding-bottom: 0.5730452675em; } }

.button--half:first-of-type {
  margin-bottom: 0.8230452675em; }
@media (min-width: 600px) {
  .button--half {
    clear: none;
    float: none;
    display: inline-block;
    width: 48%;
    max-width: none !important; }
    .button--half:first-of-type {
      margin-bottom: 0; }
    .button--half:last-of-type {
      margin-left: 3%; } }

.button--centre {
  float: none;
  display: block;
  margin: 0 auto; }

@media (min-width: 1280px) {
  .button--right {
    float: right; } }

.button__line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100px;
  height: 28px;
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10; }

.button--small .button__line--before, .button--nav .button__line--before,
.button--medium .button__line--before {
  left: -36px; }
.button--small .button__line--after, .button--nav .button__line--after,
.button--medium .button__line--after {
  right: -86px; }

.button--large .button__line--before {
  left: -30px; }
.button--large .button__line--after {
  right: -80px; }
@media (min-width: 1020px) {
  .button--large .button__line {
    stroke-width: 4; }
  .button--large .button__line--before {
    left: -26px; }
  .button--large .button__line--after {
    right: -76px; } }

.button--products {
  float: left;
  margin-bottom: 0.8230452675em; }

.button--pagination {
  position: relative;
  background-color: #f1f2ed;
  z-index: 1; }

.button--cta-banner {
  padding: 0.1308385909em 0.3776753239em;
  width: auto;
  max-width: none;
  font-size: 1.6em;
  font-weight: 400; }
  .button--cta-banner svg {
    width: 18px;
    height: 22px; }
    .button--cta-banner svg line, .button--cta-banner svg polyline, .button--cta-banner svg polygon {
      stroke: #fff; }
  @media (min-width: 1280px) {
    .button--cta-banner {
      display: none; } }

@media (min-width: 1020px) {
  .button--legacy {
    margin-top: 1.793613375em; } }

.button--shortcode {
  clear: both;
  float: none;
  display: block;
  margin-bottom: 2.1792402506em; }

p + .button--shortcode {
  margin-top: 1.793613375em; }

.button--mtop {
  margin-top: 0.8230452675em; }

:root {
  --btn-base: $primary-white;
  --btn-grad: $primary-orange; }

.animated-box {
  padding: 6px 30px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  border: none; }
  .animated-box:hover:after {
    opacity: 0; }

.btn-home:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.85); }
.btn-home.button--white:hover {
  color: #000;
  background-color: rgba(255, 255, 255, 0.85); }

.animated-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  background: linear-gradient(to right, var(--btn-base) 20%, var(--btn-base) 40%, var(--btn-grad) 50%, var(--btn-grad) 55%, var(--btn-base) 70%, var(--btn-base) 100%);
  background-size: 300% 300%;
  clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
  opacity: 1; }

.animated-box.in:after {
  animation: frame-enter 0.1s forwards ease-in-out reverse, gradient-animation 6.9s ease-in-out infinite; }

@keyframes gradient-animation {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 0; }
  100% {
    background-position: 150% 0; } }
@keyframes frame-enter {
  0% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%); }
  25% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%); }
  50% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%); }
  75% {
    -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%); }
  100% {
    -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%); } }
/*
 *
 * $Forms - Base form styles
 *
**/
form {
  float: left;
  width: 100%; }

label {
  float: left;
  width: 100%;
  margin-bottom: 0.557533755em;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 1.215em;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 700;
  color: #2c2a29; }
  @media (min-width: 600px) {
    label {
      margin-bottom: 0.2558385909em;
      font-size: 1em;
      letter-spacing: 0.02em; } }

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="file"],
textarea {
  float: left;
  width: 100%;
  padding: 0.6774035123em;
  margin-bottom: 0;
  font-family: 'Sintony', Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0.02em;
  line-height: 1.35;
  color: #2c2a29;
  background-color: transparent;
  border: 1px solid #2c2a29;
  -webkit-input-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  outline: none; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="file"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #a7a8aa; }
  input[type="text"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="file"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #a7a8aa; }
  input[type="text"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="file"]::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #a7a8aa; }
  input[type="text"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="file"]:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #a7a8aa; }
  input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:hover, input[type="text"]:-webkit-autofill:focus, input[type="text"]:-webkit-autofill:active,
  input[type="email"]:-webkit-autofill,
  input[type="email"]:-webkit-autofill:hover,
  input[type="email"]:-webkit-autofill:focus,
  input[type="email"]:-webkit-autofill:active,
  input[type="number"]:-webkit-autofill,
  input[type="number"]:-webkit-autofill:hover,
  input[type="number"]:-webkit-autofill:focus,
  input[type="number"]:-webkit-autofill:active,
  input[type="tel"]:-webkit-autofill,
  input[type="tel"]:-webkit-autofill:hover,
  input[type="tel"]:-webkit-autofill:focus,
  input[type="tel"]:-webkit-autofill:active,
  input[type="password"]:-webkit-autofill,
  input[type="password"]:-webkit-autofill:hover,
  input[type="password"]:-webkit-autofill:focus,
  input[type="password"]:-webkit-autofill:active,
  input[type="file"]:-webkit-autofill,
  input[type="file"]:-webkit-autofill:hover,
  input[type="file"]:-webkit-autofill:focus,
  input[type="file"]:-webkit-autofill:active,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f1f2ed inset !important; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="password"]:focus,
  input[type="file"]:focus,
  textarea:focus {
    outline: none;
    border-color: #fe5000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  @media (min-width: 600px) {
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="file"],
    textarea {
      padding: 0.557533755em 0.6774035123em; } }

textarea {
  padding: 0.8230452675em;
  height: 200px; }

.form-container {
  position: relative;
  float: left;
  width: 100%; }

.form-container--inactive {
  opacity: 0.4; }
  .form-container--inactive:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    z-index: 1; }

.form {
  display: flex;
  flex-flow: row wrap; }

.form--space {
  margin-bottom: 3.9087144609em; }

.form__group, .form-row {
  float: left;
  width: 100%;
  margin-bottom: 1.215em; }

p.form-row {
  margin-bottom: 1.215em; }

@media (min-width: 600px) {
  .form__group--inline {
    width: 48%; }
    .form__group--inline.form__group--inline-last {
      margin-left: 4%; } }

.form__group--space {
  margin-bottom: 2.1792402506em; }

.form__group--tight {
  margin-bottom: 0; }

.form__group--top_space {
  margin-top: 2.1792402506em; }

.form__group--top_space-half {
  margin-top: 1.215em; }

.form__group--radio {
  margin-top: 0.8230452675em;
  margin-bottom: 0; }

.form__input--hidden {
  display: none; }

.form__radio,
span.wpcf7-list-item {
  display: inline-block;
  margin: 0.2558385909em 0 1.215em 0; }
  .form__radio.form-row,
  span.wpcf7-list-item.form-row {
    margin-bottom: 1.215em; }
  .form__radio input[type="radio"],
  span.wpcf7-list-item input[type="radio"] {
    position: absolute;
    opacity: 0; }
  .form__radio input[type="radio"] + label,
  .form__radio input[type="radio"] + span.wpcf7-list-item-label,
  span.wpcf7-list-item input[type="radio"] + label,
  span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label {
    display: inline-block;
    width: auto;
    margin-right: 1.476225em;
    margin-bottom: 0;
    font-family: 'Sintony', Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0.02em;
    text-transform: none;
    font-weight: 400;
    font-family: 'Sintony', Arial, sans-serif;
    text-transform: none;
    cursor: pointer; }
    .form__radio input[type="radio"] + label:before,
    .form__radio input[type="radio"] + span.wpcf7-list-item-label:before,
    span.wpcf7-list-item input[type="radio"] + label:before,
    span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:before {
      content: '';
      position: relative;
      display: inline-block;
      top: 2px;
      width: 1.4em;
      height: 1.4em;
      margin-right: 0.557533755em;
      vertical-align: top;
      text-align: center;
      background: transparent;
      border: 1px solid #67686b;
      box-shadow: inset 0 0 0 5px #ececea;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .form__radio input[type="radio"]:checked + label:before,
  .form__radio input[type="radio"]:checked + span.wpcf7-list-item-label:before,
  span.wpcf7-list-item input[type="radio"]:checked + label:before,
  span.wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label:before {
    background-color: #2c2a29;
    box-shadow: inset 0 0 0 6px #ececea; }
    @media (min-width: 900px) {
      .form__radio input[type="radio"]:checked + label:before,
      .form__radio input[type="radio"]:checked + span.wpcf7-list-item-label:before,
      span.wpcf7-list-item input[type="radio"]:checked + label:before,
      span.wpcf7-list-item input[type="radio"]:checked + span.wpcf7-list-item-label:before {
        box-shadow: inset 0 0 0 7px #ececea; } }
  .form__radio input[type="radio"]:focus + label:before,
  .form__radio input[type="radio"]:focus + span.wpcf7-list-item-label:before,
  span.wpcf7-list-item input[type="radio"]:focus + label:before,
  span.wpcf7-list-item input[type="radio"]:focus + span.wpcf7-list-item-label:before {
    outline: none;
    border-color: #2c2a29; }
  .form__radio input[type="radio"]:disabled + label:before,
  .form__radio input[type="radio"]:disabled + span.wpcf7-list-item-label:before,
  span.wpcf7-list-item input[type="radio"]:disabled + label:before,
  span.wpcf7-list-item input[type="radio"]:disabled + span.wpcf7-list-item-label:before {
    box-shadow: inset 0 0 0 6px #a7a8aa;
    border-color: #67686b;
    background: transparent; }
  .form__radio input[type="radio"] + label:empty:before,
  .form__radio input[type="radio"] + span.wpcf7-list-item-label:empty:before,
  span.wpcf7-list-item input[type="radio"] + label:empty:before,
  span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label:empty:before {
    margin-right: 0; }

.wpcf7-radio {
  margin-bottom: 0; }
  .wpcf7-radio .wpcf7-list-item {
    margin-bottom: 0; }

.form__radio__label {
  font-family: 'Sintony', Arial, sans-serif;
  text-transform: none; }

/* Base for label styling */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  visibility: hidden;
  width: 1.25em;
  height: 1.25em;
  cursor: pointer; }

input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.7em;
  font-family: 'Sintony', Arial, sans-serif;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.8;
  cursor: pointer; }

/* checkbox aspect */
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid #000;
  background: transparent;
  border-radius: 0; }

/* checked mark aspect */
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  position: absolute;
  display: block;
  content: '';
  width: 15px;
  height: 11px;
  top: 9px;
  left: 4px;
  color: #000;
  background-image: url(../../images/svgs/tick.svg);
  transition: all .1s; }

/* checked mark aspect changes */
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0); }

input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1); }

/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #000;
  background-color: transparent; }

input[type="checkbox"]:disabled:checked + label:after {
  color: #999; }

input[type="checkbox"]:disabled + label {
  color: #aaa; }

/* accessibility */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #000; }

/* hover style just for information */
label:hover:before {
  border: 1px solid #000 !important; }

.checkbox label input[type="checkbox"]:not(:checked),
.checkbox label input[type="checkbox"]:checked {
  visibility: visible;
  width: 1.25em;
  height: 1.25em;
  cursor: pointer; }

.form__select,
#billing_country_field .woocommerce-input-wrapper,
.woocommerce-input-wrapper #billing_state.state_select,
.woocommerce-input-wrapper #shipping_country,
.woocommerce-input-wrapper #shipping_state.state_select,
.wc-credit-card-form-card-type {
  position: relative;
  float: left;
  width: 100%;
  border: 1px solid #2c2a29;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
  background-image: url(../../images/svgs/caret-down.svg);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.wpcf7 .form__select {
  overflow: visible; }
  .wpcf7 .form__select .wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    bottom: -70px; }
    @media (min-width: 768px) {
      .wpcf7 .form__select .wpcf7-not-valid-tip {
        bottom: -75px; } }

select {
  float: left;
  width: 100%;
  height: 44px;
  padding: 0 42px 0 1.215em;
  font-family: 'Sintony', Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0.02em;
  line-height: 1.25;
  background: transparent;
  outline: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer; }

.select2-selection select2-selection--single,
.select2-container--default .select2-selection--single {
  height: auto;
  padding: 0.8230452675em;
  background: transparent;
  border-color: #2c2a29; }

.select2-dropdown {
  background-color: #ececea; }

.form__lost-password {
  clear: both;
  float: left;
  margin-bottom: 0;
  font-size: 0.8880452675em;
  line-height: 1.476225em;
  border-bottom: 1px dashed #2c2a29; }
  @media (min-width: 600px) {
    .form__lost-password {
      clear: none;
      float: right;
      padding-top: 0.3776753239em;
      width: auto; } }

/*Validation - Contact Form*/
.wpcf7-validation-errors {
  clear: both; }

.wpcf7-form-control-wrap {
  display: block; }

span.wpcf7-not-valid-tip {
  font-size: 0.6774035123em;
  color: #bd2222; }

div.wpcf7-response-output,
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  clear: both;
  color: #bd2222;
  margin: 0 auto;
  padding: 0;
  border: none; }

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
  color: #009f4d !important;
  border: 0; }

.login-form,
.registration-form {
  float: left;
  width: 100%;
  padding-top: 1.793613375em; }

.wpas-form .container {
  width: 100%; }

.wpas-form-control, .wpas-form-group .wpas-form-control {
  height: 44px;
  padding: 0 42px 0 1.215em;
  margin-bottom: 1.476225em;
  font-family: 'Sintony', Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0.02em;
  line-height: 1.35;
  color: #2c2a29;
  background-color: transparent;
  border: 1px solid #2c2a29; }

.wpas-form-group textarea.wpas-form-control {
  height: auto;
  padding: 0.8230452675em 42px 0.8230452675em 1.215em; }

.wpas-form-group select.wpas-form-control {
  height: 44px;
  padding: 0 42px 0 1.215em;
  position: relative;
  float: left;
  width: 100%;
  border: 1px solid #2c2a29;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
  background-image: url(../../images/svgs/caret-down.svg);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

#wpas_files_wrapper #wpas_files {
  height: 44px;
  padding: 0.8230452675em 42px 0.8230452675em 1.215em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 0.8230452675em; }

.wpas-help-block {
  margin-bottom: 1.793613375em; }

table#wpas_ticketlist td,
table.wpas-table td {
  text-align: left; }

#signup_q2_field {
  margin-bottom: 1.793613375em; }

/*
 * $Tables
 *
 */
table {
  display: table;
  width: 100%;
  margin: 0 0 1.793613375em;
  border-collapse: collapse; }
  table tr {
    border-bottom: 1px solid #000; }
    table tr:last-of-type {
      border-bottom: 0; }
  table th, table td {
    padding: 0.557533755em 0.6774035123em;
    vertical-align: middle;
    text-align: left; }
  table th {
    display: table-cell;
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .0325em; }
  table td {
    display: table-cell;
    font-family: 'Sintony', Arial, sans-serif;
    text-align: center;
    font-weight: 400; }

.table--basket,
.table--totals,
.table--checkout,
.table--orders {
  border-bottom: 3px solid #000; }
  .table--basket thead tr,
  .table--totals thead tr,
  .table--checkout thead tr,
  .table--orders thead tr {
    padding: 0.557533755em 0; }
  .table--basket thead th,
  .table--totals thead th,
  .table--checkout thead th,
  .table--orders thead th {
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    color: #ececea;
    background-color: #2c2a29; }
  .table--basket th,
  .table--totals th,
  .table--checkout th,
  .table--orders th {
    text-align: center; }
    .table--basket th:first-child,
    .table--totals th:first-child,
    .table--checkout th:first-child,
    .table--orders th:first-child {
      text-align: left; }

.table--orders th {
  text-align: left; }

.table--license-codes {
  border-bottom: 3px solid #000; }
  .table--license-codes thead tr {
    padding: 0.557533755em 0; }
  .table--license-codes thead th {
    display: block;
    width: 100%;
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    color: #ececea;
    background-color: #2c2a29; }
    .table--license-codes thead th:nth-of-type(2) {
      display: none; }
      @media (min-width: 600px) {
        .table--license-codes thead th:nth-of-type(2) {
          display: table-cell;
          width: 62%; } }
      @media (min-width: 900px) {
        .table--license-codes thead th:nth-of-type(2) {
          display: none; } }
      @media (min-width: 1930px) {
        .table--license-codes thead th:nth-of-type(2) {
          display: table-cell; } }
  .table--license-codes table {
    margin-bottom: 0; }
  .table--license-codes tr {
    border-bottom: 0; }
  .table--license-codes .table--license-codes__product {
    border-bottom: 1px solid #2c2a29; }
  .table--license-codes .table--license-codes__title {
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: top; }
    .table--license-codes .table--license-codes__title h4 {
      margin-bottom: 0; }
    @media (min-width: 600px) {
      .table--license-codes .table--license-codes__title {
        display: table-cell;
        width: 38%; } }
    @media (min-width: 900px) {
      .table--license-codes .table--license-codes__title {
        display: block;
        width: 100%; } }
    @media (min-width: 1930px) {
      .table--license-codes .table--license-codes__title {
        display: table-cell;
        width: 38%; } }
  .table--license-codes .table--license-codes__codes {
    display: block;
    width: 100%;
    padding: 0 0 1.215em; }
    .table--license-codes .table--license-codes__codes td {
      padding-top: 0;
      padding-bottom: 0; }
    .table--license-codes .table--license-codes__codes p {
      margin-bottom: 0; }
    @media (min-width: 600px) {
      .table--license-codes .table--license-codes__codes {
        display: table-cell;
        width: 62%;
        padding: 0; }
        .table--license-codes .table--license-codes__codes td {
          padding: 0.557533755em 0.6774035123em; } }
    @media (min-width: 900px) {
      .table--license-codes .table--license-codes__codes {
        display: block;
        width: 100%;
        padding: 0 0 1.215em; }
        .table--license-codes .table--license-codes__codes td {
          padding-top: 0;
          padding-bottom: 0; } }
    @media (min-width: 1930px) {
      .table--license-codes .table--license-codes__codes {
        display: table-cell;
        width: 62%;
        padding: 0; }
        .table--license-codes .table--license-codes__codes td {
          padding: 0.557533755em 0.6774035123em; } }
  .table--license-codes .table--license-codes__subtitle {
    padding-left: 0.6774035123em; }
    @media (min-width: 600px) {
      .table--license-codes .table--license-codes__subtitle {
        display: none; } }
    @media (min-width: 900px) {
      .table--license-codes .table--license-codes__subtitle {
        display: block; } }
    @media (min-width: 1930px) {
      .table--license-codes .table--license-codes__subtitle {
        display: none; } }

.table--downloads {
  table-layout: fixed; }
  .table--downloads thead tr {
    padding: 0.557533755em 0; }
  .table--downloads thead th {
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    color: #ececea;
    background-color: #2c2a29; }
  .table--downloads th {
    text-align: left; }
  .table--downloads td {
    font-weight: 400; }

.table--basket {
  margin-bottom: 0.8230452675em; }
  @media only screen and (max-width: 1020px) {
    .table--basket {
      display: block;
      float: left;
      width: 100%;
      padding-top: 1.793613375em;
      border-top: 1em solid #2c2a29;
      /* Force table to not be like tables anymore */
      /* Hide table headers (but not display: none;, for accessibility) */ }
      .table--basket table, .table--basket thead, .table--basket tbody, .table--basket th, .table--basket td, .table--basket tr {
        display: block; }
      .table--basket thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px; }
      .table--basket tr {
        float: left;
        width: 100%;
        padding-bottom: 1.215em;
        margin: 0 0 1.215em 0;
        border-bottom: 2px solid #2c2a29; }
        .table--basket tr:last-of-type {
          margin-bottom: 0;
          border-width: 0; }
      .table--basket td {
        /* Behave  like a "row" */
        position: relative;
        float: left;
        width: 100%;
        max-width: 320px;
        border: none;
        padding: 0 0 0.8230452675em;
        text-align: left; }
        .table--basket td:last-of-type {
          padding-bottom: 0; }
      .table--basket td:before {
        float: left;
        width: auto;
        white-space: nowrap;
        font-size: 1em;
        letter-spacing: 0.02em;
        text-align: left;
        font-weight: 700; }
      .table--basket td:nth-of-type(2):before {
        padding-top: 0.557533755em;
        content: "Quantity"; }
      .table--basket td:nth-of-type(3):before {
        content: "Remove"; }
      .table--basket td:nth-of-type(4):before {
        content: "Price"; }
      .table--basket td:nth-of-type(5):before {
        font-family: 'Oswald', 'Sintony', Arial, sans-serif;
        font-size: 1.301225em;
        content: "TOTAL";
        font-weight: 700; }
      .table--basket .quantity-counters {
        float: right;
        width: 96px; } }
    @media only screen and (max-width: 1020px) and (min-width: 768px) {
      .table--basket .quantity-counters {
        width: 103px; } }
  @media only screen and (max-width: 1020px) {
      .table--basket .product-remove a {
        float: right; }
      .table--basket .amount {
        float: right; } }

.table--totals {
  border-top: 3px solid #2c2a29;
  border-bottom: 0; }
  .table--totals th {
    font-size: 1.215em;
    letter-spacing: 0.01em; }
  .table--totals td {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: right; }
  .table--totals .order-total {
    color: #fff;
    background-color: #2c2a29; }
  .table--totals .woocommerce-Price-amount {
    font-weight: 400; }

/*
 *  
 * Table Contents 
 *
 */
.table__product {
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 1.301225em;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 0; }
  @media (max-width: 768px) {
    .table__product {
      max-width: 600px !important; } }

.table__thumbnail {
  display: block;
  width: 100%;
  max-width: 260px;
  margin: 0 0 0.557533755em; }
  .table__thumbnail img {
    display: block;
    width: 100%;
    height: auto; }
  @media all and (max-width: 768px) {
    .table__thumbnail {
      margin-right: 1.215em; } }
  @media (min-width: 768px) {
    .table__thumbnail {
      float: left; } }
  @media (min-width: 1020px) {
    .table__thumbnail {
      margin-bottom: 0; } }
  @media (min-width: 1440px) {
    .table__thumbnail {
      max-width: 340px; } }

.table__product-title {
  display: block;
  margin-bottom: 0;
  font-weight: 700; }
  @media (min-width: 768px) {
    .table__product-title {
      float: left; } }
  @media (min-width: 1020px) {
    .table__product-title {
      max-width: 165px;
      margin-left: 1.215em; } }
  @media (min-width: 1440px) {
    .table__product-title {
      margin-left: 1.215em;
      max-width: 156px; } }

.table__quantity {
  text-align: center; }
  .table__quantity label {
    display: none; }
  .table__quantity input {
    float: none;
    display: block;
    margin: 0 auto;
    width: 50px;
    text-align: center; }
    .table__quantity input::-webkit-inner-spin-button, .table__quantity input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .table__quantity .quantity {
    display: inline-block; }

@media only screen and (max-width: 1280px) {
  .table--orders {
    display: block;
    float: left;
    width: 100%;
    padding-top: 1.793613375em;
    border-top: 1em solid #2c2a29;
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .table--orders table, .table--orders thead, .table--orders tbody, .table--orders th, .table--orders td, .table--orders tr {
      display: block; }
    .table--orders thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .table--orders tr {
      float: left;
      width: 100%;
      padding-bottom: 1.215em;
      margin: 0 0 1.215em 0;
      border-bottom: 2px solid #2c2a29; }
      .table--orders tr:last-of-type {
        margin-bottom: 0;
        border-width: 0; }
    .table--orders td {
      /* Behave  like a "row" */
      position: relative;
      float: left;
      width: 100%;
      max-width: 320px;
      border: none;
      padding: 0 0 0.3776753239em;
      text-align: left; }
      .table--orders td:last-of-type {
        padding-bottom: 0; }
      .table--orders td a {
        display: block;
        margin-bottom: 0; }
      .table--orders td .icon--eye {
        position: relative;
        top: -8px;
        height: 12px; }
    .table--orders td:before {
      float: left;
      width: auto;
      margin-right: 0.3776753239em;
      white-space: nowrap;
      font-size: 1em;
      letter-spacing: 0.02em;
      text-align: left;
      font-weight: 700; }
    .table--orders td:nth-of-type(1):before {
      content: "Date"; }
    .table--orders td:nth-of-type(2):before {
      content: "Order Number"; }
    .table--orders td:nth-of-type(3):before {
      content: "View"; }
    .table--orders td:nth-of-type(4):before {
      content: "Status"; }
    .table--orders td:nth-of-type(5):before {
      content: "Total"; } }

.table--checkout .product-name,
.table--orders .product-name {
  text-align: left; }

.table--downloads__title {
  display: block;
  margin-bottom: 0;
  text-align: left; }

.product-remove a {
  margin-bottom: 0; }

.wrapper {
  box-sizing: border-box;
  max-width: none;
  margin: 0 auto; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 3.84615385%;
  padding-left: 3.84615385%; }

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.83333333%;
  margin-left: -0.83333333%; }

.row.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.col.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.col-bp1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.col-bp1-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.col-bp1-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.col-bp1-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-bp1-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.col-bp1-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.col-bp1-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-bp1-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.col-bp1-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.col-bp1-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-bp1-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.col-bp1-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.col-bp1-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-bp1-offset-0 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 0; }

.col-bp1-offset-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 8.3333333333%; }

.col-bp1-offset-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 16.6666666667%; }

.col-bp1-offset-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 25%; }

.col-bp1-offset-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 33.3333333333%; }

.col-bp1-offset-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 41.6666666667%; }

.col-bp1-offset-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 50%; }

.col-bp1-offset-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 58.3333333333%; }

.col-bp1-offset-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 66.6666666667%; }

.col-bp1-offset-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 75%; }

.col-bp1-offset-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 83.3333333333%; }

.col-bp1-offset-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 91.6666666667%; }

.col-bp1-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.83333333%;
  padding-left: 0.83333333%;
  margin-left: 100%; }

.col-bp1 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

.start-bp1 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left; }

.center-bp1 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.end-bp1 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right; }

.top-bp1 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.middle-bp1 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.bottom-bp1 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.around-bp1 {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }

.between-bp1 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.first-bp1 {
  order: -1; }

.last-bp1 {
  order: 1; }

@media only screen and (min-width: 600px) {
  .container {
    width: 37.5rem; }

  .col-bp1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

  .col-bp1-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-bp1-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-bp1-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }

  .col-bp1-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-bp1-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-bp1-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }

  .col-bp1-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-bp1-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-bp1-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }

  .col-bp1-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-bp1-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-bp1-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

  .col-bp1-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 0; }

  .col-bp1-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 8.3333333333%; }

  .col-bp1-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 16.6666666667%; }

  .col-bp1-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 25%; }

  .col-bp1-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 33.3333333333%; }

  .col-bp1-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 41.6666666667%; }

  .col-bp1-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 50%; }

  .col-bp1-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 58.3333333333%; }

  .col-bp1-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 66.6666666667%; }

  .col-bp1-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 75%; }

  .col-bp1-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 83.3333333333%; }

  .col-bp1-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 91.6666666667%; }

  .col-bp1-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 100%; }

  .col-bp1 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }

  .start-bp1 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }

  .center-bp1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

  .end-bp1 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }

  .top-bp1 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

  .middle-bp1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

  .bottom-bp1 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }

  .around-bp1 {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

  .between-bp1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }

  .first-bp1 {
    order: -1; }

  .last-bp1 {
    order: 1; } }
@media only screen and (min-width: 768px) {
  .container {
    width: 48rem; }

  .col-bp2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

  .col-bp2-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-bp2-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-bp2-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }

  .col-bp2-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-bp2-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-bp2-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }

  .col-bp2-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-bp2-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-bp2-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }

  .col-bp2-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-bp2-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-bp2-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

  .col-bp2-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 0; }

  .col-bp2-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 8.3333333333%; }

  .col-bp2-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 16.6666666667%; }

  .col-bp2-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 25%; }

  .col-bp2-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 33.3333333333%; }

  .col-bp2-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 41.6666666667%; }

  .col-bp2-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 50%; }

  .col-bp2-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 58.3333333333%; }

  .col-bp2-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 66.6666666667%; }

  .col-bp2-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 75%; }

  .col-bp2-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 83.3333333333%; }

  .col-bp2-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 91.6666666667%; }

  .col-bp2-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 100%; }

  .col-bp2 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }

  .start-bp2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }

  .center-bp2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

  .end-bp2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }

  .top-bp2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

  .middle-bp2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

  .bottom-bp2 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }

  .around-bp2 {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

  .between-bp2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }

  .first-bp2 {
    order: -1; }

  .last-bp2 {
    order: 1; } }
@media only screen and (min-width: 900px) {
  .container {
    width: 56.25rem; }

  .col-bp3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

  .col-bp3-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-bp3-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-bp3-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }

  .col-bp3-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-bp3-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-bp3-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }

  .col-bp3-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-bp3-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-bp3-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }

  .col-bp3-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-bp3-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-bp3-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

  .col-bp3-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 0; }

  .col-bp3-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 8.3333333333%; }

  .col-bp3-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 16.6666666667%; }

  .col-bp3-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 25%; }

  .col-bp3-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 33.3333333333%; }

  .col-bp3-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 41.6666666667%; }

  .col-bp3-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 50%; }

  .col-bp3-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 58.3333333333%; }

  .col-bp3-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 66.6666666667%; }

  .col-bp3-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 75%; }

  .col-bp3-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 83.3333333333%; }

  .col-bp3-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 91.6666666667%; }

  .col-bp3-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 100%; }

  .col-bp3 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }

  .start-bp3 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }

  .center-bp3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

  .end-bp3 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }

  .top-bp3 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

  .middle-bp3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

  .bottom-bp3 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }

  .around-bp3 {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

  .between-bp3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }

  .first-bp3 {
    order: -1; }

  .last-bp3 {
    order: 1; } }
@media only screen and (min-width: 1020px) {
  .container {
    width: 63.75rem; }

  .col-bp4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

  .col-bp4-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-bp4-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-bp4-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }

  .col-bp4-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-bp4-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-bp4-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }

  .col-bp4-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-bp4-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-bp4-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }

  .col-bp4-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-bp4-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-bp4-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

  .col-bp4-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 0; }

  .col-bp4-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 8.3333333333%; }

  .col-bp4-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 16.6666666667%; }

  .col-bp4-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 25%; }

  .col-bp4-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 33.3333333333%; }

  .col-bp4-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 41.6666666667%; }

  .col-bp4-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 50%; }

  .col-bp4-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 58.3333333333%; }

  .col-bp4-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 66.6666666667%; }

  .col-bp4-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 75%; }

  .col-bp4-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 83.3333333333%; }

  .col-bp4-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 91.6666666667%; }

  .col-bp4-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 100%; }

  .col-bp4 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }

  .start-bp4 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }

  .center-bp4 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

  .end-bp4 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }

  .top-bp4 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

  .middle-bp4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

  .bottom-bp4 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }

  .around-bp4 {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

  .between-bp4 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }

  .first-bp4 {
    order: -1; }

  .last-bp4 {
    order: 1; } }
@media only screen and (min-width: 1280px) {
  .container {
    width: 80rem; }

  .col-bp5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

  .col-bp5-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-bp5-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-bp5-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }

  .col-bp5-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-bp5-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-bp5-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }

  .col-bp5-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-bp5-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-bp5-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }

  .col-bp5-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-bp5-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-bp5-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

  .col-bp5-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 0; }

  .col-bp5-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 8.3333333333%; }

  .col-bp5-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 16.6666666667%; }

  .col-bp5-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 25%; }

  .col-bp5-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 33.3333333333%; }

  .col-bp5-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 41.6666666667%; }

  .col-bp5-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 50%; }

  .col-bp5-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 58.3333333333%; }

  .col-bp5-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 66.6666666667%; }

  .col-bp5-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 75%; }

  .col-bp5-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 83.3333333333%; }

  .col-bp5-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 91.6666666667%; }

  .col-bp5-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 100%; }

  .col-bp5 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }

  .start-bp5 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }

  .center-bp5 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

  .end-bp5 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }

  .top-bp5 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

  .middle-bp5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

  .bottom-bp5 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }

  .around-bp5 {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

  .between-bp5 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }

  .first-bp5 {
    order: -1; }

  .last-bp5 {
    order: 1; } }
@media only screen and (min-width: 1440px) {
  .container {
    width: 90rem; }

  .col-bp6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

  .col-bp6-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-bp6-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-bp6-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }

  .col-bp6-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-bp6-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-bp6-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }

  .col-bp6-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-bp6-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-bp6-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }

  .col-bp6-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-bp6-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-bp6-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

  .col-bp6-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 0; }

  .col-bp6-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 8.3333333333%; }

  .col-bp6-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 16.6666666667%; }

  .col-bp6-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 25%; }

  .col-bp6-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 33.3333333333%; }

  .col-bp6-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 41.6666666667%; }

  .col-bp6-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 50%; }

  .col-bp6-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 58.3333333333%; }

  .col-bp6-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 66.6666666667%; }

  .col-bp6-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 75%; }

  .col-bp6-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 83.3333333333%; }

  .col-bp6-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 91.6666666667%; }

  .col-bp6-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 100%; }

  .col-bp6 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }

  .start-bp6 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }

  .center-bp6 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

  .end-bp6 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }

  .top-bp6 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

  .middle-bp6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

  .bottom-bp6 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }

  .around-bp6 {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

  .between-bp6 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }

  .first-bp6 {
    order: -1; }

  .last-bp6 {
    order: 1; } }
@media only screen and (min-width: 1920px) {
  .container {
    width: 120rem; }

  .col-bp7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

  .col-bp7-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }

  .col-bp7-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }

  .col-bp7-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }

  .col-bp7-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }

  .col-bp7-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }

  .col-bp7-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }

  .col-bp7-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }

  .col-bp7-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }

  .col-bp7-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }

  .col-bp7-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }

  .col-bp7-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }

  .col-bp7-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

  .col-bp7-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 0; }

  .col-bp7-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 8.3333333333%; }

  .col-bp7-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 16.6666666667%; }

  .col-bp7-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 25%; }

  .col-bp7-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 33.3333333333%; }

  .col-bp7-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 41.6666666667%; }

  .col-bp7-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 50%; }

  .col-bp7-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 58.3333333333%; }

  .col-bp7-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 66.6666666667%; }

  .col-bp7-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 75%; }

  .col-bp7-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 83.3333333333%; }

  .col-bp7-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 91.6666666667%; }

  .col-bp7-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.83333333%;
    padding-left: 0.83333333%;
    margin-left: 100%; }

  .col-bp7 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }

  .start-bp7 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }

  .center-bp7 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

  .end-bp7 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }

  .top-bp7 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

  .middle-bp7 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }

  .bottom-bp7 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }

  .around-bp7 {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

  .between-bp7 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }

  .first-bp7 {
    order: -1; }

  .last-bp7 {
    order: 1; } }
/* 
 * 
 * $Base - Wrappers, Containers
 *
**/
/* ==============
 * Containers
 * =============*/
html,
body {
  height: 100%;
  scroll-behavior: smooth; }

/* 
 * Apply a natural box layout model to all elements, 
 * but allowing components to change 
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  background-color: #f1f2ed; }

.site-wrapper {
  float: left;
  width: 100%;
  padding-bottom: 42px; }
  @media (min-width: 900px) {
    .site-wrapper {
      padding-bottom: 66px; } }
  @media (min-width: 1020px) {
    .site-wrapper {
      padding-bottom: 70px; } }
  @media (min-width: 1440px) {
    .site-wrapper {
      padding-bottom: 64px; } }

.hidden-desktop {
  display: block; }

.hidden-mobile {
  display: none; }

@media (min-width: 900px) {
  .hidden-desktop {
    display: none; }

  .hidden-mobile {
    display: block; } }
/* 
 * 
 * $Header
 *
**/
.site-header {
  position: fixed;
  bottom: -2px;
  left: 0;
  display: block;
  width: 100%;
  z-index: 2;
  height: 44px; }
  @media (min-width: 900px) {
    .site-header {
      height: 64px;
      background-color: #fff; } }
  @media (min-width: 900px) {
    .site-header {
      height: 72px; } }
  @media (min-width: 1440px) {
    .site-header {
      height: 91px; } }

/*Site Logo*/
.logo {
  float: left;
  width: 48px;
  margin-bottom: 0; }
  .logo svg {
    display: block;
    width: 100%;
    height: auto; }
    .logo svg path {
      fill: #2c2a29;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .logo svg rect {
      fill: #fe5000; }
  @media (min-width: 900px) {
    .logo {
      width: 90px; }
      .logo:hover svg path {
        fill: #fe5000;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; } }

.mail-signup {
  float: left;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  color: #2c2a29;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.793613375em;
  letter-spacing: 0.01em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .mail-signup svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0.1375rem 0.6rem 0 2.4rem; }
    .mail-signup svg path, .mail-signup svg rect {
      stroke: #2c2a29;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .mail-signup .title {
    display: none; }
  @media (min-width: 900px) {
    .mail-signup {
      height: 2rem; }
      .mail-signup:hover {
        color: #fe5000; }
        .mail-signup:hover svg path, .mail-signup:hover svg rect {
          stroke: #fe5000;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; } }
  @media (min-width: 1020px) {
    .mail-signup .title {
      display: block; } }

.toolbar {
  position: relative;
  float: left;
  width: 100%;
  padding: 0.8230452675em;
  background-color: #fff;
  z-index: 2; }
  @media (min-width: 900px) {
    .toolbar {
      padding: 1em;
      background-color: transparent; } }
  @media (min-width: 1020px) {
    .toolbar {
      padding: 1em; } }
  @media (min-width: 1440px) {
    .toolbar {
      padding: 1.576225em 1em; } }

.toolbar__tools {
  position: absolute;
  float: right;
  top: 50%;
  right: 1.215em;
  transform: translateY(-50%);
  z-index: 2; }
  @media (min-width: 900px) {
    .toolbar__tools {
      position: absolute;
      top: 53%;
      right: 1.476225em;
      transform: translateY(-50%);
      z-index: 3; } }

@media (min-width: 900px) {
  .toolbar__tools--narrow {
    display: none; } }

.toolbar__tools--wide {
  display: none; }
  @media (min-width: 900px) {
    .toolbar__tools--wide {
      display: block; } }

/* 
 * 
 * $SiteNav
 *
**/
.site-nav-wrap {
  position: fixed;
  top: 2px;
  left: 0;
  transform: translate(1px, 100%);
  width: 100%;
  height: calc(100% - 42px);
  background-color: #000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 1; }
  .site-nav-wrap.menu-active {
    top: 0;
    transform: translate(0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  @media (min-width: 900px) {
    .site-nav-wrap {
      position: absolute;
      top: 0;
      transform: none;
      right: 0;
      left: 0;
      width: auto;
      bottom: auto;
      height: 100%;
      float: left;
      margin-right: 6em;
      margin-left: 8rem;
      background-color: transparent;
      z-index: 2; } }

.site-nav-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  padding-right: 1.215em;
  border-right: 2px solid #fff; }
  @media (min-width: 900px) {
    .site-nav-container {
      position: relative;
      top: 50%;
      left: auto;
      bottom: auto;
      transform: translateY(-50%);
      height: auto;
      display: block;
      float: left;
      padding-right: 0;
      background-color: transparent;
      border-right: 0; } }

.site-nav {
  position: absolute;
  bottom: 0;
  float: left;
  width: 100%;
  margin: 0;
  padding: 1.215em 0; }
  @media (min-width: 900px) {
    .site-nav {
      position: relative;
      left: auto;
      bottom: auto;
      display: flex;
      padding: 0; } }

.site-nav .menu-item.envelope {
  display: none; }
  .site-nav .menu-item.envelope a {
    padding-left: 4rem; }
  .site-nav .menu-item.envelope:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='env' width='24px' height='18px' viewBox='0 0 24 18' enable-background='new 0 0 24 18' xml:space='preserve'%3E%3Crect x='0.8' y='0.8' width='22.5' height='16.5' fill='none' stroke='%23ffffff' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath d='M23.2.8,12,11,.8.8' transform='translate(-0.1 0)' fill='none' stroke='%23ffffff' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/svg%3E");
    position: absolute;
    height: 18px;
    width: 24px;
    background-size: 24px 18px;
    background-repeat: no-repeat;
    left: 2rem;
    top: 2.45rem; }
  .site-nav .menu-item.envelope.current-menu-item:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='env' width='24px' height='18px' viewBox='0 0 24 18' enable-background='new 0 0 24 18' xml:space='preserve'%3E%3Crect x='0.8' y='0.8' width='22.5' height='16.5' fill='none' stroke='%23a7a8aa' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath d='M23.2.8,12,11,.8.8' transform='translate(-0.1 0)' fill='none' stroke='%23a7a8aa' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/svg%3E"); }
  @media (min-width: 900px) {
    .site-nav .menu-item.envelope {
      display: inline-block;
      margin-right: auto; }
      .site-nav .menu-item.envelope a {
        padding-left: 2rem; }
      .site-nav .menu-item.envelope:hover:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='env' width='24px' height='18px' viewBox='0 0 24 18' enable-background='new 0 0 24 18' xml:space='preserve'%3E%3Crect x='0.8' y='0.8' width='22.5' height='16.5' fill='none' stroke='%23fe5000' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath d='M23.2.8,12,11,.8.8' transform='translate(-0.1 0)' fill='none' stroke='%23fe5000' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/svg%3E"); }
      .site-nav .menu-item.envelope:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='env' width='24px' height='18px' viewBox='0 0 24 18' enable-background='new 0 0 24 18' xml:space='preserve'%3E%3Crect x='0.8' y='0.8' width='22.5' height='16.5' fill='none' stroke='%232c2a29' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cpath d='M23.2.8,12,11,.8.8' transform='translate(-0.1 0)' fill='none' stroke='%232c2a29' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/svg%3E");
        left: 0;
        top: 0.45rem; } }

.site-nav .menu-item {
  display: block;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0; }
  .site-nav .menu-item.current-menu-item a, .site-nav .menu-item.current-menu-parent a {
    color: #a7a8aa; }
  @media (min-width: 900px) {
    .site-nav .menu-item {
      position: relative;
      display: inline-block;
      width: auto;
      padding: 0;
      margin: 0 1em; }
      .site-nav .menu-item.menu-item-has-children:after {
        display: block;
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 200px;
        height: 64px;
        transform: translate(-50%, -48%);
        background-color: #fff; }
      .site-nav .menu-item.current-menu-item a:before, .site-nav .menu-item.current-menu-parent a:before {
        height: 19px; } }
  @media (min-width: 900px) {
    .site-nav .menu-item.menu-item-has-children:after {
      height: 70px; }
    .site-nav .menu-item.current-menu-item a:before, .site-nav .menu-item.current-menu-parent a:before {
      height: 19px; } }
  @media (min-width: 1280px) {
    .site-nav .menu-item.menu-item-has-children:after {
      width: 240px;
      height: 70px; } }
  @media (min-width: 1440px) {
    .site-nav .menu-item.menu-item-has-children:after {
      height: 95px; }
    .site-nav .menu-item.current-menu-item a:before, .site-nav .menu-item.current-menu-parent a:before {
      height: 24px; } }

.site-nav .menu-item a {
  position: relative;
  clear: both;
  display: block;
  padding: 0.6774035123em 1.793613375em;
  margin-bottom: 0;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 1.215em;
  letter-spacing: 0.01em;
  color: #fff;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.793613375em;
  letter-spacing: 0.01em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .site-nav .menu-item a .icon {
    position: absolute;
    top: 1em;
    right: 0.8230452675em; }
  @media (min-width: 900px) {
    .site-nav .menu-item a {
      padding: 0;
      color: #2c2a29;
      z-index: 1; }
      .site-nav .menu-item a:after,
      .site-nav .menu-item a .icon {
        display: none; }
      .site-nav .menu-item a:before {
        position: absolute;
        bottom: 24px;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        content: '';
        width: 2px;
        height: 0;
        background-color: #a7a8aa;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .site-nav .menu-item a:hover {
        color: #fe5000;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out; }
        .site-nav .menu-item a:hover:before {
          height: 19px;
          background-color: #fe5000;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; } }
  @media (min-width: 900px) {
    .site-nav .menu-item a {
      font-size: 1em;
      letter-spacing: 0.02em; }
      .site-nav .menu-item a:before {
        bottom: 29px; } }
  @media (min-width: 1020px) {
    .site-nav .menu-item a:hover:before {
      height: 19px; } }
  @media (min-width: 1280px) {
    .site-nav .menu-item a:hover:before {
      height: 18px; } }
  @media (min-width: 1440px) {
    .site-nav .menu-item a:before {
      bottom: 37px; }
    .site-nav .menu-item a:hover:before {
      height: 24px; } }

.site-nav__feature {
  position: relative;
  float: left;
  width: 100%;
  padding: 1.215em;
  background-color: #2c2a29;
  z-index: 1; }
  @media (min-width: 900px) {
    .site-nav__feature {
      display: none; } }

.site-nav__feature__title {
  margin-bottom: 0.3776753239em;
  color: #fff;
  line-height: 0.8230452675em; }

.site-nav__feature__image {
  display: block;
  width: 100%;
  max-width: 285px;
  height: auto;
  margin-bottom: 0.557533755em; }

/* 
 * 
 * $PrimaryNavToggle
 *
**/
.site-nav-trigger {
  position: relative;
  float: left;
  top: 0.557533755em;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  z-index: 2; }
  @media (min-width: 900px) {
    .site-nav-trigger {
      display: none; } }

/*Button Lines*/
.site-nav-trigger__symbol {
  /*create middle line*/
  display: block;
  width: 18px;
  height: 1px;
  background: #2c2a29;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  /*create the upper and lower lines 
  as pseudo-elements of the middle line*/ }
  .site-nav-trigger__symbol:before, .site-nav-trigger__symbol:after {
    display: block;
    width: 18px;
    height: 1px;
    background: #2c2a29;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    left: 0;
    content: '';
    transform-origin: 3px center; }
  .site-nav-trigger__symbol:before {
    top: -6px; }
  .site-nav-trigger__symbol:after {
    top: 6px; }

.active .site-nav-trigger__symbol {
  /*hide the middle line*/
  background: transparent;
  /*overlay the lines by setting both their top values to 0*/
  /*rotate the lines to form the x shape*/ }
  .active .site-nav-trigger__symbol:before, .active .site-nav-trigger__symbol:after {
    transform-origin: 50% 50%;
    top: 0;
    width: 18px;
    background-color: #bbbcbc; }
  .active .site-nav-trigger__symbol:before {
    transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg); }
  .active .site-nav-trigger__symbol:after {
    transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg); }

/* 
 * 
 * $SubMenu
 *
**/
.sub-menu-wrap {
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 2; }
  .sub-menu-wrap.sub-menu-active {
    transform: translateX(0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  @media (min-width: 900px) {
    .sub-menu-wrap {
      position: absolute;
      top: -16px;
      bottom: auto;
      right: auto;
      left: 50%;
      width: 200px;
      height: auto;
      transform: translate(-50%, 150%);
      z-index: 0; }
      .sub-menu-wrap.sub-menu-active {
        transform: translate(-50%, -100%);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; } }
  @media (min-width: 900px) {
    .sub-menu-wrap {
      top: -19px; } }
  @media (min-width: 1280px) {
    .sub-menu-wrap {
      width: 240px; } }
  @media (min-width: 1440px) {
    .sub-menu-wrap {
      top: -28px; } }

.sub-menu-gesture-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }
  @media (min-width: 900px) {
    .sub-menu-gesture-area {
      display: none; } }

.sub-menu-back-trigger {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2.6477769045em;
  height: 100%;
  border-right: 2px solid #fff;
  z-index: 1; }
  .sub-menu-back-trigger .icon {
    display: block;
    position: absolute;
    bottom: 2.093613375em;
    left: 0.8230452675em;
    color: #fff; }
  @media (min-width: 900px) {
    .sub-menu-back-trigger {
      display: none; } }

.sub-menu {
  position: absolute;
  bottom: 1.215em;
  left: 0;
  width: 100%;
  padding: 0 0 0 2.6477769045em;
  margin: 0; }
  @media (min-width: 900px) {
    .sub-menu {
      position: relative;
      bottom: auto;
      left: auto;
      float: left;
      padding: 0 0 0.557533755em; } }
  .sub-menu .menu-item a {
    padding: 0.6774035123em 1.476225em;
    color: #fff;
    line-height: 1.215em; }
    .sub-menu .menu-item a .icon {
      display: none; }
  @media (min-width: 900px) {
    .sub-menu .menu-item {
      display: block;
      width: 100%;
      margin: 0; }
      .sub-menu .menu-item:first-child {
        margin-bottom: 0.557533755em; }
        .sub-menu .menu-item:first-child a {
          padding-top: 1.215em;
          padding-bottom: 1.215em;
          border-bottom: 1px solid #fff; }
      .sub-menu .menu-item a:hover:before {
        display: none; } }

.site-nav .current-menu-item .sub-menu a,
.site-nav .current-menu-parent .sub-menu a {
  color: #fff; }
  .site-nav .current-menu-item .sub-menu a:before,
  .site-nav .current-menu-parent .sub-menu a:before {
    display: none; }
  .site-nav .current-menu-item .sub-menu a:hover,
  .site-nav .current-menu-parent .sub-menu a:hover {
    color: #fe5000; }
.site-nav .current-menu-item .sub-menu .current-menu-item a,
.site-nav .current-menu-parent .sub-menu .current-menu-item a {
  color: #a7a8aa; }
  .site-nav .current-menu-item .sub-menu .current-menu-item a:hover,
  .site-nav .current-menu-parent .sub-menu .current-menu-item a:hover {
    color: #fe5000; }

@media (min-width: 900px) {
  .site-nav .menu-item .has-children.sub-menu-active {
    color: #fe5000; }
    .site-nav .menu-item .has-children.sub-menu-active:before {
      height: 19px;
      background-color: #fe5000; } }
@media (min-width: 900px) {
  .site-nav .menu-item .has-children.sub-menu-active:before {
    height: 19px; } }
@media (min-width: 1440px) {
  .site-nav .menu-item .has-children.sub-menu-active:before {
    height: 24px; } }

/* 
 * 
 * $Section
 *
**/
.section {
  float: left;
  width: 100%;
  padding: 1.793613375em 0; }
  @media (min-width: 900px) {
    .section {
      padding: 2.6477769045em 0; } }

.section--relative {
  position: relative; }

.section--space {
  padding: 3.9087144609em 0; }
  @media (min-width: 600px) {
    .section--space {
      padding-top: 2.6477769045em;
      padding-bottom: 2.6477769045em; } }
  @media (min-width: 900px) {
    .section--space {
      padding-top: 6.770142005em;
      padding-bottom: 6.770142005em; } }

.section--space-half {
  padding: 1.476225em 0; }
  @media (min-width: 600px) {
    .section--space-half {
      padding-top: 1.793613375em;
      padding-bottom: 1.793613375em; } }
  @media (min-width: 900px) {
    .section--space-half {
      padding-top: 4.7490880699em;
      padding-bottom: 4.7490880699em; } }

.section--space-top {
  padding-top: 3.217048939em; }
  @media (min-width: 600px) {
    .section--space-top {
      padding-top: 3.9087144609em; } }
  @media (min-width: 900px) {
    .section--space-top {
      padding-top: 8.770142005em; } }

.section--space-bottom {
  padding-bottom: 3.217048939em; }
  @media (min-width: 600px) {
    .section--space-bottom {
      padding-bottom: 3.9087144609em; } }
  @media (min-width: 900px) {
    .section--space-bottom {
      padding-bottom: 9.770142005em; } }

.section--space-bottom-full {
  padding-bottom: 2.6477769045em; }
  @media (min-width: 600px) {
    .section--space-bottom-full {
      padding-bottom: 3.9087144609em; } }
  @media (min-width: 900px) {
    .section--space-bottom-full {
      padding-bottom: 5.770142005em; } }

.section--space-bottom-half {
  padding-bottom: 1.793613375em; }
  @media (min-width: 600px) {
    .section--space-bottom-half {
      padding-bottom: 2.1792402506em; } }
  @media (min-width: 900px) {
    .section--space-bottom-half {
      padding-bottom: 2.6477769045em; } }

.section--space-top-full {
  padding-top: 2.6477769045em; }
  @media (min-width: 600px) {
    .section--space-top-full {
      padding-top: 3.9087144609em; } }
  @media (min-width: 900px) {
    .section--space-top-full {
      padding-top: 5.770142005em; } }

.section--space-top-half {
  padding-top: 1.793613375em; }
  @media (min-width: 600px) {
    .section--space-top-half {
      padding-top: 2.1792402506em; } }
  @media (min-width: 900px) {
    .section--space-top-half {
      padding-top: 2.6477769045em; } }

.section--no-space {
  padding: 0; }

@media (min-width: 900px) {
  .section--story {
    margin-top: -260px; } }

@media (min-width: 768px) {
  .section--related {
    padding-bottom: 4.7490880699em; } }

/*Colours*/
.section--white {
  background-color: #fff; }

.section--pink {
  height: calc(100vh - 45px);
  padding-bottom: 0;
  background-color: #e5007d; }
  @media (min-width: 600px) {
    .section--pink {
      height: calc(100vh - 50px); } }
  @media (min-width: 768px) {
    .section--pink {
      height: calc(100vh - 70px); } }
  @media (min-width: 1280px) {
    .section--pink {
      height: calc(100vh - 70px); } }

.section--video {
  position: relative;
  height: 400px;
  margin-top: 1.793613375em;
  margin-bottom: 2.6477769045em; }
  @media (min-width: 600px) {
    .section--video {
      margin-bottom: 3.9087144609em; } }
  @media (min-width: 900px) {
    .section--video {
      height: 800px;
      margin-bottom: 5.770142005em; } }
  @media (min-width: 1930px) {
    .section--video {
      height: 1000px; } }

.section--wood {
  height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
  background: url("../../images/backgrounds/wood-1600w.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.section--signup {
  min-height: calc(100vh - 45px);
  background: url("../../images/backgrounds/arp-odyssey.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.section--products {
  padding-top: 7.9087144609em;
  padding-right: 0;
  padding-left: 0; }
  @media (min-width: 600px) {
    .section--products {
      padding-top: 8.9087144609em; } }
  @media (min-width: 900px) {
    .section--products {
      padding-top: 11.770142005em; } }
  .section--products .row.no-gutters {
    margin-right: 0;
    margin-left: 0; }
    .section--products .row.no-gutters > .col,
    .section--products .row.no-gutters > [class*="col-"] {
      padding-right: 0;
      padding-left: 0; }

.home-slide__content {
  overflow: hidden;
  width: 100%; }

.intro_slide_logo {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 1.793613375em; }
  @media (min-width: 1020px) {
    .intro_slide_logo {
      justify-content: center;
      margin-bottom: 0; } }
  .intro_slide_logo div.image {
    max-width: 200px; }

.intro_slide h1 {
  font-size: 42px; }
  @media (min-width: 900px) {
    .intro_slide h1 {
      font-size: 52px; } }
  @media (min-width: 1020px) {
    .intro_slide h1 {
      font-size: 62px; } }
  @media (min-width: 1280px) {
    .intro_slide h1 {
      font-size: 80px; } }

@media (min-width: 900px) {
  .product_right_slide_image {
    order: 2; } }
.product_right_slide_image div.image img {
  width: 100%;
  margin-bottom: 1.793613375em;
  margin-left: 3.84615385%; }
  @media (min-width: 900px) {
    .product_right_slide_image div.image img {
      margin-left: 0;
      margin-bottom: 0; } }

.product_left_slide_image div.image img {
  width: 100%;
  margin-bottom: 1.793613375em;
  margin-left: -3.84615385%; }
  @media (min-width: 900px) {
    .product_left_slide_image div.image img {
      margin-left: 0;
      margin-bottom: 0; } }

@media (min-width: 900px) {
  .video_slide_video {
    order: 2; } }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  width: 100%;
  height: 0;
  margin-bottom: 1.793613375em; }
  @media (min-width: 900px) {
    .embed-container {
      margin-bottom: 0; } }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* 
 * 
 * $Footer
 *
**/
.site-footer {
  position: relative;
  float: left;
  width: 100%;
  margin: 2.6477769045em 0 3.217048939em;
  text-align: center;
  z-index: 3; }
  .site-footer p {
    font-size: 0.8880452675em;
    text-align: center;
    font-weight: 400;
    margin-bottom: 1.793613375em;
    line-height: 1.793613375em; }
    @media (min-width: 900px) {
      .site-footer p {
        font-size: 0.8880452675em;
        text-align: left;
        line-height: 1.893613375em; }
        .site-footer p:last-of-type {
          margin-bottom: 0; } }
  .site-footer a {
    color: #fff;
    font-weight: 400; }
    .site-footer a:hover {
      color: #fff; }

.grecaptcha-badge {
  visibility: hidden; }

/* 
 * 
 * $Woocommerce Frontend Overrides
 *
**/
#payment #sagepaydirect-cc-form .wc-credit-card-form-card-type,
#payment #sagepaydirect-cc-form .wc-credit-card-form-card-number,
#payment #sagepaydirect-cc-form .wc-credit-card-form-card-expiry,
#payment #sagepaydirect-cc-form .wc-credit-card-form-card-cvc {
  font-size: 1em;
  padding: 0.557533755em 0.6774035123em;
  background-color: transparent;
  border: 1px solid #2c2a29; }
#payment .wc-payment-form {
  border: 0;
  padding: 0;
  margin: 0; }
#payment > .form__group, #payment > .form-row,
#payment .form-row-last {
  margin-bottom: 0; }
#payment .wc-credit-card-form-card-expiry {
  max-width: 100px; }
#payment .small {
  font-size: 0.8880452675em; }

.payment_method_sagepaydirect:first-of-type .sage-title {
  clear: both;
  display: block;
  margin-bottom: 0.2558385909em; }
.payment_method_sagepaydirect:first-of-type img {
  margin-right: 0.2558385909em; }

.woocommerce-notices-wrapper, .registration-form .woocommerce-error,
.woocommerce-NoticeGroup,
.woocommerce-error {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  z-index: 10; }

#empty-cart .woocommerce-notices-wrapper, #empty-cart .registration-form .woocommerce-error, .registration-form #empty-cart .woocommerce-error {
  position: relative; }
#empty-cart .notice-close {
  top: 1.25em;
  right: 1.25em; }

.notice-inner,
.woocommerce-message,
.woocommerce-error {
  display: block;
  width: 100%;
  padding: 3.217048939em 3.84615385% 1.793613375em;
  margin-bottom: 0;
  text-align: left;
  color: #fff;
  background-color: #000; }
  .notice-inner p,
  .woocommerce-message p,
  .woocommerce-error p {
    margin-bottom: 0;
    text-align: left; }
  .notice-inner a,
  .woocommerce-message a,
  .woocommerce-error a {
    margin-bottom: 0;
    color: #fff;
    font-weight: 700; }
  @media (min-width: 400px) {
    .notice-inner,
    .woocommerce-message,
    .woocommerce-error {
      padding-top: 1.215em;
      padding-bottom: 1.215em; } }
  @media (min-width: 900px) {
    .notice-inner,
    .woocommerce-message,
    .woocommerce-error {
      padding-top: 2.1792402506em;
      padding-bottom: 2.1792402506em; } }

.notice-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center; }

.woocommerce-message,
.woocommerce-error {
  padding-right: 100px;
  margin-bottom: 1.793613375em; }
  @media (min-width: 900px) {
    .woocommerce-message,
    .woocommerce-error {
      padding-top: 2.1792402506em;
      padding-bottom: 2.1792402506em;
      padding-right: 200px; } }

.woocommerce-notices-wrapper .woocommerce-error, .registration-form .woocommerce-error .woocommerce-error {
  position: relative; }

.registration-form .woocommerce-error {
  padding: 3.217048939em 3.84615385% 1.793613375em;
  padding-right: 100px; }
  @media (min-width: 400px) {
    .registration-form .woocommerce-error {
      padding-top: 1.215em;
      padding-bottom: 1.215em; } }
  @media (min-width: 900px) {
    .registration-form .woocommerce-error {
      padding-top: 2.1792402506em;
      padding-bottom: 2.1792402506em; } }
  .registration-form .woocommerce-error li {
    display: block;
    margin-bottom: 0; }

.notice-tools {
  display: block;
  width: 100%;
  margin-top: 0.8230452675em; }
  .notice-tools .button {
    width: 250px; }
  @media (min-width: 768px) {
    .notice-tools {
      float: right;
      display: inline-flex;
      align-items: center;
      margin-top: 0;
      margin-left: 1.793613375em;
      width: auto; } }

.notice-close {
  position: absolute;
  top: 1.215em;
  right: 1.215em;
  float: right;
  display: flex;
  align-items: center;
  margin-left: 2.6477769045em;
  margin-bottom: 0;
  color: #fff;
  cursor: pointer;
  z-index: 11; }
  .notice-close .icon {
    font-size: 14px;
    margin-left: 0.557533755em; }
  @media (min-width: 768px) {
    .notice-close {
      top: 50%;
      transform: translateY(-50%);
      right: 3.84615385%; } }

@media (min-width: 768px) {
  .notice-close--add {
    position: relative;
    top: auto;
    transform: none;
    right: auto; } }

.registration-form.woocommerce .notice-close {
  position: fixed;
  top: 1.215em;
  transform: none; }
  @media (min-width: 900px) {
    .registration-form.woocommerce .notice-close {
      top: 2.1792402506em; } }

.woocommerce-MyAccount-navigation {
  display: none; }

.woocommerce-error {
  margin-left: 0; }
  .woocommerce-error li {
    list-style-type: none; }

.woocommerce-password-strength,
.woocommerce-password-hint {
  clear: both;
  width: 100%; }

.woocommerce-password-strength {
  padding: 0.4588755185em 0 0;
  font-size: 0.8880452675em; }
  .woocommerce-password-strength.short, .woocommerce-password-strength.bad {
    color: #bd2222; }
  .woocommerce-password-strength.good {
    color: #e5007d; }
  .woocommerce-password-strength.strong {
    color: #009f4d; }

.woocommerce-password-hint {
  display: block;
  padding: 0; }

.form-login-notices {
  float: left;
  width: 100%; }
  .form-login-notices .woocommerce-message,
  .form-login-notices .woocommerce-error {
    margin-bottom: 0; }

.site-main {
  position: relative;
  float: left;
  width: 100%; }

.woocommerce-checkout .select2-container {
  display: none; }

ul.wc_payment_methods.payment_methods.methods {
  list-style-type: none;
  margin: 0; }

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  list-style-type: none;
  margin: 0 0 1.793613375em; }

.section.woocommerce-customer-details address {
  font-style: normal; }

.woocommerce-shipping-methods {
  margin: 0; }
  .woocommerce-shipping-methods li {
    margin: 0;
    list-style: none; }
    .woocommerce-shipping-methods li label {
      font-family: 'Sintony', Arial, sans-serif;
      text-transform: none;
      font-weight: 400; }
    .woocommerce-shipping-methods li span {
      display: inline-block; }

.woocommerce-price-suffix {
  font-size: 65%;
  line-height: 1;
  padding-left: 4px; }

.single-product__price .woocommerce-price-suffix {
  font-size: 45%; }

/* 
 * 
 * $SingleProduct
 *
**/
.single-product__header {
  position: relative;
  float: left;
  width: 100%;
  padding: 1.215em 0;
  margin-bottom: 1.476225em; }
  @media (min-width: 600px) {
    .single-product__header {
      padding: 2.6477769045em 0 1.793613375em; } }
  @media (min-width: 1020px) {
    .single-product__header {
      padding-top: 3.217048939em;
      margin-bottom: 2.1792402506em; } }

.single-product__meta {
  position: relative; }

.single-product__meta form {
  float: none;
  clear: both;
  width: auto; }
  @media (min-width: 900px) {
    .single-product__meta form {
      position: absolute;
      top: 0.9em;
      right: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-end; } }
  @media (min-width: 1280px) {
    .single-product__meta form {
      flex-direction: row;
      align-items: center; } }

.single-product__price {
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 1.793613375em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.8230452675em;
  display: flex;
  align-items: center; }
  .single-product__price .exvat {
    font-size: 48%;
    line-height: 1;
    margin-left: 0.35em; }
  .single-product__price del {
    opacity: 0.6;
    padding-right: 0.2em; }
  @media (min-width: 600px) {
    .single-product__price {
      margin-bottom: 0.5em;
      font-size: 2.1792402506em;
      line-height: 1em; } }
  @media (min-width: 600px) and (min-width: 900px) {
    .single-product__price {
      font-size: 2.792048939em; } }

  @media (min-width: 768px) {
    .single-product__price {
      font-size: 2.6477769045em; } }
  @media (min-width: 1280px) {
    .single-product__price {
      margin-right: 0.8230452675em;
      margin-bottom: 0; } }

/* 
 * 
 * $Title
 *
**/
.title {
  position: relative;
  clear: both;
  display: block; }
  .title .icon {
    position: absolute;
    bottom: -2.6477769045em; }

h1.title {
  margin-bottom: 1em; }
  @media (min-width: 768px) {
    h1.title {
      margin-bottom: 0.5524035123em; }
      h1.title .icon {
        bottom: -1.793613375em; } }

h2.title {
  margin-bottom: 1.215em; }
  @media (min-width: 900px) {
    h2.title {
      margin-bottom: 1em; } }

h3.title {
  margin-bottom: 1.476225em; }
  @media (min-width: 900px) {
    h3.title {
      margin-bottom: 1.476225em; } }

h4.title {
  margin-bottom: 1.793613375em; }
  @media (min-width: 900px) {
    h4.title {
      margin-bottom: 1.476225em; } }

h5.title {
  margin-bottom: 2.6477769045em; }
  @media (min-width: 900px) {
    h5.title {
      margin-bottom: 2.1792402506em; } }

@media (min-width: 900px) {
  .title.title--block {
    margin-bottom: 1.215em;
    line-height: 1.315em; } }

.title--divider-regular .icon {
  font-size: 15px;
  left: 2px;
  bottom: -1.576225em; }

.title--divider-small .icon {
  font-size: 13px;
  left: 0;
  bottom: -1.793613375em; }

.title--centre {
  margin: 0 auto; }
  .title--centre .icon {
    left: 50%;
    transform: translateX(-50%); }

.title--white {
  color: #fff; }

/* 
 * 
 * $Intro
 *
**/
.intro {
  clear: both;
  display: block;
  width: 100%; }
  .intro p {
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    font-size: 1.568725em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.315em; }
    .intro p:last-of-type {
      margin-bottom: 0; }
    .intro p a {
      font-weight: 700; }
    @media (min-width: 900px) {
      .intro p {
        line-height: 1.376225em; } }
    @media (min-width: 1440px) {
      .intro p {
        font-size: 1.793613375em; } }

.intro--space {
  margin-bottom: 1.215em; }

.intro--extra-space {
  margin-bottom: 2.1792402506em; }

.intro--space-top-bottom {
  margin: 3.9087144609em 0 1.793613375em 0; }
  @media (min-width: 1280px) {
    .intro--space-top-bottom {
      margin: 3.9087144609em 0 2.6477769045em 0; } }
  @media (min-width: 1440px) {
    .intro--space-top-bottom {
      margin: 5.770142005em 0 3.9087144609em 0; } }

@media (min-width: 1280px) {
  .intro--content {
    max-width: 418px;
    margin-bottom: 1.793613375em; }
    .intro--content p {
      line-height: 1.476225em; } }

.intro--original {
  max-width: 660px;
  margin-bottom: 1.215em; }

.intro--legacy {
  margin-bottom: 1.215em; }
  .intro--legacy p {
    font-family: 'Sintony', Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0.02em;
    font-weight: 700;
    color: #fff;
    text-transform: none;
    line-height: 1.793613375em; }
  @media (min-width: 1020px) {
    .intro--legacy {
      margin-bottom: 0; } }

.intro--stories {
  margin-bottom: 2.6477769045em; }
  .intro--stories p {
    color: #fff; }

.intro--small p {
  font-size: 1.301225em; }

/* 
 * 
 * $Link
 *
**/
.link {
  clear: both;
  display: block;
  margin-bottom: 0;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  color: #fe5000;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 700; }

/* 
 * 
 * $Image
 *
**/
.image {
  display: block;
  width: 100%;
  height: auto; }
  .image > img {
    display: block;
    width: 100%;
    height: auto; }

.image--space {
  margin-bottom: 0.8230452675em; }

.image--post {
  margin-bottom: 1.793613375em; }

.image--samples-and-loops {
  max-width: 360px;
  margin: 0 auto; }

.image--instrument {
  max-width: 360px; }

figure.wp-block-image {
  margin-left: 0; }

.full-width-product-image {
  width: 100%; }
  .full-width-product-image img {
    display: block;
    width: 100%;
    height: auto; }

/* 
 * 
 * $Block
 *
**/
.block {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  zoom: 1; }
  .block:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ""; }
  .block .button--wide.button--fill {
    max-width: 128px; }
  .block .button--wide.button--ghost {
    max-width: 120px; }
  @media (min-width: 600px) {
    .block .button--wide.button--fill {
      max-width: 200px; }
    .block .button--wide.button--ghost {
      max-width: 200px; } }
  @media (min-width: 768px) {
    .block .button--wide {
      max-width: none; }
      .block .button--wide.button--fill {
        max-width: 280px; }
      .block .button--wide.button--ghost {
        max-width: 280px; } }

.block--space {
  margin-bottom: 2.6477769045em; }
  @media (min-width: 768px) {
    .block--space {
      margin-bottom: 0; } }

.block--space-full {
  margin-bottom: 2.6477769045em; }

.block--off-black {
  padding: 1.476225em;
  background-color: #2c2a29;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .block--off-black.block--space {
    margin-bottom: 3.217048939em; }
    @media (min-width: 1440px) {
      .block--off-black.block--space {
        margin-bottom: 2.6477769045em; } }
  .block--off-black .button {
    max-width: 236px; }

.block--border-top {
  border-top: 8px solid #2c2a29;
  padding-top: 0.5em;
  margin-top: 1.793613375em; }

.block--bordered {
  padding: 1.476225em;
  border: 3px solid #2c2a29;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .block--bordered .button {
    max-width: 236px; }

.block--bordered-white {
  padding: 1.476225em;
  border: 3px solid white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .block--bordered-white .button {
    max-width: 236px; }

.block--expansions,
.block--patches {
  max-width: 210px; }
  @media (min-width: 600px) {
    .block--expansions,
    .block--patches {
      max-width: 300px; } }
  @media (min-width: 900px) {
    .block--expansions,
    .block--patches {
      max-width: 360px; } }
  @media (min-width: 1280px) {
    .block--expansions,
    .block--patches {
      max-width: 275px; } }
  @media (min-width: 1440px) {
    .block--expansions,
    .block--patches {
      max-width: 320px; } }

.block--bundles {
  max-width: 300px; }
  @media (min-width: 900px) {
    .block--bundles {
      max-width: none; } }

.block--rack-extensions,
.block--other-products {
  max-width: 240px; }
  @media (min-width: 600px) {
    .block--rack-extensions,
    .block--other-products {
      max-width: 320px; } }
  @media (min-width: 900px) {
    .block--rack-extensions,
    .block--other-products {
      max-width: 460px; } }
  @media (min-width: 1440px) {
    .block--rack-extensions,
    .block--other-products {
      max-width: 560px; } }

.block--samples-and-loops {
  max-width: 210px; }
  @media (min-width: 600px) {
    .block--samples-and-loops {
      max-width: 300px; } }
  @media (min-width: 900px) {
    .block--samples-and-loops {
      max-width: 360px; } }
  @media (min-width: 1440px) {
    .block--samples-and-loops {
      max-width: none; } }

.block--samples-image {
  background-color: #2c2a29; }

.block--story {
  margin-bottom: 2.6477769045em; }
  @media (min-width: 1020px) {
    .block--story {
      margin-bottom: 4.7490880699em; } }

.block--login {
  margin-bottom: 2.6477769045em;
  padding: 1.476225em;
  background-color: #f1f2ed;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  @media (min-width: 1020px) {
    .block--login {
      padding: 2.6477769045em 3.9087144609em; } }
  @media (min-width: 1440px) {
    .block--login {
      padding: 3.9087144609em 5.770142005em 6.770142005em; } }

.block--sign-up {
  width: 100%;
  min-height: 100vh;
  padding: 1.476225em 3.84615385% 2.1792402506em;
  background-color: #f1f2ed; }
  @media (min-width: 768px) {
    .block--sign-up {
      padding: 3.217048939em 3.217048939em; } }

.block--new-user {
  padding: 3.217048939em 1.215em;
  max-width: 480px; }
  @media (min-width: 1020px) {
    .block--new-user {
      padding: 2.6477769045em 3.9087144609em; } }
  @media (min-width: 1440px) {
    .block--new-user {
      float: right;
      padding: 3.9087144609em 5.770142005em; } }

.block--forgotten-password,
.block--reset-password {
  float: none;
  display: block;
  margin: 0 auto;
  max-width: 760px;
  padding: 1.476225em;
  background-color: #f1f2ed;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  zoom: 1; }
  .block--forgotten-password:after,
  .block--reset-password:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ""; }
  @media (min-width: 600px) {
    .block--forgotten-password,
    .block--reset-password {
      padding: 2.6477769045em 3.9087144609em; } }
  @media (min-width: 768px) {
    .block--forgotten-password,
    .block--reset-password {
      position: absolute;
      top: 48%;
      left: 50%;
      transform: translate(-50%, -50%); } }
  @media (min-width: 1440px) {
    .block--forgotten-password,
    .block--reset-password {
      padding: 3.9087144609em 5.770142005em; } }

.block__inner {
  float: left;
  width: 100%; }

.block--space.block--related {
  margin-bottom: 2.1792402506em; }
  @media (min-width: 900px) {
    .block--space.block--related {
      margin-bottom: 0; } }

.block--space.block--expansions,
.block--space.block--patches,
.block--space.block--samples-and-loops,
.block--space.block--rack-extensions,
.block--space.block--bordered,
.block--space.block--other-products {
  margin-bottom: 3.217048939em; }
  @media (min-width: 1280px) {
    .block--space.block--expansions,
    .block--space.block--patches,
    .block--space.block--samples-and-loops,
    .block--space.block--rack-extensions,
    .block--space.block--bordered,
    .block--space.block--other-products {
      margin-bottom: 2.6477769045em; } }

.block__title, .bundle__title {
  margin-bottom: 0.2558385909em; }
  .block__title a, .bundle__title a {
    font-weight: 700; }

.block__content {
  display: block;
  width: 100%;
  zoom: 1; }
  .block__content:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ""; }
  .block__content p {
    font-size: 0.8880452675em;
    line-height: 1.651225em; }
  .block__content p:last-of-type {
    margin-bottom: 0; }

.block__content--space {
  margin-bottom: 0.8230452675em; }

.block__price {
  margin-bottom: 0.8230452675em;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 1.015em;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  display: flex;
  align-items: center; }
  .block__price del {
    opacity: 0.6;
    padding-right: 0.2em; }
  .block__price .exvat {
    font-size: 48%;
    line-height: 1;
    margin-left: 0.35em; }

.block__price--large {
  font-size: 1.301225em; }

.block__price--white {
  color: #fff; }

.wp-block-embed {
  margin-left: 0;
  margin-right: 0; }

/* 
 * 
 * $Carousel
 *
**/
.swiper-slide {
  width: auto; }

.swiper-slide--upsells {
  width: 100%; }
  @media (min-width: 600px) {
    .swiper-slide--upsells {
      width: 50%; } }
  @media (min-width: 900px) {
    .swiper-slide--upsells {
      width: 25%;
      margin-right: 5% !important; } }
  .swiper-slide--upsells .button--inline {
    margin-bottom: 0.557533755em;
    margin-left: 0; }
  .swiper-slide--upsells .cart--button-inline + .button--inline {
    margin-left: 0; }

@media (min-width: 900px) {
  .swiper-slide--upsells-few {
    width: 33.333%; } }

.swiper-container {
  float: left;
  width: 100%; }

.hide-carousel {
  opacity: 0; }

.reveal-carousel {
  opacity: 1;
  -webkit-transition: all 0.65s ease-in-out;
  -moz-transition: all 0.65s ease-in-out;
  -ms-transition: all 0.65s ease-in-out;
  -o-transition: all 0.65s ease-in-out;
  transition: all 0.65s ease-in-out; }

.carousel {
  position: relative;
  clear: both;
  display: block;
  width: 100%;
  zoom: 1; }
  .carousel:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ""; }

.carousel--space {
  margin-bottom: 1.793613375em; }

.carousel--products {
  background-color: #2c2a29; }

.carousel--insta figure {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0;
  overflow: hidden; }
  @media (min-width: 600px) {
    .carousel--insta figure {
      width: 350px;
      height: 350px; } }
  .carousel--insta figure img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.carousel-items {
  float: left;
  width: 100%;
  padding-bottom: 1.793613375em; }
  @media (min-width: 1280px) {
    .carousel-items {
      padding-bottom: 2.1792402506em; } }
  .carousel-items:first-child:not(.carousel-items--products):not(.carousel-items--demo) {
    padding-left: 3.84615385%; }

.carousel-items--multimedia {
  align-items: center; }

.carousel-items--products {
  padding-bottom: 0; }

.carousel-items--home {
  padding-bottom: 0; }
  .carousel-items--home .swiper-slide {
    width: 100%; }

.progress {
  position: absolute;
  display: block;
  top: 41%;
  left: 0.557533755em;
  transform: translateY(-50%);
  width: 100%;
  height: 200px; }
  @media (min-width: 768px) {
    .progress {
      left: 2.6477769045em;
      top: 44%; } }
  @media (min-width: 1020px) {
    .progress {
      left: 3.217048939em; } }

.progress__bars,
.progress__centre {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.progress__bars {
  width: 98%;
  height: 130px;
  border-left: 3px solid #2c2a29;
  border-right: 3px solid #2c2a29;
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
  background-image: url(../../images/misc/progress-black.svg); }

.progress__centre {
  width: 100%;
  height: 6px;
  background-color: #2c2a29; }

.carousel-image {
  display: block;
  width: 200px;
  height: auto; }
  .carousel-image img {
    display: block;
    width: 100%;
    height: auto; }
  @media (min-width: 600px) {
    .carousel-image {
      width: 480px; } }
  @media (min-width: 1440px) {
    .carousel-image {
      width: 640px; } }

@media (min-width: 600px) {
  .carousel-image--square {
    width: 350px; } }

.carousel-image--multimedia {
  display: block;
  max-width: 260px;
  max-height: 240px;
  margin-bottom: 0;
  overflow: hidden; }
  .carousel-image--multimedia img {
    display: block;
    width: 100%;
    height: auto; }
  @media (min-width: 600px) {
    .carousel-image--multimedia {
      max-width: 640px;
      max-height: 500px; } }

.carousel__footer {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 4%;
  z-index: 1; }

.carousel__footer--products {
  position: absolute;
  left: 0;
  bottom: 2.1792402506em; }
  @media (min-width: 900px) {
    .carousel__footer--products {
      bottom: 3.217048939em; } }
  @media (min-width: 1020px) {
    .carousel__footer--products {
      bottom: 4.7490880699em; } }

.carousel__footer--home {
  position: absolute;
  left: 0;
  bottom: 3.217048939em; }
  @media (min-width: 900px) {
    .carousel__footer--home {
      bottom: 3.9087144609em; } }
  @media (min-width: 1020px) {
    .carousel__footer--home {
      bottom: 4.7490880699em; } }

.carousel__footer--upsells {
  padding-left: 0;
  padding-right: 0; }

.carousel-pager {
  float: left;
  width: 100%;
  margin-top: 4px;
  display: none; }
  @media (min-width: 600px) {
    .carousel-pager {
      display: block; } }
  @media (min-width: 900px) {
    .carousel-pager {
      width: auto; } }

.swiper-pagination-bullet {
  position: relative;
  margin: 0 30px 0 0;
  width: 13px;
  height: 13px;
  background-color: transparent;
  border: 1px solid #2c2a29;
  opacity: 1;
  outline: none; }
  @media (min-width: 900px) {
    .swiper-pagination-bullet {
      margin: 0 15px; } }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2c2a29;
    border-color: #2c2a29; }
  .swiper-pagination-bullet:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    content: '';
    display: block; }
  .swiper-pagination-bullet:after {
    position: absolute;
    top: 50%;
    right: -46px;
    transform: translate(-50%, -50%);
    content: '';
    width: 30px;
    height: 1px;
    background-color: #2c2a29; }
  .swiper-pagination-bullet:last-of-type:after {
    display: none; }
  @media (min-width: 900px) {
    .swiper-pagination-bullet:hover {
      background-color: #fe5000;
      border-color: #fe5000; } }

.carousel--products .swiper-pagination-bullet {
  border: 1px solid #ececea; }
  .carousel--products .swiper-pagination-bullet:after {
    background-color: #ececea; }
  .carousel--products .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ececea;
    border-color: #ececea; }

.carousel-nav {
  position: relative;
  display: none;
  float: left;
  width: auto;
  padding-right: 1.215em; }
  @media (min-width: 600px) {
    .carousel-nav {
      display: block; } }

.carousel-nav--right {
  float: right;
  padding-right: 0; }

.carousel__footer--home {
  float: right;
  right: 0; }
  .carousel__footer--home .carousel-nav {
    float: right; }

.carousel-nav--stereo {
  display: block;
  width: 100%;
  padding-right: 0;
  float: none; }

.carousel-nav-prev,
.carousel-nav-next {
  float: left;
  padding: 0.310843888em 0.8230452675em 0.0558385909em;
  border: 1px solid #2c2a29;
  outline: none;
  cursor: pointer; }
  .carousel-nav-prev .icon,
  .carousel-nav-next .icon {
    font-size: 15px; }

.carousel-nav-prev {
  left: 0;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.carousel-nav-next {
  right: 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.carousel-nav--white {
  border-color: #fff; }

.carousel-nav-prev.swiper-button-disabled,
.stereo-nav-prev.swiper-button-disabled,
.carousel-nav-next.swiper-button-disabled,
.stereo-nav-next.swiper-button-disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none; }

.home-slide {
  float: left;
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 44px); }
  @media (min-width: 768px) {
    .home-slide {
      height: calc(100vh - 64px); } }
  @media (min-width: 900px) {
    .home-slide {
      height: calc(100vh - 72px); } }
  @media (min-width: 1440px) {
    .home-slide {
      height: calc(100vh - 91px); } }
  .home-slide .home-slide__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1; }
  .home-slide .home-slide__content {
    z-index: 2; }

.zoom .home-slide .home-slide__bg {
  animation: home_bg_zoom 11s forwards linear; }

@keyframes home_bg_zoom {
  0% {
    transform: scale(1.35); }
  100% {
    transform: scale(1); } }
/* 
 * 
 * $Video
 *
**/
.video-slide {
  display: block;
  width: 200px; }
  .video-slide h4 {
    margin-top: 0.2558385909em;
    font-size: 0.8880452675em; }
  @media (min-width: 600px) {
    .video-slide {
      width: 480px; }
      .video-slide h4 {
        margin-top: 0.3776753239em;
        font-size: 1.301225em; } }
  @media (min-width: 1440px) {
    .video-slide {
      width: 640px; } }

.video-container {
  position: relative;
  display: block;
  width: 200px;
  padding-bottom: 51.25%;
  height: 0;
  overflow: hidden; }
  @media (min-width: 600px) {
    .video-container {
      width: 480px; } }
  @media (min-width: 768px) {
    .video-container:hover .video-overlay {
      cursor: pointer; }
      .video-container:hover .video-overlay::before {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .video-container:hover .video-play {
      opacity: 1; }
    .video-container:hover .video-play:before {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      opacity: 0.35;
      border: 6px solid #2c2a29; } }
  @media (min-width: 1440px) {
    .video-container {
      width: 640px; } }

.video-container--space {
  margin-bottom: 0.8230452675em; }
  @media (min-width: 600px) {
    .video-container--space {
      margin-bottom: 1.215em; } }

.video-container--multimedia {
  width: 260px; }
  @media (min-width: 600px) {
    .video-container--multimedia {
      width: 600px; } }
  @media (min-width: 1440px) {
    .video-container--multimedia {
      width: 640px; } }

.video-container-home {
  width: 100%;
  margin-top: 0.8230452675em;
  margin-bottom: 0.8230452675em;
  padding-bottom: 56.25%; }

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1; }
  .video-overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #2c2a29;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-play {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  background-color: transparent;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  border: 0;
  outline: 0;
  opacity: 0.9;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  z-index: 1;
  line-height: 0;
  padding: 0;
  box-sizing: content-box; }
  .video-play .icon--audio {
    font-size: 8px; }
  @media (min-width: 600px) {
    .video-play .icon--audio {
      font-size: 13px; } }
  @media (min-width: 1440px) {
    .video-play .icon--audio {
      font-size: 15px; } }
  .video-play:before {
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 1px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    content: '';
    background-color: #2c2a29;
    opacity: 0.15;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 2px solid #2c2a29;
    border-radius: 50%;
    z-index: -1; }

.video-full {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  background-color: #2c2a29; }
  .video-full:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #2c2a29;
    opacity: 0.43;
    z-index: 1; }

.video-full__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  overflow: hidden;
  z-index: 0; }
  .video-full__video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ }

.video-full__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  padding-top: 1.215em;
  max-width: 400px;
  z-index: 1; }
  .video-full__content h2, .video-full__content p {
    color: #fff;
    text-transform: uppercase; }
  .video-full__content h2 {
    max-width: 400px;
    margin-bottom: 0.3776753239em; }
  .video-full__content p {
    max-width: 400px;
    margin-bottom: 0.8230452675em;
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    font-size: 1.215em;
    letter-spacing: 0.01em;
    font-weight: 700;
    line-height: 1.476225em; }
  @media (min-width: 900px) {
    .video-full__content {
      position: absolute;
      top: auto;
      left: auto;
      bottom: 2.6477769045em;
      right: 0;
      transform: none;
      max-width: 540px; }
      .video-full__content h2 {
        font-size: 2.1792402506em;
        line-height: 1em; } }
    @media (min-width: 900px) and (min-width: 900px) {
      .video-full__content h2 {
        font-size: 2.792048939em; } }
  @media (min-width: 900px) {
      .video-full__content p {
        max-width: 580px;
        font-size: 1.793613375em; } }
  @media (min-width: 1280px) {
    .video-full__content h2 {
      max-width: 480px;
      font-size: 3.9087144609em; } }

.full-width-youtube-video {
  position: relative; }
  .full-width-youtube-video img {
    width: 100%;
    height: auto;
    display: block; }
  .full-width-youtube-video a {
    margin: 0; }
  .full-width-youtube-video a:hover .video-overlay:before {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

div.dark_square .pp_close {
  width: 2rem;
  height: 2rem;
  background: url("../images/svgs/x.svg") no-repeat;
  background-size: cover; }
  div.dark_square .pp_close:hover {
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.fancybox-slide > * {
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important; }

.fancybox-hide {
  width: 95% !important;
  overflow: visible !important; }
  @media (min-width: 900px) {
    .fancybox-hide {
      width: 80% !important; } }

.fancybox-close-small {
  top: -40px !important;
  right: 0 !important; }
  @media (min-width: 900px) {
    .fancybox-close-small {
      top: 0 !important;
      right: -40px !important; } }

.ari-fancybox:hover .video-overlay .video-play {
  opacity: 1; }
.ari-fancybox:hover .video-overlay .video-play::before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0.35;
  border: 6px solid #2c2a29; }

/* 
 * 
 * $Switchup
 *
**/
.switchup {
  clear: both;
  display: block;
  width: 100%; }

.switchup--grid {
  display: none; }

@media (min-width: 768px) {
  .switchup--carousel {
    display: none; }

  .switchup--grid {
    display: block; } }
/* 
 * 
 * $Image
 *
**/
.more-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 100%;
  min-height: 457px;
  margin-right: 50px; }
  @media (min-width: 600px) {
    .more-container {
      width: 300px;
      min-height: 502px; } }
  @media (min-width: 768px) {
    .more-container {
      width: 100%;
      max-width: 300px;
      height: auto;
      min-height: 100%; } }
  @media (min-width: 900px) {
    .more-container {
      max-width: 360px; } }
  @media (min-width: 1280px) {
    .more-container {
      max-width: 275px; } }
  @media (min-width: 1440px) {
    .more-container {
      max-width: 320px; } }

.more-container--short {
  min-height: 210px; }

.more-container--square {
  min-height: 200px;
  width: 200px;
  max-width: 200px; }
  @media (min-width: 600px) {
    .more-container--square {
      min-height: 328px;
      width: 328px;
      max-width: 328px; } }

.more-container--video {
  min-height: 200px;
  width: 200px; }
  @media (min-width: 600px) {
    .more-container--video {
      width: 246px;
      height: 246px; } }
  @media (min-width: 1440px) {
    .more-container--video {
      width: 328px;
      height: 328px; } }

.more {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
  max-width: 260px;
  padding: 1.215em; }
  @media (min-width: 1020px) {
    .more {
      padding: 0 2.1792402506em; } }

.more--square {
  max-width: 145px; }

.more__border {
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background: #2c2a29; }
  .more__border:before, .more__border:after {
    position: absolute;
    display: block;
    content: '';
    width: 25px;
    height: 3px;
    background: #2c2a29; }

.more__border--left {
  left: 0; }
  .more__border--left:before {
    top: 0;
    left: 0; }
  .more__border--left:after {
    bottom: 0;
    left: 0; }

.more__border--right {
  right: 0; }
  .more__border--right:before {
    top: 0;
    right: 0; }
  .more__border--right:after {
    bottom: 0;
    right: 0; }

.more__title {
  display: block;
  width: 100%;
  max-width: 180px;
  margin-bottom: 0; }
  .more__title a {
    font-weight: 700; }
  @media (min-width: 1280px) {
    .more__title {
      max-width: 260px; } }

.more__symbol {
  display: block;
  width: 100%;
  height: auto; }

/* 
 * 
 * $Tour
 *
**/
.tour {
  clear: both;
  float: left;
  width: 230px;
  margin-right: 1.215em;
  padding-bottom: 1.215em;
  border-bottom: 1px solid #2c2a29; }
  @media (min-width: 600px) {
    .tour {
      width: auto;
      margin-right: 0;
      padding-bottom: 1.793613375em; } }

.tour__image {
  float: left; }
  .tour__image img {
    display: block;
    width: auto;
    height: 140px;
    margin-bottom: 1.215em; }
    @media (min-width: 600px) {
      .tour__image img {
        width: auto;
        height: 350px;
        margin-bottom: 0; } }

.tour__content {
  clear: both;
  float: left;
  width: 100%; }
  .tour__content h4 {
    margin-bottom: 0.557533755em; }
  .tour__content p:last-of-type {
    margin-bottom: 0; }
  @media (min-width: 600px) {
    .tour__content {
      clear: none;
      width: 300px;
      margin-left: 1.793613375em; } }

/* 
 * 
 * $Original
 *
**/
.original {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-flow: row wrap;
  width: 100%;
  border-top: 1px solid #2c2a29;
  border-bottom: 1px solid #2c2a29; }

.original__image {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 70%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 600px) {
    .original__image {
      padding-bottom: 56.666%; } }
  @media (min-width: 1020px) {
    .original__image {
      width: 50%;
      height: 500px;
      padding-bottom: 0; } }
  @media (min-width: 1440px) {
    .original__image {
      height: 620px; } }

.original__content {
  width: 100%;
  padding: 1.215em 1.215em 2.1792402506em; }
  @media (min-width: 768px) {
    .original__content {
      padding-bottom: 3.217048939em; } }
  @media (min-width: 1020px) {
    .original__content {
      width: 50%;
      padding: 1.215em; } }
  @media (min-width: 1280px) {
    .original__content {
      padding: 2.6477769045em; } }

.original__lead-title {
  margin-bottom: 0; }

/* 
 * 
 * $Legacy
 *
**/
.legacy {
  clear: both;
  display: block;
  width: 100%;
  padding: 2.1792402506em 1.215em;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  background-image: url(../../images/backgrounds/wood-900w.jpg); }
  @media (min-width: 600px) {
    .legacy {
      background-image: url(../../images/backgrounds/wood-1600w.jpg); } }
  @media (min-width: 768px) {
    .legacy {
      padding-top: 4.7490880699em;
      padding-bottom: 4.7490880699em; } }

.legacy__title {
  float: left;
  width: 100%;
  margin-bottom: 1.215em; }
  @media (min-width: 1280px) {
    .legacy__title {
      margin-bottom: 1.793613375em; } }

.legacy__lead-title {
  font-size: 0.8230452675em;
  color: #fff;
  margin-bottom: 0; }

.legacy__image {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 1.215em; }
  .legacy__image img {
    display: block;
    width: 100%; }
  @media (min-width: 1020px) {
    .legacy__image {
      margin-bottom: 0; } }

/* 
 * 
 * $Upgrade
 *
**/
.upgrade {
  position: relative;
  clear: both;
  display: block;
  width: 100%;
  padding: 2.1792402506em 0;
  background-color: #2c2a29; }
  @media (min-width: 1020px) {
    .upgrade {
      padding-top: 2.6477769045em;
      padding-bottom: 2.6477769045em; } }

.upgrade__content {
  clear: both;
  display: block;
  width: 100%;
  margin: 0 auto; }
  .upgrade__content p {
    font-size: 1em;
    color: #fff;
    text-align: center;
    line-height: 1.476225em; }

/* 
 * 
 * $Bookends
 *
**/
.bookend {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 60%;
  height: 1px;
  background-color: #fff; }
  .bookend:before, .bookend:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 120px;
    background-color: #fff; }
  .bookend:before {
    left: 0; }
  .bookend:after {
    right: 0; }
  @media (min-width: 600px) {
    .bookend {
      height: 2px; }
      .bookend:before, .bookend:after {
        width: 4px; } }
  @media (min-width: 1440px) {
    .bookend {
      width: 100%; }
      .bookend:before, .bookend:after {
        width: 5px; } }

.bookend--before {
  left: 0; }
  .bookend--before:before {
    display: none; }

.bookend--after {
  right: 0; }
  .bookend--after:after {
    display: none; }

.bookend--cta-banner:before, .bookend--cta-banner:after {
  height: 90px; }

/* 
 * 
 * $Search
 *
**/
.search-trigger {
  float: left;
  width: 18px;
  height: 20px;
  margin-bottom: 0; }
  .search-trigger svg {
    width: 18px;
    height: 18px; }
    .search-trigger svg line, .search-trigger svg circle {
      stroke: #000;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  @media (min-width: 768px) {
    .search-trigger {
      float: none;
      display: inline-block;
      width: 21px;
      height: 22px; }
      .search-trigger svg {
        width: 21px;
        height: 20px; }
      .search-trigger:hover svg line, .search-trigger:hover svg circle {
        stroke: #fe5000;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; } }
  @media (min-width: 900px) {
    .search-trigger {
      width: 28px;
      height: 26px; }
      .search-trigger svg {
        width: 26px;
        height: 24px; } }

/* 
 * 
 * $Cart
 *
**/
.cart__product-details {
  display: flex;
  align-items: center;
  flex-flow: row wrap; }

.cart--button-inline {
  float: left; }
  @media (min-width: 1440px) {
    .cart--button-inline {
      max-width: 148px;
      padding: 0; }
      .cart--button-inline + .button--inline {
        margin-left: 1em; } }

.cart-trigger {
  position: relative;
  float: left;
  margin: 1px 1.265em 0; }
  .cart-trigger svg {
    display: block;
    width: 23px;
    height: 16px; }
    .cart-trigger svg line, .cart-trigger svg polygon, .cart-trigger svg polyline {
      stroke: #000;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .cart-trigger.cart-trigger--current svg line, .cart-trigger.cart-trigger--current svg polygon, .cart-trigger.cart-trigger--current svg polyline {
    stroke: #a7a8aa;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  @media (min-width: 768px) {
    .cart-trigger {
      float: none;
      display: inline-block;
      width: 22px;
      height: 18px;
      margin: 0 1.415em; }
      .cart-trigger svg {
        width: 22px;
        height: 18px; }
      .cart-trigger:hover svg line, .cart-trigger:hover svg polygon, .cart-trigger:hover svg polyline {
        stroke: #fe5000;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .cart-trigger:hover .cart-trigger__count {
        background-color: #fe5000;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; } }
  @media (min-width: 900px) {
    .cart-trigger {
      width: 28px;
      height: 23px;
      margin: 0 1.365em; }
      .cart-trigger svg {
        width: 26px;
        height: 24px; } }
  @media (min-width: 1440px) {
    .cart-trigger {
      margin: 0 1.465em; } }

.cart-trigger__count {
  position: absolute;
  top: -10px;
  right: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  margin-bottom: 0;
  font-size: 0.557533755em;
  color: #fff;
  background-color: #fe5000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .cart-trigger__count.hide-count {
    opacity: 0; }
  @media (min-width: 1020px) {
    .cart-trigger__count {
      top: -19px;
      left: 4px;
      width: 18px;
      height: 18px;
      font-size: 0.6774035123em; } }
  @media (min-width: 1440px) {
    .cart-trigger__count {
      top: -21px; } }

.cart__additional-sales {
  clear: both;
  float: left;
  width: 100%;
  padding: 1.215em 0 1.793613375em; }
  @media (min-width: 900px) {
    .cart__additional-sales {
      padding: 1.793613375em 0; } }

.cart__vat-coupons {
  clear: both;
  float: left;
  width: 100%;
  padding: 1.215em 0 1.793613375em; }
  @media (min-width: 900px) {
    .cart__vat-coupons {
      padding: 1.793613375em 0; } }

.cart__totals {
  clear: both;
  float: left;
  width: 100%;
  padding: 1.215em 0 1.793613375em; }
  @media (min-width: 900px) {
    .cart__totals {
      padding: 1.793613375em 0 3.9087144609em; } }

.update-cart-button {
  margin-bottom: 1.793613375em; }
  @media (min-width: 900px) {
    .update-cart-button {
      float: right; } }

.counter-button {
  position: relative;
  display: inline-block;
  top: 4px;
  padding: 2px;
  margin-bottom: 0;
  font-size: 1.793613375em;
  font-weight: 100;
  cursor: pointer; }

/* hide jquery overlay block */
.woocommerce .blockUI.blockOverlay {
  position: relative !important;
  display: none !important; }

th.product-price {
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: center; }
  th.product-price .exvat {
    font-size: 48%;
    line-height: 1;
    margin-left: 0.35em; }

/* 
 * 
 * $Stereo
 *
**/
.stereo {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  border: 3px solid #000;
  -webkit-border-radius: 4.5px;
  -moz-border-radius: 4.5px;
  border-radius: 4.5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.stereo__title {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 1em;
  font-size: 1em;
  letter-spacing: 0.02em;
  background-color: #f1f2ed; }
  @media (min-width: 600px) {
    .stereo__title {
      top: -73px; } }
  @media (min-width: 900px) {
    .stereo__title {
      top: -80px;
      font-size: 0.8880452675em; } }
  @media (min-width: 1020px) {
    .stereo__title {
      top: -11px; } }
  @media (min-width: 1440px) {
    .stereo__title {
      font-size: 0.6774035123em; } }

.stereo__panel {
  display: block;
  flex: 0 auto;
  width: calc(100% - 40px);
  margin: 0 auto; }
  @media (min-width: 600px) {
    .stereo__panel {
      position: relative;
      flex: 0 auto;
      width: 33.333%;
      border-bottom: 0;
      border-right: 1px solid #000; } }

.stereo__speaker {
  display: block;
  width: 100%;
  padding: 1.793613375em 0 0; }
  .stereo__speaker img {
    display: block;
    width: 100%;
    max-width: 130px;
    height: auto;
    margin: 0 auto; }
  @media (min-width: 768px) {
    .stereo__speaker img {
      max-width: 140px; } }
  @media (min-width: 900px) {
    .stereo__speaker img {
      max-width: 170px; } }
  @media (min-width: 1280px) {
    .stereo__speaker img {
      max-width: 200px; } }

.stereo__controls {
  width: 200px;
  padding: 1.793613375em 0;
  margin: 0 auto; }

.stereo__play-toggle {
  display: inline-block;
  margin: 0 0.8230452675em;
  cursor: pointer; }
  .stereo__play-toggle svg {
    display: block;
    width: 42px;
    height: 42px; }
  .stereo__play-toggle rect {
    display: none; }
  @media (min-width: 900px) {
    .stereo__play-toggle:hover svg circle {
      fill: #cb4000;
      stroke: #cb4000;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; } }
  @media (min-width: 1020px) {
    .stereo__play-toggle svg {
      width: 52px;
      height: 52px; } }

.playing svg rect {
  display: block; }
.playing svg polygon {
  display: none; }
.playing svg circle {
  fill: #fe5000;
  stroke: #fe5000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.stereo-nav-prev,
.stereo-nav-next {
  display: inline-block;
  float: none; }
  .stereo-nav-prev:active, .stereo-nav-prev:focus,
  .stereo-nav-next:active,
  .stereo-nav-next:focus {
    outline: none; }
  .stereo-nav-prev:hover,
  .stereo-nav-next:hover {
    cursor: pointer; }
  .stereo-nav-prev svg,
  .stereo-nav-next svg {
    display: block;
    width: 42px;
    height: 42px; }
    @media (min-width: 1020px) {
      .stereo-nav-prev svg,
      .stereo-nav-next svg {
        width: 52px;
        height: 52px; } }

.play-pause svg {
  display: block;
  width: 42px;
  height: 42px; }
  @media (min-width: 1020px) {
    .play-pause svg {
      width: 52px;
      height: 52px; } }

.stereo__body {
  display: inline-flex;
  flex: 0 auto;
  width: 100%;
  overflow: hidden; }
  @media (min-width: 600px) {
    .stereo__body {
      width: 66.666%; } }

.stero__carousel {
  width: 100%; }

.track-wrapper {
  width: 80%;
  padding: 1.793613375em 0; }

/*
// Single Track Styles

.track {
    display: inline-block;
    width:100%;
	padding: 0 50px;
    
    @include breakpoint(bp1) {
        height: 100%;
        min-height: 280px;
        padding: $ms0 0;
        //width: 240px;
        //padding-left:35px;
        //border-left: 1px solid $primary-black;
    }
    @include breakpoint(bp2) {
        //width: 300px;
       // margin-left: -1px;
    }
    @include breakpoint(bp3) {
        //width: 320px;
       // padding-left:50px;
    }
}
.track--first {
    @include breakpoint(bp1) {
        border-left-width: 0;
    }
}
*/
.track {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.track__header {
  display: block;
  width: 100%;
  border-bottom: 1px solid #000;
  padding-bottom: 0.8230452675em;
  margin-bottom: 1em; }
  @media (min-width: 600px) {
    .track__header {
      padding-bottom: 1em; } }
  @media (min-width: 1020px) {
    .track__header {
      padding-bottom: 1.215em;
      margin-bottom: 1.215em; } }
  @media (min-width: 1440px) {
    .track__header {
      padding-bottom: 1.793613375em;
      margin-bottom: 1.793613375em; } }

.track__title {
  margin-bottom: 0.3776753239em;
  font-size: 1em;
  letter-spacing: 0.02em;
  text-align: left; }
  @media (min-width: 768px) {
    .track__title {
      font-size: 1.215em;
      letter-spacing: 0.01em; } }
  @media (min-width: 1020px) {
    .track__title {
      margin-bottom: 0.3776753239em;
      letter-spacing: 0; } }

.track__artist,
.track__notes {
  clear: both;
  display: block;
  width: 100%; }
  .track__artist p,
  .track__notes p {
    margin-bottom: 0;
    font-size: 0.8880452675em;
    text-align: left;
    line-height: 1.476225em; }
    @media (min-width: 600px) {
      .track__artist p,
      .track__notes p {
        line-height: 1.793613375em; } }
    @media (min-width: 1020px) {
      .track__artist p,
      .track__notes p {
        font-size: 1em;
        letter-spacing: 0.02em; } }

.track__artist {
  margin-bottom: 0; }
  .track__artist p a {
    margin-bottom: 0;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 1px dashed #2c2a29; }
    .track__artist p a:hover {
      border-bottom-color: #fe5000; }

@media (min-width: 600px) {
  .track__notes {
    margin-bottom: 0; } }

.soundcloud-iframe {
  visibility: hidden; }

/* 
 * 
 * $Testimonials
 *
**/
.testimonials {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-flow: row wrap;
  width: 100%;
  border-top: 1px solid #2c2a29;
  border-bottom: 1px solid #2c2a29; }

.testimonials__image {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 70%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 600px) {
    .testimonials__image {
      padding-bottom: 56.666%; } }
  @media (min-width: 1020px) {
    .testimonials__image {
      width: 50%;
      height: 520px;
      padding-bottom: 0; } }
  @media (min-width: 1020px) {
    .testimonials__image {
      height: 680px; } }

.testimonials__content {
  width: 100%;
  padding: 0 0 1.215em; }
  @media (min-width: 768px) {
    .testimonials__content {
      padding-bottom: 2.1792402506em; } }
  @media (min-width: 1020px) {
    .testimonials__content {
      width: 50%;
      padding: 1.215em 1.793613375em; } }
  @media (min-width: 1440px) {
    .testimonials__content {
      padding: 1.215em 2.6477769045em; } }

.testimonials__header {
  float: left;
  width: 100%;
  padding: 1.215em 1.215em 0.8230452675em; }
  @media (min-width: 1020px) {
    .testimonials__header {
      padding: 0 0 0.8230452675em; } }

.testimonial {
  float: left;
  width: 100%;
  padding: 0 1.215em 0.8230452675em; }
  @media (min-width: 1020px) {
    .testimonial {
      padding: 0 0 0.8230452675em; } }

.testimonial__entry {
  position: relative;
  display: block;
  width: 100%;
  max-width: 600px;
  padding: 2.1792402506em 0;
  margin: 0; }
  .testimonial__entry p {
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    font-size: 1.301225em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.476225em; }
    .testimonial__entry p:last-of-type {
      margin-bottom: 0; }
  .testimonial__entry .icon--quote {
    position: absolute;
    left: 0;
    font-size: 11px; }
  .testimonial__entry .icon--quote-before {
    top: -7px; }
  .testimonial__entry .icon--quote-after {
    bottom: -8px; }
  @media (min-width: 900px) {
    .testimonial__entry {
      padding-top: 2.6477769045em;
      padding-bottom: 2.6477769045em; }
      .testimonial__entry .icon--quote {
        font-size: 14px; } }
  @media (min-width: 1440px) {
    .testimonial__entry {
      max-width: 900px; }
      .testimonial__entry p {
        font-size: 1.793613375em; }
      .testimonial__entry .icon--quote {
        font-size: 16px; } }

.testimonial__cite {
  clear: both;
  float: right; }
  @media (min-width: 768px) {
    .testimonial__cite {
      float: left;
      padding-top: 1.476225em; } }

.testimonial__thumb {
  float: right;
  width: 85px;
  height: 85px;
  margin-left: 0.6774035123em; }
  .testimonial__thumb img {
    width: auto;
    height: 100%; }
  @media (min-width: 768px) {
    .testimonial__thumb {
      float: left;
      margin-left: 0;
      margin-right: 0.6774035123em; } }

.testimonial__details {
  display: flex;
  align-items: center;
  padding: 0;
  height: 85px;
  float: right; }

.testimonial__author {
  margin-bottom: 0;
  font-size: 0.8880452675em;
  font-weight: 700;
  font-style: normal;
  text-align: right;
  line-height: 1.601225em; }
  @media (min-width: 768px) {
    .testimonial__author {
      text-align: left; } }
  @media (min-width: 900px) {
    .testimonial__author {
      font-size: 1em;
      letter-spacing: 0.02em; } }

.testimonial__artist {
  margin-bottom: 0;
  font-size: 0.8880452675em;
  font-style: normal;
  text-align: right;
  line-height: 1.601225em; }
  @media (min-width: 768px) {
    .testimonial__artist {
      text-align: left; } }
  @media (min-width: 900px) {
    .testimonial__artist {
      font-size: 1em;
      letter-spacing: 0.02em; } }

/* 
 * 
 * $CtaBlock
 *
**/
.cta-block {
  position: relative;
  float: left;
  width: 100%;
  padding: 2.1792402506em 0;
  background-color: #2c2a29;
  overflow: hidden; }
  @media (min-width: 1020px) {
    .cta-block {
      padding-top: 5.770142005em;
      padding-bottom: 5.770142005em; } }
  @media (min-width: 1280px) {
    .cta-block {
      padding-top: 9.770142005em;
      padding-bottom: 9.770142005em; } }

.cta-block__content {
  display: flex;
  width: 100%;
  margin: auto;
  flex-flow: row wrap;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  zoom: 1; }
  .cta-block__content:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: ""; }
  @media (min-width: 1280px) {
    .cta-block__content {
      align-items: center; } }

.cta-block__image {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 62%;
  margin-bottom: 1.215em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (min-width: 600px) {
    .cta-block__image {
      padding-bottom: 66.666%; } }
  @media (min-width: 1280px) {
    .cta-block__image {
      width: 47.5%;
      order: 2;
      padding-bottom: 50%;
      margin-bottom: 0; } }

.cta-block__details {
  display: block;
  width: 100%; }
  @media (min-width: 1280px) {
    .cta-block__details {
      order: 1;
      width: 47.5%; } }

.cta-block__title,
.cta-block__price {
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  color: #fff;
  font-weight: 700; }
  @media (min-width: 1280px) {
    .cta-block__title,
    .cta-block__price {
      text-align: right; } }

.cta-block__title {
  margin-bottom: 0.2558385909em;
  color: #ececea; }
  @media (min-width: 600px) {
    .cta-block__title {
      margin-bottom: 0.310843888em;
      font-size: 2.6477769045em;
      line-height: 1em;
      letter-spacing: -.025em; } }
  @media (min-width: 600px) and (min-width: 768px) {
    .cta-block__title {
      font-size: 3.717048939em; } }
  @media (min-width: 600px) and (min-width: 1280px) {
    .cta-block__title {
      font-size: 4.1587144609em; } }

  @media (min-width: 1280px) {
    .cta-block__title {
      margin-bottom: 0.1558385909em; } }

.cta-block__price {
  margin-bottom: 0.557533755em;
  font-size: 1.793613375em;
  color: #ececea;
  text-transform: uppercase;
  text-align: left;
  display: flex;
  align-items: center; }
  .cta-block__price del {
    opacity: 0.6;
    padding-right: 0.25em; }
  .cta-block__price .exvat {
    font-size: 48%;
    line-height: 1;
    margin-left: 0.35em; }
  @media (min-width: 1280px) {
    .cta-block__price {
      font-size: 2.1792402506em;
      line-height: 1em;
      justify-content: flex-end; } }
  @media (min-width: 1280px) and (min-width: 900px) {
    .cta-block__price {
      font-size: 2.792048939em; } }

/* 
 * 
 * $CtaBanner
 *
**/
.cta-banner {
  position: fixed;
  bottom: 42px;
  left: 0;
  float: left;
  width: 100%;
  padding: 0.8230452675em 1.215em;
  background-color: #2c2a29;
  overflow: hidden;
  transform: translateY(300%);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 1; }
  .cta-banner.reveal {
    transform: translateY(0); }
    .cta-banner.reveal.cta-block-visible {
      transform: translateY(300%); }
  @media (min-width: 900px) {
    .cta-banner {
      bottom: 64px; } }
  @media (min-width: 1280px) {
    .cta-banner {
      padding: 1.476225em 0; } }
  .cta-banner .bookend {
    display: none; }
    @media (min-width: 1280px) {
      .cta-banner .bookend {
        display: block; } }
  @media (min-width: 1440px) {
    .cta-banner {
      bottom: 88px; } }

.cta-banner__content {
  display: flex;
  width: 100%;
  margin: auto;
  justify-content: center;
  align-items: center; }
  @media (min-width: 1280px) {
    .cta-banner__content {
      padding: 0 0.3776753239em; } }
  .cta-banner__content .button--medium {
    display: none; }
    @media (min-width: 1280px) {
      .cta-banner__content .button--medium {
        display: block; } }

.cta-banner__details {
  display: block;
  width: 100%; }
  @media (min-width: 1280px) {
    .cta-banner__details {
      display: flex;
      flex-flow: row wrap;
      width: auto;
      justify-content: space-between;
      align-items: center;
      width: 80%; } }

.cta-banner__image {
  display: none;
  width: 15%;
  height: auto;
  margin-right: 1.215em; }
  @media (min-width: 1280px) {
    .cta-banner__image {
      display: block; } }

.cta-banner__title,
.cta-banner__price {
  margin-bottom: 0;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  color: #fff;
  font-weight: 700; }
  @media (min-width: 1280px) {
    .cta-banner__title,
    .cta-banner__price {
      text-align: right; } }

.cta-banner__title {
  display: inline-block;
  padding: 0.2558385909em 0;
  font-size: 1.301225em; }
  @media (min-width: 1280px) {
    .cta-banner__title {
      font-size: 2.1792402506em;
      line-height: 1em; } }
  @media (min-width: 1280px) and (min-width: 900px) {
    .cta-banner__title {
      font-size: 2.792048939em; } }

.cta-banner__price {
  display: none;
  text-align: left; }
  @media (min-width: 1280px) {
    .cta-banner__price {
      display: inline-flex;
      align-items: center;
      font-size: 1.301225em;
      text-transform: uppercase; }
      .cta-banner__price del {
        opacity: 0.6;
        padding-right: 0.25em; }
      .cta-banner__price .exvat {
        font-size: 48%;
        line-height: 1;
        margin-left: 0.35em; } }

.cta-banner__add-to-cart {
  float: right;
  width: auto; }
  @media (min-width: 1280px) {
    .cta-banner__add-to-cart {
      display: inline-block; }
      .cta-banner__add-to-cart .button {
        padding-top: 1em;
        padding-bottom: 1em; } }

.cta-banner__divider {
  position: relative;
  display: none;
  width: 184px; }
  @media (min-width: 1280px) {
    .cta-banner__divider {
      display: inline-block; } }
  @media (min-width: 1440px) {
    .cta-banner__divider {
      min-width: 234px;
      width: 32%; } }

.cta-banner__divider-bars {
  display: block;
  width: 100%;
  height: 20px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
  background-image: url(../../images/misc/progress-white.svg); }

/* 
 * 
 * $Lead
 *
**/
.lead {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 1.793613375em;
  border-bottom: 1px solid #000; }
  @media (min-width: 600px) {
    .lead {
      padding-bottom: 2.1792402506em; } }
  @media (min-width: 1280px) {
    .lead {
      padding-bottom: 0; } }
  .lead.fullheight {
    border-bottom: none; }

.lead__content {
  float: left;
  width: 100%; }
  @media (min-width: 1280px) {
    .lead__content {
      max-width: 92%;
      margin-top: 2.6477769045em; } }
  @media (min-width: 1440px) {
    .lead__content {
      margin-top: 3.9087144609em; } }
  @media (min-width: 1280px) {
    .lead__content.fullheight {
      display: flex;
      align-items: center;
      height: calc(100vh - 90px);
      margin-top: 0; } }
  @media (min-width: 1440px) {
    .lead__content.fullheight {
      margin-top: 0; } }

.lead__image-container {
  display: block;
  width: 100%;
  height: 320px;
  padding-bottom: 56.666%;
  margin-bottom: 1.793613375em; }
  @media (min-width: 768px) {
    .lead__image-container {
      height: 520px;
      padding-bottom: 0; } }
  @media (min-width: 900px) {
    .lead__image-container {
      height: 620px; } }
  @media (min-width: 1280px) {
    .lead__image-container {
      position: relative;
      height: 780px;
      margin-bottom: 0; } }
  @media (min-width: 1440px) {
    .lead__image-container {
      height: 920px; } }
  @media (min-width: 1280px) {
    .lead__image-container.fullheight {
      height: calc(100vh - 90px); } }
  @media (min-width: 1440px) {
    .lead__image-container.fullheight {
      height: calc(100vh - 90px); } }

.lead__image {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 320px;
  padding-bottom: 56.666%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media all and (min-width: 530px) {
    .lead__image {
      padding-bottom: 52.3%; } }
  @media (min-width: 768px) {
    .lead__image {
      height: 520px;
      padding-bottom: 0; } }
  @media (min-width: 900px) {
    .lead__image {
      height: 620px; } }
  @media (min-width: 1280px) {
    .lead__image {
      width: 106.3%;
      height: 100%; } }
  @media (min-width: 1280px) {
    .lead__image.col6img {
      width: 108.55%;
      height: calc(100vh + 90px); } }

/* 
 * 
 * $Coupon
 *
**/
.coupon {
  float: left;
  width: 100%;
  padding: 1.215em;
  margin-bottom: 1.215em;
  border: 3px solid #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

/* 
 * 
 * $Filter
 *
**/
.filter-toggle {
  clear: both;
  display: block;
  margin-bottom: 1em;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  cursor: pointer; }
  .filter-toggle .icon-arrow {
    display: inline-block;
    height: 15px;
    font-size: 7px; }
    .filter-toggle .icon-arrow::before {
      margin-left: -2px;
      margin-top: 3px;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
  .filter-toggle.active .icon-arrow::before {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
  @media (min-width: 600px) {
    .filter-toggle:hover {
      text-decoration: none; }
    .filter-toggle .icon-arrow::before {
      margin-top: 2px; } }
  @media (min-width: 1020px) {
    .filter-toggle {
      display: none; } }

.animated.filter-toggle {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.filters {
  float: left;
  width: 100%;
  margin: 0;
  padding: 1.215em;
  list-style: none;
  border-top: 1px solid #fff; }
  @media (min-width: 1020px) {
    .filters {
      display: flex;
      padding: 0;
      background-color: #2c2a29;
      border-top-width: 0;
      -webkit-border-radius: 9px;
      -moz-border-radius: 9px;
      border-radius: 9px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      overflow: hidden; } }

.filter {
  float: left;
  width: 47%;
  padding: 0;
  margin: 0.557533755em 1.5%;
  line-height: 1.4; }
  .filter a {
    display: block;
    margin-bottom: 0;
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    font-size: 0.8880452675em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    cursor: pointer; }
  .filter.active a, .filter.current a {
    color: #fe5000; }
  @media (min-width: 1020px) {
    .filter {
      display: block;
      width: auto;
      margin: 0 1px;
      border-width: 0;
      flex: 1 0 auto; }
      .filter a {
        padding: 0.4588755185em 1.215em;
        font-size: 1em;
        letter-spacing: 0.02em;
        background-color: #888b8d;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .filter a:hover {
          background-color: #fe5000;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .filter.active a, .filter.current a {
        color: #fff;
        background-color: #fe5000; } }
  @media (min-width: 1280px) {
    .filter a {
      padding-left: 1.793613375em;
      padding-right: 1.793613375em; } }
  @media (min-width: 1440px) {
    .filter a {
      padding-left: 2.1792402506em;
      padding-right: 2.1792402506em; } }

/* 
 * 
 * $Stories
 *
**/
.stories-header {
  float: left;
  width: 100%;
  padding: 2.1792402506em 0;
  background-color: #2c2a29;
  background-position: center;
  background-size: cover;
  background-image: url(../../images/misc/stories-header-background.jpg);
  background-repeat: no-repeat; }
  @media (min-width: 600px) {
    .stories-header {
      padding: 4.7490880699em 0; } }

.stories {
  float: left;
  width: 100%; }

.story__img {
  display: block;
  width: 100%;
  height: 300px;
  background-position: center;
  background-size: cover; }
  @media (min-width: 768px) {
    .story__img {
      height: 160px; } }
  @media (min-width: 1020px) {
    .story__img {
      height: 260px; } }
  @media (min-width: 1440px) {
    .story__img {
      height: 320px; } }

.pagination-container {
  position: relative;
  float: left;
  width: 100%; }
  .pagination-container:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #2c2a29; }
  .pagination-container.inactive:after {
    background-color: #d0d0ce; }
  .pagination-container.inactive .button {
    color: #d0d0ce;
    border-color: #d0d0ce; }
    .pagination-container.inactive .button:hover {
      color: #d0d0ce;
      border-color: #d0d0ce;
      background-color: #ececea;
      cursor: default; }

/* 
 * 
 * $Entry
 *
**/
.entry {
  float: left;
  width: 100%;
  padding-bottom: 1.215em; }
  @media (min-width: 1280px) {
    .entry {
      padding-bottom: 3.217048939em; } }
  .entry blockquote {
    width: 100%;
    margin: 0 0 1em; }
    .entry blockquote p {
      font-family: 'Oswald', 'Sintony', Arial, sans-serif;
      font-size: 1.793613375em;
      font-weight: 700;
      line-height: 1.476225em;
      text-transform: uppercase; }
      .entry blockquote p:last-of-type {
        margin-bottom: 0; }
      @media (min-width: 1280px) {
        .entry blockquote p {
          font-size: 1.301225em; } }
      @media (min-width: 1440px) {
        .entry blockquote p {
          font-size: 1.793613375em; } }
    .entry blockquote:before, .entry blockquote:after {
      position: relative;
      display: block;
      content: ''; }
    .entry blockquote:before {
      top: -7px;
      width: 4.0625em;
      height: 3.328125em;
      background-position: -74.5em -35.875em; }
      .lt-ie9 .entry blockquote:before {
        width: 64px;
        height: 52.25px;
        background-position: -1192px -574px; }
    .entry blockquote:after {
      bottom: -8px;
      width: 4.0625em;
      height: 3.328125em;
      background-position: -70.5em -32.5625em; }
      .lt-ie9 .entry blockquote:after {
        width: 64px;
        height: 52.25px;
        background-position: -1128px -521px; }
    @media (min-width: 1280px) {
      .entry blockquote {
        width: 400px; } }
    @media (min-width: 1440px) {
      .entry blockquote {
        width: 605px; } }
  .entry .quote-left {
    float: left; }
    @media (min-width: 1280px) {
      .entry .quote-left {
        margin-left: -230px;
        padding-right: 1.793613375em; } }
    @media (min-width: 1440px) {
      .entry .quote-left {
        margin-left: -280px; } }
  .entry .quote-right {
    float: right; }
    @media (min-width: 1280px) {
      .entry .quote-right {
        margin-right: -230px;
        padding-left: 1.793613375em; } }
    @media (min-width: 1280px) {
      .entry .quote-right {
        margin-right: -250px; } }
  .entry .title:after {
    position: relative;
    display: block;
    content: '';
    font-size: 14px;
    left: 2px;
    bottom: -0.557533755em;
    width: 16.3125em;
    height: 1.0625em;
    background-position: -35em -27.9375em; }
    .lt-ie9 .entry .title:after {
      width: 260px;
      height: 16px;
      background-position: -560px -447px; }
  .entry p.intro {
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    font-size: 1.568725em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.315em; }
    .entry p.intro:last-of-type {
      margin-bottom: 0; }
    @media (min-width: 900px) {
      .entry p.intro {
        line-height: 1.376225em; } }
    @media (min-width: 1440px) {
      .entry p.intro {
        font-size: 1.793613375em; } }

.entry-title {
  margin-bottom: 0.310843888em; }

/* 
 * 
 * $Tabs
 *
**/
.tabs {
  clear: both;
  display: block;
  width: 100%; }

.tabs__nav {
  display: block;
  list-style: none;
  margin: 0; }

.tab-title {
  position: relative;
  top: 3px;
  display: inline-block;
  margin: 0 0 0 1em;
  background-color: #f1f2ed;
  z-index: 1; }
  .tab-title.active {
    top: 4px; }
    .tab-title.active .tab-title__link {
      border-width: 3px;
      border-bottom-color: #f1f2ed; }

.tab-title__link {
  display: block;
  width: 100px;
  padding: 0.3776753239em;
  margin-bottom: 0;
  border: 1px solid #2c2a29;
  border-bottom-width: 3px;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 2.1792402506em;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 900px) {
    .tab-title__link {
      font-size: 2.792048939em; } }
  @media (min-width: 600px) {
    .tab-title__link {
      width: 110px; } }
  @media (min-width: 900px) {
    .tab-title__link {
      font-size: 1.793613375em; } }
  @media all and (min-width: 1680px) {
    .tab-title__link {
      width: 154px;
      font-size: 2.1792402506em;
      line-height: 1em; } }
  @media all and (min-width: 1680px) and (min-width: 900px) {
    .tab-title__link {
      font-size: 2.792048939em; } }

  .tab-title__link.hide_link {
    display: none; }

.tab {
  display: block;
  width: 100%; }
  .tab.active {
    display: block !important; }

.tabs__content {
  padding-top: 1.215em;
  border-top: 3px solid #2c2a29; }

/* 
 * 
 * $KeyFeatures
 *
**/
.key-features {
  float: left;
  width: 100%; }
  .key-features > ul {
    clear: both;
    display: block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 1440px) {
      .key-features > ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 1.793613375em;
        -moz-column-gap: 1.793613375em;
        column-gap: 1.793613375em; } }
    .key-features > ul > li {
      display: block;
      width: 100%;
      padding: 1em 0;
      margin-bottom: -1px;
      border-top: 1px solid #2c2a29;
      border-bottom: 1px solid #2c2a29;
      border-collapse: collapse; }
      .key-features > ul > li:first-child {
        border-top: 3px solid #2c2a29; }
      .key-features > ul > li:last-child {
        border-bottom: 3px solid #2c2a29; }
    .key-features > ul li ul {
      margin: 1.215em 0 0;
      list-style: none; }
      .key-features > ul li ul li {
        position: relative;
        padding-left: 1.476225em;
        line-height: 1.601225em; }
        .key-features > ul li ul li:before {
          position: absolute;
          top: 0.6774035123em;
          left: 0;
          content: '';
          width: 14px;
          height: 1px;
          background-color: #2c2a29;
          margin-right: 0.557533755em; }

.key-features--modal > ul > li {
  display: block;
  width: 100%;
  padding: 1em 0;
  margin-bottom: -1px;
  border-top: 1px solid #2c2a29; }
  .key-features--modal > ul > li:first-child {
    border-width: 3px; }
  .key-features--modal > ul > li:last-child {
    border-top: 3px solid #2c2a29;
    border-bottom: 0; }

/* 
 * 
 * $Modal
 *
**/
.modal-overlay {
  display: none;
  /* Hidden by default */
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 3; }

.modal-overlay--dashboard {
  display: block; }

.modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: row wrap;
  width: 90%;
  max-width: 780px;
  height: 85%;
  padding: 0.8230452675em;
  background-color: #fff;
  z-index: 4; }
  @media (min-width: 600px) {
    .modal {
      padding: 1.793613375em; } }

.modal--dashboard {
  display: block;
  height: auto;
  min-height: 300px; }

.modal__header {
  position: relative;
  float: left;
  width: 100%;
  align-self: flex-start;
  padding-right: 1.215em; }
  .modal__header h3 {
    margin-bottom: 0.3776753239em;
    line-height: 1.215em; }

.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }
  .modal__close .icon {
    font-size: 16px; }

.modal__content {
  float: left;
  width: 100%;
  height: 80%;
  border-top: 3px solid #2c2a29;
  border-bottom: 3px solid #2c2a29;
  overflow: auto; }
  .modal__content::-webkit-scrollbar {
    width: 15px; }
  .modal__content::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .modal__content::-webkit-scrollbar-thumb {
    background: #2c2a29; }
  .modal__content::-webkit-scrollbar-thumb:hover {
    background: #555; }
  @media (min-width: 600px) {
    .modal__content {
      height: 90%; } }

.modal__content--dashboard {
  padding-top: 1.215em;
  border-bottom: 0; }

.sounds {
  float: left;
  width: 100%; }
  .sounds ol {
    margin: 0; }
  .sounds li {
    padding: 0.557533755em 0;
    margin: 0 0 0 1.793613375em; }
    .sounds li:first-child {
      padding-top: 1.476225em; }
    .sounds li:last-child {
      padding-bottom: 1.476225em; }
    @media (min-width: 1020px) {
      .sounds li {
        padding-top: 0.8230452675em;
        padding-bottom: 0.8230452675em; } }

/* 
 * 
 * $Product
 *
**/
.products__header {
  position: absolute;
  top: 1.793613375em;
  left: 0;
  width: 100%; }
  @media (min-width: 600px) {
    .products__header {
      top: 1.793613375em; } }
  @media (min-width: 1020px) {
    .products__header {
      top: 3.217048939em; } }

.product-slide {
  display: flex;
  width: 100%;
  height: auto;
  background-position: center;
  background-repeat: repeat;
  background-size: cover; }
  @media (min-width: 900px) {
    .product-slide {
      min-height: 500px; } }
  @media (min-width: 1440px) {
    .product-slide {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center; } }

.product-slide__content {
  width: 100%;
  padding: 2.1792402506em 0; }
  @media (min-width: 768px) {
    .product-slide__content {
      padding: 1.476225em 0; } }
  @media (min-width: 900px) {
    .product-slide__content {
      padding: 0;
      max-width: none; } }
  @media (min-width: 1440px) {
    .product-slide__content {
      padding: 0; } }

.product-slide__title,
.product-slide__subtitle {
  color: #fff; }

.product-slide__title {
  margin-bottom: 0.3776753239em; }
  @media (min-width: 1930px) {
    .product-slide__title {
      font-size: 2.1792402506em;
      line-height: 1em; } }
  @media (min-width: 1930px) and (min-width: 900px) {
    .product-slide__title {
      font-size: 2.792048939em; } }

.product-slide__subtitle {
  margin-bottom: 0.557533755em;
  max-width: 500px; }
  @media (min-width: 1930px) {
    .product-slide__subtitle {
      font-size: 1.301225em;
      line-height: normal; } }

.product-slide__image {
  display: block;
  width: 100%;
  max-width: 500px;
  margin-bottom: 0; }
  .product-slide__image img {
    display: block;
    width: 100%;
    height: auto; }

.products-add-to-cart {
  float: left;
  max-width: 210px; }
  @media (min-width: 1440px) {
    .products-add-to-cart {
      max-width: 240px; } }

@media (min-width: 1020px) {
  .hero-product .product-slide__title {
    margin-bottom: 0.310843888em;
    font-size: 2.6477769045em;
    line-height: 1em;
    letter-spacing: -.025em; } }
  @media (min-width: 1020px) and (min-width: 768px) {
    .hero-product .product-slide__title {
      font-size: 3.717048939em; } }
  @media (min-width: 1020px) and (min-width: 1280px) {
    .hero-product .product-slide__title {
      font-size: 4.1587144609em; } }

.hero-product .product-slide__image {
  max-height: none;
  max-width: none;
  padding: 0; }
  @media (min-width: 900px) {
    .hero-product .product-slide__image {
      padding: 7.692%; } }
.hero-product .product-slide__image img {
  max-height: 480px; }
  @media (min-width: 900px) {
    .hero-product .product-slide__image img {
      max-height: none;
      width: 100%; } }

/* 
 * 
 * $Accordion
 *
**/
.accordion {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0 0 1.793613375em;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000; }
  .accordion dl {
    float: left;
    width: 100%;
    margin: 0; }

.accordion__item {
  float: left;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #000; }

.accordion__item--nested {
  float: left;
  width: 100%;
  padding: 1em 0.3776753239em; }
  .accordion__item--nested p {
    line-height: 1.601225em; }
    .accordion__item--nested p:last-of-type {
      margin-bottom: 0; }
  @media (min-width: 600px) {
    .accordion__item--nested {
      padding: 0.8230452675em; } }

.accordion__trigger {
  display: flex;
  justify-content: space-between;
  float: left;
  width: 100%;
  padding: 1em 0.3776753239em;
  margin-bottom: 0;
  font-weight: 700;
  border-bottom: 1px solid #000;
  cursor: pointer; }
  .accordion__trigger.active .accordion__more:after {
    content: 'LESS -'; }
  @media (min-width: 600px) {
    .accordion__trigger {
      padding: 0.8230452675em; } }

.accordion__trigger--level1 {
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  text-transform: uppercase; }
  .accordion__trigger--level1 .accordion__more {
    line-height: 1.793613375em; }
  .accordion__trigger--level1.active {
    color: #fff;
    background-color: #2c2a29; }

.accordion__trigger--level2 .accordion__more {
  line-height: 1.215em; }

.accordion__trigger-text {
  float: left;
  font-weight: 700;
  font-size: 1.301225em;
  line-height: 1.601225em; }

.accordion__more {
  float: right;
  min-width: 60px;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.476225em; }
  .accordion__more:after {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-left: 0.2558385909em;
    content: 'MORE +'; }

/* 
 * 
 * $Bundles
 *
**/
.bundle {
  float: left;
  width: 100%;
  padding-top: 1.215em;
  border-top: 3px solid #2c2a29; }

.bundle__title {
  margin-bottom: 0.4588755185em; }

.bundle__title--small {
  font-size: 1.301225em;
  line-height: 1.476225em; }

.bundle__saving {
  padding: 0.310843888em 0.4588755185em;
  margin-bottom: 0;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 1.301225em;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #2c2a29; }

.bundle__items {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  border-bottom: 3px solid #2c2a29; }

.bundle__item {
  padding: 0.557533755em 0.8230452675em;
  margin-bottom: 0;
  border-top: 1px solid #000; }
  .bundle__item:first-child {
    border-top: 0; }
  .bundle__item a {
    float: right;
    margin-bottom: 0;
    font-family: 'Oswald', 'Sintony', Arial, sans-serif;
    color: #fe5000;
    text-transform: uppercase;
    font-weight: 700; }

.bundle__price {
  padding: 0.557533755em 0;
  margin-bottom: 0.557533755em;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 1.301225em;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center; }
  .bundle__price del {
    opacity: 0.6;
    padding-right: 0.2em; }
  .bundle__price .exvat {
    font-size: 48%;
    line-height: 1;
    margin-left: 0.4em; }

/* 
 * 
 * $Dashboard
 *
**/
.dashboard-products {
  clear: both;
  display: block;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0 0 2.6477769045em;
  border-top: 3px solid #2c2a29;
  border-bottom: 3px solid #2c2a29; }
  @media (min-width: 768px) {
    .dashboard-products {
      margin-bottom: 2.6477769045em; } }

.dashboard-product {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.215em 0;
  margin: 0;
  border-bottom: 1px solid #2c2a29; }
  .dashboard-product:last-child {
    border-bottom: 0; }
  .dashboard-product .button {
    max-width: 180px; }

.dashboard-product__details {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 900px) {
    .dashboard-product__details {
      flex-flow: unset; } }

.dashboard-product__image {
  display: block;
  width: 100%;
  max-width: 280px;
  margin-bottom: 0.8230452675em; }
  .dashboard-product__image img {
    display: block;
    width: 100%;
    height: auto; }
  @media (min-width: 900px) {
    .dashboard-product__image {
      margin-bottom: 0; } }

.dashboard-product__title {
  display: block;
  width: 100%;
  margin: 0 0 0.557533755em; }
  .dashboard-product__title a {
    font-weight: 700; }
  @media (min-width: 900px) {
    .dashboard-product__title {
      width: auto;
      margin: 0 0 0 1.215em; } }
  @media (min-width: 1020px) {
    .dashboard-product__title {
      width: 100%;
      margin: 0.557533755em; } }
  @media (min-width: 1440px) {
    .dashboard-product__title {
      width: auto; } }

/* 
 * 
 * $DashboardRegistration
 *
**/
.dashboard-registration {
  float: left;
  width: 100%; }

.dashboard-transfer {
  float: left;
  width: 100%;
  max-width: 460px;
  padding-bottom: 2em; }

/* 
 * 
 * $Downloads
 *
**/
.downloads {
  float: left;
  width: 100%;
  margin-bottom: 5.770142005em; }

@media (min-width: 1280px) {
  .downloads--tight {
    margin-bottom: 0; } }

.downloads__table {
  float: left;
  width: 100%; }

.downloads__head {
  display: none;
  flex-flow: row wrap;
  width: 100%;
  background-color: #2c2a29; }
  @media (min-width: 1930px) {
    .downloads__head {
      display: flex; } }

@media (min-width: 1930px) {
  .downloads__th-col1 {
    width: 20%; } }

.downloads__th-col2 {
  display: flex;
  flex-flow: row wrap; }
  @media (min-width: 1440px) {
    .downloads__th-col2 {
      width: 80%;
      margin-left: 2%; }
      .downloads__th-col2 .downloads__th:nth-of-type(1), .downloads__th-col2 .downloads__th:nth-of-type(2) {
        width: 20%; }
      .downloads__th-col2 .downloads__th:nth-of-type(3) {
        width: 60%; } }
  @media (min-width: 1930px) {
    .downloads__th-col2 {
      margin-left: 0; } }

.downloads__th {
  display: block;
  padding: 0.557533755em 0.8230452675em; }
  .downloads__th h4 {
    margin-bottom: 0;
    font-size: 1em;
    letter-spacing: 0.02em;
    color: #fff; }

.downloads__body {
  float: left;
  width: 100%;
  border-top: 7px solid #2c2a29; }
  @media (min-width: 1930px) {
    .downloads__body {
      border-top-width: 0; } }

.downloads__instr-title {
  margin-bottom: 0;
  font-size: 1.793613375em; }
  @media (min-width: 1280px) {
    .downloads__instr-title {
      font-size: 1.301225em; } }

.downloads__version {
  float: left;
  width: 100%;
  border-bottom: 3px solid #2c2a29; }

.downloads__tr {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  justify-content: space-between; }

.downloads__tr--level1 {
  padding: 0.557533755em 0; }
  @media (min-width: 1440px) {
    .downloads__tr--level1 > .d-col1 {
      width: 18%; }
    .downloads__tr--level1 > .d-col2 {
      width: 80%;
      margin-left: 2%; }
    .downloads__tr--level1 > .downloads__td:nth-of-type(2) {
      padding: 0; } }

@media (min-width: 1930px) {
  .downloads__tr--level2 > .d-col1 {
    width: 20%; }
  .downloads__tr--level2 > .d-col2 {
    width: 20%; }
  .downloads__tr--level2 > .d-col3 {
    width: 60%; }
  .downloads__tr--level2 > .downloads__td:nth-of-type(3) {
    padding: 0; }
  .downloads__tr--level2 > .d-col1.d-expansion-col {
    width: 20%; }
  .downloads__tr--level2 > .d-col2.d-expansion-col {
    width: 80%;
    padding: 0; } }

.downloads__tr--level3 {
  padding-top: 0.557533755em;
  padding-bottom: 0.3776753239em;
  margin-top: 0.557533755em;
  border-top: 1px dashed #2c2a29; }
  @media (min-width: 768px) {
    .downloads__tr--level3 {
      float: left;
      width: 100%; } }
  @media (min-width: 768px) {
    .downloads__tr--level3 {
      float: none;
      display: flex;
      width: 100%;
      align-items: center; }
      .downloads__tr--level3 > .d-col1 {
        width: 35%; }
      .downloads__tr--level3 > .d-col2 {
        width: 12%; }
      .downloads__tr--level3 > .d-col3 {
        width: 23%; }
      .downloads__tr--level3 > .d-col4 {
        width: 30%; } }
  @media (min-width: 1930px) {
    .downloads__tr--level3 {
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 0;
      border-top-width: 0; } }

.downloads__tr--notes {
  border-top: 1px solid #2c2a29; }

.downloads__td {
  clear: both;
  display: block;
  width: 100%;
  padding: 0; }
  @media (min-width: 768px) {
    .downloads__td .button {
      float: right;
      max-width: 200px; } }
  @media (min-width: 1930px) {
    .downloads__td {
      padding: 0.557533755em 0.8230452675em; } }

.downloads__notes-title {
  clear: both;
  display: block;
  padding: 0.557533755em 0;
  margin-bottom: 0;
  font-family: 'Sintony', Arial, sans-serif;
  text-transform: none;
  cursor: pointer; }
  .downloads__notes-title.active .downloads__more:after {
    content: 'LESS -'; }
  @media (min-width: 1930px) {
    .downloads__notes-title {
      padding: 0;
      font-size: 1em;
      letter-spacing: 0.02em; } }

.downloads__notes {
  display: block;
  width: 100%;
  padding-top: 0; }
  .downloads__notes li {
    line-height: 2.1792402506em; }
  @media (min-width: 1930px) {
    .downloads__notes {
      padding-top: 1.215em; } }

.downloads__more {
  float: right;
  min-width: 60px;
  font-family: 'Oswald', 'Sintony', Arial, sans-serif;
  font-size: 0.8880452675em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.476225em; }
  .downloads__more:after {
    position: relative;
    top: 1px;
    display: inline-block;
    margin-left: 0.2558385909em;
    content: 'MORE +'; }
  @media (min-width: 1930px) {
    .downloads__more {
      font-size: 1em;
      letter-spacing: 0.02em; } }

.downloads__inline-titles {
  display: inline-block;
  font-weight: 700; }
  @media (min-width: 1930px) {
    .downloads__inline-titles {
      display: none; } }

/* 
 * 
 * $DashboardForms
 *
**/
.form-row {
  margin-bottom: 0.8230452675em; }

/*# sourceMappingURL=all.css.map */