@charset "UTF-8";
/*
 *
 *   Site: GForce Software
 *   Styles: DWI Ltd :: dan-webb.com
 *   Date: 12/11/2018
 *
**/
/*
 * $Svgsprite
 *
 * Auto create a sprite for svgs using gulp.
 */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700|Sintony:400,700);
.entry .title:after, .entry blockquote:after, .entry blockquote:before, .icon--windows-icon-white:before, .icon--apple-icon-white:before, .icon--xternal-icon-white:before, .icon--xternal-icon:before, .icon--x-white:before, .icon--x-black:before, .icon--pointer:before, .icon--eye:before, .icon--tweezer:before, .icon--social-youtube:before, .icon--social-instagram:before, .icon--quote-after:before, .icon--quote-before:before, .icon--play--white:after, .icon--arrow--small.icon--arrow--right-white, .icon--arrow--small.icon--arrow--left-white, .icon--arrow--right-orange, .icon--arrow--right-white, .icon--arrow--right, .icon--arrow--left-white, .icon--arrow--left, .icon--divider-white, .icon--divider {
  display: inline-block;
  background-image: url("../icons/sprite.svg");
  background-size: 106.875em 56.375em;
}

.lt-ie9 .entry .title:after, .lt-ie9 .entry blockquote:after, .lt-ie9 .entry blockquote:before, .lt-ie9 .icon--windows-icon-white:before, .lt-ie9 .icon--apple-icon-white:before, .lt-ie9 .icon--xternal-icon-white:before, .lt-ie9 .icon--xternal-icon:before, .lt-ie9 .icon--x-white:before, .lt-ie9 .icon--x-black:before, .lt-ie9 .icon--pointer:before, .lt-ie9 .icon--eye:before, .lt-ie9 .icon--tweezer:before, .lt-ie9 .icon--social-youtube:before, .lt-ie9 .icon--social-instagram:before, .lt-ie9 .icon--quote-after:before, .lt-ie9 .icon--quote-before:before, .lt-ie9 .icon--play--white:after, .lt-ie9 .icon--arrow--small.icon--arrow--right-white, .lt-ie9 .icon--arrow--small.icon--arrow--left-white, .lt-ie9 .icon--arrow--right-orange, .lt-ie9 .icon--arrow--right-white, .lt-ie9 .icon--arrow--right, .lt-ie9 .icon--arrow--left-white, .lt-ie9 .icon--arrow--left, .lt-ie9 .icon--divider-white, .lt-ie9 .icon--divider {
  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 */
.centered-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.home {
  overflow: hidden;
}

.flex-column {
  flex-direction: column;
}

.align-end {
  align-items: flex-end;
}

#page-blocker {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(2px);
  z-index: 99999;
  display: none;
  cursor: wait;
}

body.is-ajax-loading {
  overflow: hidden;
}

/*
 *
 * $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: -0.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: 0.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: 0.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: fit-content;
  padding-left: 1.476225em;
  padding-right: 1.476225em;
  font-size: 1rem;
}

.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: rgb(203, 63.937007874, 0);
    border-color: rgb(203, 63.937007874, 0);
  }
}

.button-inverted {
  background-color: #2C2A29;
}
@media (min-width: 900px) {
  .button-inverted:hover {
    background-color: rgb(17.6, 16.8, 16.4);
    border-color: rgb(17.6, 16.8, 16.4);
  }
}

.button-transparent {
  background-color: transparent;
  color: #2C2A29;
}
@media (min-width: 900px) {
  .button-transparent:hover {
    background-color: transparent;
  }
}

.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: #f6f6f6;
  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%);
  }
}
.button--currency {
  background-color: #fff;
  padding: 0;
  margin: 0;
  float: none;
  display: inline-block;
  width: auto;
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  border-radius: 0;
}
.button--currency img {
  height: 44px;
  width: 44px;
}
.button--currency div {
  padding: 10px;
}
.button--currency.active {
  background-color: #A7A8AA;
}
.button--currency:hover {
  color: #fff;
  background-color: #fe5000;
}

.button-currency-menu {
  padding: 0;
  margin: 8px 0 0 0;
  float: none;
  display: inline-block;
  width: auto;
}
.button-currency-menu img {
  height: 24px;
  width: 24px;
}
@media (min-width: 900px) {
  .button-currency-menu {
    margin: 0;
  }
}

.ppcp-dcc-order-button {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 0;
  font-family: "Oswald", "Sintony", Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.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;
  padding: 0.8230452675em 1.476225em;
  font-size: 1em;
  letter-spacing: 0.02em;
  color: #fff;
  background-color: #fe5000;
  border-color: #fe5000;
}
@media (min-width: 1440px) {
  .ppcp-dcc-order-button {
    padding-top: 0.8230452675em;
    padding-bottom: 0.8230452675em;
    font-size: 1.215em;
    letter-spacing: 0.01em;
  }
}
@media (min-width: 900px) {
  .ppcp-dcc-order-button: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;
    background-color: rgb(203, 63.937007874, 0);
    border-color: rgb(203, 63.937007874, 0);
  }
}
.ppcp-dcc-order-button:active, .ppcp-dcc-order-button:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.wc-forward {
  float: unset;
  width: auto;
}

.show-password-input {
  display: none;
}

/*
 *
 * $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 #f6f6f6 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 !important;
  -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 rgb(102.9335260116, 104.1445086705, 106.5664739884);
  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: rgb(102.9335260116, 104.1445086705, 106.5664739884);
  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(../../assets/icons/tick.svg);
  transition: all 0.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,
.woocommerce-input-wrapper #billing_country,
.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(../icons/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 !important;
  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;
}

.c4wp_captcha_field {
  float: left;
  margin-bottom: 30px;
}

.woocommerce-simple-registration-login-link {
  display: none !important;
}

form.register .woocommerce-Button.button {
  max-width: 180px;
  padding-left: 1.476225em;
  padding-right: 1.476225em;
  font-size: 0.8880452675em;
  color: #fff;
  background-color: #fe5000;
  border-color: #fe5000;
}
@media (min-width: 900px) {
  form.register .woocommerce-Button.button:hover {
    background-color: rgb(203, 63.937007874, 0);
    border-color: rgb(203, 63.937007874, 0);
  }
}

#terms {
  visibility: visible;
}

#ppcp-credit-card-gateway-card-number {
  width: 100% !important;
}

.form__group--password {
  display: flex;
  flex-direction: column;
}
.form__group--password .form__field {
  position: relative;
  display: flex;
  align-items: center;
}
.form__group--password .form__field input {
  flex: 1;
  padding-right: 40px;
}
.form__group--password .form__field .toggle-visibility {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form__group--password .form__field .toggle-visibility img {
  width: 20px;
  height: 20px;
}
.form__group--password .form__field .toggle-visibility.open img {
  filter: brightness(0) saturate(100%) invert(35%) sepia(90%) saturate(450%) hue-rotate(180deg) brightness(90%) contrast(90%);
}

.wpcf7-response-output {
  padding-top: 20px !important;
}

.g-recaptcha > div {
  height: auto !important;
}

/*
 * $Tables
 *
 */
.cpp-table-wrap th {
  display: table-cell;
  text-transform: none;
  letter-spacing: 0.0325em;
  color: #2C2A29;
  opacity: 0.6;
}
.cpp-table-wrap td {
  display: table-cell;
  font-family: "Sintony", Arial, sans-serif;
  text-align: left;
  font-weight: 400;
}
.cpp-table-wrap td.product-title a {
  color: #FE5000;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}
.cpp-table-wrap td .view-btn {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cpp-table-wrap td .view-btn .invoice-link {
  color: #FE5000;
  text-decoration: underline;
  margin: 0;
}

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 .woocommerce-cart-form__cart-item td {
  text-align: center;
}
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: 0.0325em;
}
table td {
  display: table-cell;
  font-family: "Sintony", Arial, sans-serif;
  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: 120px;
  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;
  }
}
.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: 340px;
    margin-left: 1.215em;
  }
}

.table__quantity {
  text-align: center;
}
.table__quantity label {
  display: none;
}
.table__quantity input {
  float: none;
  display: block;
  margin: 0 auto;
  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;
  width: 100%;
}

@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(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: #f6f6f6;
}

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

.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: 0;
  left: 0;
  display: block;
  width: 100%;
  z-index: 2000;
  height: 44px;
}
@media (min-width: 900px) {
  .site-header {
    height: 70px;
    background-color: #fff;
  }
}
@media (min-width: 1440px) {
  .site-header {
    height: 92px;
  }
}

/*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: 84px;
  }
  .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;
  }
}
@media (min-width: 1440px) {
  .logo {
    width: 100px;
  }
}

.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: 13px;
  background-color: #fff;
  z-index: 2;
  height: 44px;
  /*
  @include breakpoint(bp3){
  	padding:$ms-1;
         background-color:transparent;
     }
     @include breakpoint(bp4){
  	padding:$ms-1;
     }
  @include breakpoint(bp6){
  	padding:$ms1+.1em $ms-1;
  }
  */
}
@media (min-width: 900px) {
  .toolbar {
    background-color: transparent;
    padding: 19px;
    height: 70px;
  }
}
@media (min-width: 1440px) {
  .toolbar {
    padding: 27px;
    height: 92px;
  }
}

.toolbar__tools {
  position: absolute;
  float: right;
  top: 50%;
  right: 1.215em;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 900px) {
  .toolbar__tools {
    position: absolute;
    display: inline;
    top: 55%;
    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: 0;
  left: 0;
  transform: translate(1px, 100%);
  width: 100%;
  height: calc(100% - 43px);
  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;
  }
}
@media (min-width: 1440px) {
  .site-nav-wrap {
    margin-left: 9rem;
  }
}

.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;
    justify-content: end;
    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: 22px;
  }
}
@media (min-width: 1020px) {
  .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: 22px;
  }
}
@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: 25px;
  }
}

.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: 900px) {
  .site-nav .menu-item a:hover:before {
    height: 22px;
  }
}
@media (min-width: 1020px) {
  .site-nav .menu-item a:hover:before {
    height: 22px;
  }
}
@media (min-width: 1440px) {
  .site-nav .menu-item a:before {
    bottom: 37px;
  }
  .site-nav .menu-item a:hover:before {
    height: 25px;
  }
}

.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: 10px;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  z-index: 2;
  padding-right: 2em;
}
@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: 20px;
    background-color: #fe5000;
  }
}
@media (min-width: 1020px) {
  .site-nav .menu-item .has-children.sub-menu-active:before {
    height: 22px;
  }
}
@media (min-width: 1440px) {
  .site-nav .menu-item .has-children.sub-menu-active:before {
    height: 25px;
  }
}

/* 
 * 
 * $Section
 *
**/
.woocommerce-lost-password {
  overflow: hidden;
}
.woocommerce-lost-password section {
  height: 100vh !important;
  display: flex;
  align-items: center;
  overflow-y: hidden;
}

.woocommerce-account section {
  padding-top: 50px;
  height: 100%;
}

.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/wood-1600w.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.section--signup {
  overflow-x: hidden;
  min-height: calc(100vh - 45px);
  background: url("../images/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 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  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;
  }
}

.woocommerce-error {
  background-color: #fe5000;
}

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

.woocommerce-message,
.woocommerce-error {
  display: none;
  justify-content: space-between;
  align-items: center;
  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 {
  display: none;
}

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

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

ul.woocommerce-error {
  flex-direction: column;
  align-items: flex-start;
}

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 {
  align-items: flex-end !important;
}
.single-product__price .woocommerce-price-suffix {
  font-size: 45%;
}
.single-product__price .block__price {
  color: black !important;
}

ul.wc_payment_methods.payment_methods.methods {
  padding-bottom: 1rem;
}
ul.wc_payment_methods.payment_methods.methods li {
  margin-bottom: 0.6rem;
}
ul.wc_payment_methods.payment_methods.methods li > label {
  float: none;
}

.payment_box.payment_method_ppcp-credit-card-gateway {
  clear: both;
  padding: 2rem 0;
}

#payment_method_ppcp-gateway,
#payment_method_ppcp-credit-card-gateway {
  width: 1.5em;
  height: 1.5rem;
  accent-color: #fe5000;
}

.woocommerce-additional-fields {
  display: none;
}

#billing_country_field.woocommerce-invalid.woocommerce-invalid-required-field .woocommerce-input-wrapper {
  border-color: #fe5000;
}

.woocommerce-invalid input, .woocommerce-invalid select,
.woocommerce-invalid-required-field input,
.woocommerce-invalid-required-field select {
  border-color: #fe5000;
}

.grid .block__price {
  color: black !important;
  margin: 0.5rem 0;
}

.cookie-banner {
  position: fixed;
  left: 24px;
  right: 24px;
  max-width: 544px;
  margin-left: auto;
  bottom: 1rem;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(4, 6, 8, 0.2);
  padding: 32px;
  z-index: 9999;
  transform: translateY(30px);
  opacity: 0;
  display: none;
  transition: transform 0.28s ease, opacity 0.28s ease;
}
.cookie-banner.is-visible {
  display: block;
  transform: translateY(0);
  opacity: 1;
}
.cookie-banner__close {
  position: absolute;
  right: 23px;
  top: 23px;
  background: transparent;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
}
.cookie-banner__inner {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cookie-banner__inner .flex {
  gap: 30px;
}
.cookie-banner__inner .icon-container {
  background-color: #2C2A29;
  height: 40px;
  padding: 10px;
  margin-top: 10px;
}
.cookie-banner__text {
  color: #2C2A29;
  margin: 0;
  flex: 1 1 320px;
}
.cookie-banner__actions {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  width: 100%;
}
.cookie-banner__actions a {
  flex: 1;
  max-width: 100%;
}

.cookie-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 10000;
}
.cookie-modal.is-open {
  display: block;
}
.cookie-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 23, 0.5);
}
.cookie-modal__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 2rem;
  transform: translate(-50%, -50%);
  background: #fff;
  color: #2C2A29;
  width: min(428px, 100% - 2rem);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(4, 6, 8, 0.2);
  overflow: hidden;
}
.cookie-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cookie-modal__header h2 {
  margin: 0;
  font-size: 1.125rem;
}
.cookie-modal__header .cookie-modal__close {
  background: transparent;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
}
.cookie-modal__content {
  padding-bottom: 24px;
}
.cookie-modal__actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
  justify-content: space-between;
}
.cookie-modal__actions a {
  flex: 1;
  max-width: 100%;
}

.cookie-categories {
  display: grid;
  margin-top: 0.75rem;
}
.cookie-categories .cookie-category {
  background: rgba(255, 255, 255, 0.03);
  padding: 0.75rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.cookie-categories .cookie-category__label {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.cookie-categories .cookie-category__label .toggle {
  position: relative;
  width: 46px;
  height: 24px;
  flex: 0 0 auto;
}
.cookie-categories .cookie-category__label .toggle input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.cookie-categories .cookie-category__label .toggle .toggle__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #DFDFDF;
  border-radius: 9999px;
  transition: background-color 0.3s;
}
.cookie-categories .cookie-category__label .toggle .toggle__slider::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  background-color: #fff;
  border-radius: 50%;
  transition: transform 0.3s;
}
.cookie-categories .cookie-category__label .toggle input:checked + .toggle__slider {
  background-color: #FE5000;
}
.cookie-categories .cookie-category__label .toggle input:checked + .toggle__slider::before {
  transform: translateX(22px);
}
.cookie-categories .cookie-category__label .toggle input:focus + .toggle__slider {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}
.cookie-categories .cookie-category input[type=checkbox] {
  width: 1.2rem;
  height: 1.2rem;
  accent-color: #0066ff;
  flex: 0 0 auto;
}
.cookie-categories .cookie-category__desc {
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.cookie-categories .cookie-category strong {
  display: block;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 36, 0.08);
  background: transparent;
  cursor: pointer;
  font-weight: 600;
}
.btn--primary {
  background: #0066ff;
  color: #fff;
  border: none;
}
.btn--link {
  background: transparent;
  color: #0066ff;
  border: none;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .cookie-banner {
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
  }
  .cookie-banner__close {
    right: 10px;
    top: 10px;
  }
  .cookie-banner__actions {
    flex-direction: column;
  }
  .cookie-modal__panel {
    width: calc(100% - 1rem);
  }
}
/* 
 * 
 * $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: 0.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
 *
**/
.grid {
  display: grid;
}
.grid-auto-250 {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 32px;
}

.grid-link-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 768px) {
  .grid-link-block {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 900px) {
  .grid-link-block {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-between {
  justify-content: space-between;
}

.block {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
}
.block-center {
  text-align: center;
  align-items: center;
  justify-content: center;
}
.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;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@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 .woocommerce-Price-amount {
  color: black;
}

.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: #f6f6f6;
  -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: #f6f6f6;
}
@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: #f6f6f6;
  -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;
}

.js-carousel .swiper-slide {
  width: auto !important;
}

.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(../../icons/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 - 43px);
}
@media (min-width: 900px) {
  .home-slide {
    height: calc(100vh - 63px);
  }
}
@media (min-width: 1020px) {
  .home-slide {
    height: calc(100vh - 69px);
  }
}
@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: none;
  display: inline-block;
  margin: 0 6px 0 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 6px 0 0;
  }
  .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;
  }
  .cart-trigger svg {
    width: 26px;
    height: 24px;
  }
}
.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__additional-sales img {
  height: 150px;
}
.cart__additional-sales .block__price {
  color: black !important;
  margin: 0.5rem 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 {
  background: rgba(0, 0, 0, 0.25) !important;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.woocommerce .blockUI.blockOverlay:after,
.woocommerce .loader:after {
  height: 1em;
  width: 1em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  content: "";
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
  background: url("../icons/loader.svg") center/cover no-repeat !important;
  line-height: 1;
  text-align: center;
  font-size: 2em;
  color: rgba(0, 0, 0, 0.75);
}

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: #f6f6f6;
}
@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: rgb(203, 63.937007874, 0);
    stroke: rgb(203, 63.937007874, 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: 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 20px;
}

/*
// 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: -0.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 .block__price,
.cta-banner__price .block__price {
  margin-bottom: 0 !important;
}

.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(../icons/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/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: #f6f6f6;
  z-index: 1;
}
.tab-title.active {
  top: 4px;
}
.tab-title.active .tab-title__link {
  border-width: 3px;
  border-bottom-color: #f6f6f6;
}

.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 (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% !important;
  left: 50% !important;
  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;
  }
}

#currency-modal .modal {
  position: relative;
  width: auto;
  max-width: 230px;
  height: auto;
  padding: 0;
  flex-flow: column;
  border-radius: 4px;
}
#currency-modal .modal__header {
  position: absolute;
  top: 20px;
  right: 20px;
  float: left;
  width: 100%;
  align-self: flex-end;
  padding-right: 1.215em;
  z-index: 5;
}
#currency-modal .modal__content {
  width: 100%;
  height: 100%;
  border-top: none;
  border-bottom: none;
  border-radius: 4px;
}

/* 
 * 
 * $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: -0.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;
}

.entry h4 {
  opacity: 0.4;
}

.updates {
  gap: 0; /* відстань між елементами */
  position: relative;
  align-items: flex-start;
  flex-direction: column;
}
.updates .update-release-item {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  width: 100%;
  position: relative;
  text-align: left;
}
@media (min-width: 1020px) {
  .updates .update-release-item {
    gap: 80px;
  }
}
.updates .update-release-item .release-date {
  flex: 1;
  padding-top: 8px;
  margin-top: -20px;
}
.updates .update-release-item .line {
  display: block;
  width: 1px;
  background-color: #2C2A29;
  position: relative;
}
.updates .update-release-item .line::before {
  content: "";
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
}
.updates .update-release-item .text-content {
  padding-bottom: 64px;
  flex: 3;
  margin-top: -20px;
}
.updates .update-release-item .text-content .product-link {
  color: red;
}
.updates .update-release-item .text-content ul {
  margin-bottom: 0;
}
.updates .update-release-item .update-release-item:last-child .line {
  display: none;
}

/* Щоб останній елемент не мав лінії */
.lab-box .row {
  flex-direction: column;
}
.lab-box .form-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 70px;
}
@media (min-width: 1020px) {
  .lab-box .form-container {
    flex-direction: row;
    gap: 20px;
  }
}
@media (min-width: 1020px) {
  .lab-box .form-container form {
    max-width: 520px;
  }
}
.lab-box .form-container .product-col .product-item {
  display: flex;
  gap: 16px;
}
.lab-box .form-container .product-col .product-item .product-image img {
  max-width: 270px;
  width: 100%;
}
.lab-box .form-container .product-col .product-item .product-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.lab-box .form-container .product-col .product-item .product-info > * {
  margin: 0;
}
.lab-box .form-container .product-col .product-item .product-info .product-link {
  border: 3px solid #2C2A29;
  display: block;
  text-align: center;
  padding: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8;
  line-height: 16px;
  font-family: "Oswald", "Sintony", Arial, sans-serif;
  font-size: 16px;
  width: 133px;
  margin-bottom: 0;
}
.lab-box .lab-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  overflow: hidden;
}
.lab-box .lab-modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.lab-box .lab-modal__content {
  text-align: left;
  position: relative;
  background: #fff;
  padding: 30px 20px;
  border-radius: 10px;
  max-width: 500px;
  width: 90%;
  z-index: 2;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.lab-box .lab-modal__content h3 {
  text-align: left;
  padding-top: 24px;
}
.lab-box .lab-modal__content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  padding-bottom: 40px;
}
.lab-box .lab-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.lab-box .lab-modal.success .lab-modal__content {
  background: #ecfdf5;
}
.lab-box .lab-modal.error .lab-modal__content {
  background: #fef2f2;
}

.form-loader {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.form-loader.is-loading {
  display: flex;
  pointer-events: auto;
}
.form-loader__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  border-radius: inherit;
}
.form-loader__box {
  position: relative;
  z-index: 9999;
  min-width: 160px;
  max-width: 90%;
  background: #fe5000;
  padding: 12px 16px;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  transform: translateY(6px);
  opacity: 0;
  transition: transform 180ms ease-out, opacity 180ms ease-out;
}
.form-loader.is-loading .form-loader__box {
  transform: translateY(0);
  opacity: 1;
}
.form-loader .spinner {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 4px solid rgba(0, 0, 0, 0.08);
  border-top-color: #fff;
  animation: spin 1s linear infinite;
  flex: 0 0 44px;
}
.form-loader__text {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
}

.js-with-loader {
  position: relative;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* 
 * 
 * $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;
}

@media (max-width: 767px) {
  .desktop-view {
    display: none;
  }
  .mobile-view {
    border-top: 1px solid #000;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .mobile-view .order-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobile-view .secondary {
    display: block;
    color: #2C2A29;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
  }
  .mobile-view .order-card-footer .view-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: column;
    justify-content: center;
  }
  .mobile-view .order-card-footer .view-btn .invoice-link {
    color: #FE5000;
    text-decoration: underline;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .desktop-view {
    display: table;
  }
  .mobile-view {
    display: none;
  }
}
@media (max-width: 767px) {
  .cpp-table-wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
.cpp-table-wrap button {
  border: none;
}
.cpp-table-wrap .view-product {
  font-family: "Oswald", "Sintony", Arial, sans-serif;
  border: 3px solid #2C2A29;
  display: block;
  text-align: center;
  padding: 9px;
  font-weight: 700;
  max-width: 99px;
  text-transform: uppercase;
  font-size: 16px;
  width: 100%;
  margin-bottom: 0;
}
.cpp-table-wrap .product-title a {
  color: #FE5000;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}
.cpp-table-wrap .bundle-parent {
  border-bottom: none;
}
.cpp-table-wrap .bundle-child {
  height: 100px;
}
.cpp-table-wrap .bundle-child:not(.last-child) {
  border-bottom: none;
}
.cpp-table-wrap .bundle-child.hidden {
  display: none;
}
.cpp-table-wrap .bundle-child .image-cell {
  padding: 20px 10px 20px 30px;
  text-align: end;
}
.cpp-table-wrap .bundle-child .image-cell img {
  max-width: 80px;
}
.cpp-table-wrap .toggle-children {
  color: #FE5000;
  cursor: pointer;
  line-height: 120%;
  opacity: 0.6;
  font-size: 15px;
  position: relative;
}
.cpp-table-wrap .toggle-children:before {
  content: "⌃";
  position: absolute;
  left: -14px;
  top: 70%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 20px;
  color: #FE5000;
}
.cpp-table-wrap .toggle-children.open::before {
  content: "⌄";
  top: 30%;
}
.cpp-table-wrap .order-card .toggle-children {
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .cpp-table-wrap .hidden.order-card {
    display: none;
  }
}
.cpp-table-wrap .hidden.bundle-child {
  display: none;
}

tr .license-list .license-item {
  display: flex;
  font-size: 12px;
}

.license-tooltip {
  position: absolute;
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 9999;
  pointer-events: none;
  transform: translateY(-4px);
}

/*# sourceMappingURL=style.css.map */