/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \**************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,400,600,700&display=swap);
/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss (1) ***!
  \******************************************************************************************************************/
@import url(https://use.typekit.net/gnw6oet.css);
/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss (2) ***!
  \******************************************************************************************************************/
@charset "UTF-8";
/* /////////////////////////////////
	RESET
///////////////////////////////// */
/* reset whitespace */
html {
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
}

/* standardize HTML5 elements */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
}

/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* remove sub-pixel anti-aliasing */
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

/* normalise bold weight */
b, strong {
  font-weight: bold;
}

/* remove link focus outline */
a:active, a:hover, a:focus {
  outline: 0;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. */
/* 2. Improves image quality when scaled in IE 7. */
img, a img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* Remove most spacing between table cells */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Remove default fieldset styles */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Allow only vertical resizing of text areas. */
textarea {
  resize: vertical;
}

/* Remove input focus glow */
input:focus, select:focus, textarea:focus {
  outline: 0;
}

/* Remove webkit's search field style override */
input[type=search] {
  -webkit-appearance: textfield;
}

::-webkit-search-cancel-button {
  display: none;
}

/* IE9 gradient fix */
.gradient {
  filter: none;
}

/* /////////////////////////////////
	VARIABLES
///////////////////////////////// */
:root {
  --ecoGreen: #ff7f30;
}

/* text & link colors */
/* background colors */
/* borders */
/** wind ragne */
/** new palette */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ozone kites custom stuff  - a.k.a. globals */
.slick-slider {
  margin: 0;
  padding: 0;
  height: 100%; /* fixes safari heigt issue */
}
.slick-slider .slick-dots {
  margin: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.slick-slider .slick-dots li {
  display: inline-block;
  margin: 0 4px 5px 4px;
}
.slick-slider .slick-dots li.slick-active button {
  background: transparent;
  border: 1px solid #fff;
}
.slick-slider .slick-dots li:hover button {
  background: #dd1407;
  border-color: #dd1407;
}
.slick-slider .slick-dots li button {
  display: inline-block;
  cursor: pointer;
  width: 6px;
  height: 6px;
  padding: 0;
  border-radius: 3px;
  background: #fff;
  text-indent: -9999px;
  border: 0px solid #fff;
}
.slick-slider .slick-slide {
  transition: all 200ms;
  cursor: pointer;
}
.slick-slider .slick-arrow {
  /* default classes */
}
.slick-slider .slick-arrow.slick-arrow-left {
  position: absolute;
  left: -15px;
  top: calc(50% - 40px);
}
.slick-slider .slick-arrow.slick-arrow-right {
  position: absolute;
  right: -15px;
  top: calc(50% - 40px);
}
.slick-slider .slick-arrow.slick-prev, .slick-slider .slick-arrow.slick-next {
  top: calc(50% - 25px);
  width: 60px;
  border: 0;
  position: absolute;
  height: 60px;
  border-color: #fff;
  text-indent: -100000px;
  z-index: 1000;
}
.slick-slider .slick-arrow.slick-prev:hover, .slick-slider .slick-arrow.slick-next:hover {
  width: 56px;
}
.slick-slider .slick-arrow.slick-prev {
  background: transparent url(/app/themes/OzoneTheme-child/assets/06a362d4971f6fc0be3a.png) no-repeat center center;
  border-radius: 0 2px 2px 0;
  left: 0;
}
.slick-slider .slick-arrow.slick-next {
  background: transparent url(/app/themes/OzoneTheme-child/assets/de1268f10d2ab237ae2d.png) no-repeat center center;
  border-radius: 2px 0 0 2px;
  right: 0;
}

/* removes special case */
ul.slick-slider li.slick-slide {
  background: none;
  padding: 0;
}

@keyframes lum-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lum-fadeZoom {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes lum-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes lum-loader-before {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(6px);
  }
  25% {
    transform: scale(1.3) translateX(8px);
  }
  40% {
    transform: scale(1.2) translateX(6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(6px);
  }
  75% {
    transform: scale(0.7) translateX(8px);
  }
  90% {
    transform: scale(0.8) translateX(6px);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lum-loader-after {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.2) translateX(-6px);
  }
  25% {
    transform: scale(1.3) translateX(-8px);
  }
  40% {
    transform: scale(1.2) translateX(-6px);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8) translateX(-6px);
  }
  75% {
    transform: scale(0.7) translateX(-8px);
  }
  90% {
    transform: scale(0.8) translateX(-6px);
  }
  100% {
    transform: scale(1);
  }
}
.lum-lightbox {
  background: rgba(0, 0, 0, 0.95);
  z-index: 10001;
}

.lum-lightbox-inner {
  top: 2.5%;
  right: 2.5%;
  bottom: 2.5%;
  left: 2.5%;
}

.lum-lightbox-inner img {
  position: relative;
}

.lum-lightbox-inner .lum-lightbox-caption {
  margin: 0 auto;
  color: #fff;
  max-width: 700px;
  text-align: center;
}

.lum-loading .lum-lightbox-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: lum-loader-rotate 1800ms infinite linear;
}

.lum-lightbox-loader:before,
.lum-lightbox-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
}

.lum-lightbox-loader:before {
  left: 0;
  animation: lum-loader-before 1800ms infinite linear;
}

.lum-lightbox-loader:after {
  right: 0;
  animation: lum-loader-after 1800ms infinite linear;
  animation-delay: -900ms;
}

.lum-lightbox.lum-opening {
  animation: lum-fade 180ms ease-out;
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
  animation: lum-fadeZoom 180ms ease-out;
}

.lum-lightbox.lum-closing {
  animation: lum-fade 300ms ease-in;
  animation-direction: reverse;
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
  animation: lum-fadeZoom 300ms ease-in;
  animation-direction: reverse;
}

.lum-img {
  transition: opacity 120ms ease-out;
}

.lum-loading .lum-img {
  opacity: 0;
}

.lum-gallery-button {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100px;
  max-height: 100%;
  width: 60px;
  cursor: pointer;
}

.lum-close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}

.lum-close-button:hover {
  opacity: 1;
}

.lum-close-button:before,
.lum-close-button:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #fff;
}

.lum-close-button:before {
  transform: rotate(45deg);
}

.lum-close-button:after {
  transform: rotate(-45deg);
}

.lum-previous-button {
  left: 12px;
}

.lum-next-button {
  right: 12px;
}

.lum-gallery-button:hover:after {
  width: 40px;
}

.lum-gallery-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  background: none;
  border-top: 4px solid rgba(255, 255, 255, 0.8);
}

.lum-previous-button:after {
  transform: translateY(-50%) rotate(-45deg);
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
  left: 12%;
  border-radius: 3px 0 0 0;
}

.lum-next-button:after {
  transform: translateY(-50%) rotate(45deg);
  border-right: 4px solid rgba(255, 255, 255, 0.8);
  box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
  right: 12%;
  border-radius: 0 3px 0 0;
}

/* This media query makes screens less than 460px wide display in a "fullscreen"-esque mode. Users can then scroll around inside the lightbox to see the entire image. */
@media (max-width: 460px) {
  .lum-lightbox-image-wrapper {
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lum-lightbox-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  /* Used to centre the image in the container, respecting overflow: https://stackoverflow.com/a/33455342/515634 */
  .lum-lightbox-position-helper {
    margin: auto;
  }
}
/*
 * Justified Gallery - v4.0.0-alpha
 * http://miromannino.com/projects/justified-gallery/
 * Copyright (c) 2019 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
}
.justified-gallery > a, .justified-gallery > div, .justified-gallery > figure {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
  margin: 0;
  padding: 0;
}
.justified-gallery > a > img, .justified-gallery > a > a > img, .justified-gallery > a > svg, .justified-gallery > a > a > svg, .justified-gallery > div > img, .justified-gallery > div > a > img, .justified-gallery > div > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > img, .justified-gallery > figure > a > img, .justified-gallery > figure > svg, .justified-gallery > figure > a > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
}
.justified-gallery > a > .jg-caption.jg-caption-visible, .justified-gallery > div > .jg-caption.jg-caption-visible, .justified-gallery > figure > .jg-caption.jg-caption-visible {
  display: initial;
}
.justified-gallery > .jg-entry-visible {
  background: none;
}
.justified-gallery > .jg-filtered {
  display: none;
}
.justified-gallery > .jg-adjust-huener {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  overflow: initial;
}
.justified-gallery > .jg-adjust-huener > span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-radius: 6px;
}

.animated {
  transition: all 500ms;
  transition-delay: 200ms;
  transition-timing-function: cubic-bezier(0.4, 1.13, 1, 1);
  /* animates the background */
}
.animated.fadeIn__pending {
  opacity: 0;
  transform: translate(0, 100px);
}
.animated.fadeIn__pending.fadeIn {
  opacity: 1;
  transform: translate(0, 0px);
}
.animated.lateralFade__pending {
  opacity: 0;
  transform: translate(100px);
}
.animated.lateralFade__pending.lateralFade {
  opacity: 1;
  transform: translate(0);
}
@keyframes control-bar-background {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-150px, -150px);
  }
}
.animated.background {
  animation: control-bar-background 30s forwards;
  animation-iteration-count: 1;
}
@media screen and (max-width: 767px) {
  .animated.lateralFade__pending {
    transform: translate(10px);
  }
}

.compare .animated.fadeIn__pending {
  transform: translate(0, 0);
}

/* /////////////////////////////////
	MIXINS
///////////////////////////////// */
/* font-face */
/* transition on hover and click */
/* rounded corners */
/* box sizing */
/* background clip for rgba borders */
/* box shadow */
/* inset box shadow */
/* opacity */
/* multiple backgrounds */
/* gradient background */
/* animations */
/* @2x */
/* Compatibility Mixins */
/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */
html {
  scroll-behavior: smooth;
  scroll-snap-x: proximity;
}

body {
  font: normal 14px/20px "Montserrat", sans-serif;
  color: #333;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
body > main {
  min-height: 400px;
}

.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.5;
  cursor: pointer;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #fff;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
  height: 0;
  line-height: 0px;
  font-size: 0px;
  text-indent: -1000em;
}

/* for elements with content replaced by background image -
	apply this class and then the element only needs height, width, and background image */
.ir {
  display: block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -1000em;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

/* use .clearfix to clear containers with floats inside */
.clearfix:after, fieldset:after, form:after,
.form-row li:after,
.text-col1 .form-row li:after,
.text-col2 .form-row li:after,
.text-col3 .form-row li:after,
.text-col1-2 .form-row li:after,
.text-col1-3 .form-row li:after,
.form-row:after,
.text-col1 .form-row:after,
.text-col2 .form-row:after,
.text-col3 .form-row:after,
.text-col1-2 .form-row:after,
.text-col1-3 .form-row:after,
footer .center:after,
article.media header ul:after,
.color-gallery .color-thumbs:after,
.color-gallery:after,
ul.catalogue:after,
.btn-set:after,
article.grey:after,
article.white:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix, fieldset, form,
.form-row li,
.text-col1 .form-row li,
.text-col2 .form-row li,
.text-col3 .form-row li,
.text-col1-2 .form-row li,
.text-col1-3 .form-row li,
.form-row,
.text-col1 .form-row,
.text-col2 .form-row,
.text-col3 .form-row,
.text-col1-2 .form-row,
.text-col1-3 .form-row,
footer .center,
article.media header ul,
.color-gallery .color-thumbs,
.color-gallery,
ul.catalogue,
.btn-set,
article.grey,
article.white {
  zoom: 1; /* for IE */
}

.mobile-only {
  display: none;
}

article.white {
  padding-bottom: 48px;
}
article.white.grey-col-holder {
  padding-bottom: 0;
}
article.grey {
  padding-bottom: 48px;
  background: #f4f4f4;
  padding-top: 1px;
}
article.grey.gradient {
  background: -moz-linear-gradient(top, #fff 0%, #f4f4f4 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #f4f4f4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #f4f4f4 100%); /* IE10+ */
  background: linear-gradient(top, #fff 0%, #f4f4f4 100%); /* W3C */
}
article.even-pad {
  padding: 24px 0 34px;
}
article.media {
  background: #5c6771;
}

.text-col-container {
  float: left;
}

.text-col1,
.text-col2 {
  width: 320px;
  float: left;
  margin-right: 40px;
}
.text-col1.align-top,
.text-col2.align-top {
  padding-top: 76px;
}
.text-col1.align-top-more,
.text-col2.align-top-more {
  padding-top: 120px;
}
.grey-col-holder .text-col1,
.grey-col-holder .text-col2 {
  padding-bottom: 48px;
}

.text-col3 {
  width: 360px;
  float: right;
  flex: 1 0 auto;
}

.text-col1-2 {
  width: 680px;
  float: left;
  flex: 1 0 auto;
}
.text-col1-2.span2 {
  clear: left;
}

.text-col1-3 {
  width: auto;
  clear: both;
  flex: 1 0 auto;
}

.grey-col {
  float: right;
  background: #f4f4f4;
  width: 320px;
  padding: 24px 1000px 40px 40px;
  margin: 0 -1000px 0 0;
}

.btn,
.button {
  position: relative;
  color: #fff;
  border-radius: 16px;
  border: 1px solid #333f48;
  background-color: #333f48;
  text-align: center;
  cursor: pointer;
  z-index: 0;
  display: inline-block;
  height: auto;
  font: bold 20px/26px "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  letter-spacing: 3px;
  /*  margin: 0 10px 8px;*/
  padding: 3px 20px;
}
.btn:hover,
.button:hover {
  color: #fff;
}
.btn:hover:after,
.button:hover:after {
  width: 100%;
}
.btn:after,
.button:after {
  transition: all 200ms;
  content: " ";
  width: 0%;
  display: block;
  background: #5b6770;
  border-radius: 16px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
}

.product #info .intro-text #production-times,
.product #controlsystem .intro-text #production-times {
  position: relative;
  color: #a0a0a0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 3px;
  padding: 0 10px;
  display: inline-block;
}

.grecaptcha-badge {
  display: none !important;
}

.related_products {
  background: #fff;
  margin: 30px 0;
}
.related_products .center {
  max-width: 1120px;
  display: flow-root;
}
.related_products .center h3 {
  margin-left: 15px;
  margin-bottom: 20px;
}

.hide {
  display: none !important;
}

.oz-logo {
  background: url(/app/themes/OzoneTheme-child/assets/5a9aee6b8fa44dd8e7b2.svg);
  background-repeat: no-repeat;
  width: 259px;
  height: 40px;
}

header#hero {
  position: relative;
}
header#hero .default-header {
  height: 530px;
  width: 100%;
  position: relative;
}
header#hero .default-header video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
header#hero.video-bumper .media-wrapper .hero-bar .hero-bar__wrapper__title {
  color: #484848;
  max-width: 100%;
  line-height: 75px;
  text-align: center;
  font-weight: bold;
}
header#hero .media-wrapper {
  min-height: 630px;
  max-height: 72vh;
  overflow: hidden;
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
header#hero .media-wrapper .solo {
  flex: 1 1 100%;
  height: 100%;
  width: 100%;
}
header#hero .media-wrapper .solo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header#hero .media-wrapper .hero_carousel {
  height: 100%;
}
header#hero .media-wrapper .hero_carousel .carousel {
  height: 100%;
}
header#hero .media-wrapper .hero_carousel .carousel .slide img {
  height: 72vh;
  min-height: 630px;
  width: 100%;
  object-fit: cover;
}
header#hero .media-wrapper #hero_video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
header#hero .media-wrapper .hero-bar {
  width: 100%;
  background-size: contain;
  text-align: center;
}
header#hero .media-wrapper .hero-bar .hero-bar__wrapper {
  display: inline-block;
  width: 100%;
}
header#hero .media-wrapper .hero-bar .hero-bar__wrapper__title {
  text-transform: uppercase;
  text-align: center;
  max-width: 100%;
  font-size: 50px;
  line-height: 60px;
  margin: 0;
  padding: 25px 0 0;
  color: #dbdbdb;
  letter-spacing: 4px;
}
header#hero .media-wrapper .hero-bar .hero-bar__wrapper__title img {
  justify-self: center;
  justify-content: center;
  display: inline-flex;
  max-width: 600px;
}
header#hero .media-wrapper .hero-bar .hero-bar__wrapper #compare {
  margin-bottom: 20px;
}
@media all and (max-width: 1023px) {
  header#hero .media-wrapper .hero-bar .hero-bar__wrapper__title {
    padding: 0 15px;
  }
}

@media all and (max-width: 1023px) {
  header#hero.product .media-wrapper .hero-bar {
    background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, rgba(29, 29, 29, 0.2784313725) 20%, rgba(26, 26, 26, 0.49) 40%, rgba(23, 23, 23, 0.6588235294) 60%, rgba(20, 20, 20, 0.768627451) 80%, rgba(16, 16, 16, 0.8509803922) 100%);
    position: absolute;
    bottom: 0;
    padding: 25px 0 10px;
  }
}
@media all and (min-width: 1023px) {
  header#hero.product .media-wrapper .hero-bar {
    background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, rgba(29, 29, 29, 0.2784313725) 20%, rgba(26, 26, 26, 0.49) 40%, rgba(23, 23, 23, 0.6588235294) 60%, rgba(20, 20, 20, 0.768627451) 80%, rgba(16, 16, 16, 0.8509803922) 100%);
    position: absolute;
    bottom: 0;
    padding: 20px 0 10px;
  }
}
.big-text,
.product .intro-list li p,
.category ul li .item .description > span,
ul.catalogue li .quote { /* related products quote */
  font-size: 16px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0px;
}

.user-manual-title {
  width: 80%;
  margin: 20px auto;
}
.user-manual-title h2 {
  color: #333;
}

.product .intro-list li p {
  margin-left: 30px;
  margin-top: 0px;
}

.category ul li .item .description h1, .category ul li .item .description h2, .category ul li .item .description h3, .category ul li .item .description h4, .category ul li .item .description h5,
.category ul li .item .description .h1, .category ul li .item .description .h2, .category ul li .item .description .h3, .category ul li .item .description .h4, .category ul li .item .description .h5 {
  margin-bottom: 0;
}
.category ul li .item .description p {
  margin-top: 0;
}

.page-template-home-page {
  background: #fff;
}
.page-template-home-page .wp-block-columns {
  margin-bottom: 0;
}
.page-template-home-page .wp-block-columns.wp-container-5 {
  gap: 0;
}
.page-template-home-page .wp-block-columns.sport-landing {
  margin: 0 0 20px;
  justify-content: space-between;
  z-index: 1;
}
.page-template-home-page .wp-block-columns.sport-landing .wp-block-column {
  margin: 0 20px 0 20px;
}
.page-template-home-page .wp-block-columns.sport-landing .wp-block-column figure {
  border-radius: 3px;
}
.page-template-home-page .wp-block-columns.sport-landing .wp-block-column .wp-block-image a {
  position: relative;
  display: block;
  height: 100%;
}
.page-template-home-page .wp-block-columns.sport-landing .wp-block-column .wp-block-image a:hover img {
  filter: brightness(1.4);
}
.page-template-home-page .wp-block-columns.sport-landing .wp-block-column .wp-block-image a img {
  transition: all 200ms;
  max-height: 75vw;
  object-fit: cover;
  height: 100%;
}
@media (max-width: 1023px) {
  .page-template-home-page .wp-block-columns.sport-landing .wp-block-column .wp-block-image a img {
    max-height: 60vw;
    width: calc(100% - 20px);
    margin: 10px;
  }
}
.page-template-home-page .wp-block-columns.passion-selection {
  height: 70vh;
  gap: 0px;
}
.page-template-home-page .wp-block-columns.passion-selection .wp-block-media-text {
  height: 100%;
}
.page-template-home-page .wp-block-columns.passion-selection .wp-block-media-text .wp-block-media-text__media {
  height: 100%;
}
.page-template-home-page .wp-block-columns.passion-selection .wp-block-media-text .wp-block-media-text__media img {
  height: 100%;
}
.page-template-home-page .wp-block-columns .wp-block-column:not(:first-child) {
  margin-left: 0;
}
.page-template-home-page .wp-block-columns .wp-block-column .wp-block-image {
  position: relative;
  margin: 0;
  height: 100%;
}
.page-template-home-page .wp-block-columns .wp-block-column .wp-block-image img {
  height: auto;
}
.page-template-home-page .wp-block-columns .wp-block-column .wp-block-image figcaption {
  position: absolute;
  bottom: 0;
  color: #ff7f30;
  text-align: center;
  width: 100%;
  font-size: 28px;
  font-weight: 800;
  background: linear-gradient(0deg, black, transparent);
  line-height: 60px;
  margin: 0;
}
.page-template-home-page header#hero .media-wrapper {
  min-height: auto;
}
.page-template-home-page h3.subtitle__light {
  margin: 0;
  font-size: 20px;
  width: auto;
  display: flex;
  font-weight: 600;
  justify-content: center;
}
.page-template-home-page .wp-block-media-text {
  display: block;
  position: relative;
}
.page-template-home-page .wp-block-media-text figure img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.page-template-home-page .wp-block-media-text .wp-block-media-text__content {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 109px;
  background: linear-gradient(0deg, black 50%, transparent);
}
.page-template-home-page .wp-block-media-text .wp-block-media-text__content h1 {
  margin-top: 25px;
}
.page-template-home-page .wp-block-media-text .wp-block-media-text__content h1, .page-template-home-page .wp-block-media-text .wp-block-media-text__content h2 {
  background: transparent;
  font-size: 2em;
  line-height: 1em;
  padding: 0 20px;
}
.page-template-home-page .wp-block-media-text .wp-block-media-text__content h3 {
  margin: 0 20px;
  font-size: 1.5em;
}
.page-template-home-page .wp-block-media-text .wp-block-media-text__content p {
  font-size: 16px;
  color: #ff7f30;
}
@media all and (max-width: 1023px) {
  .page-template-home-page .wp-block-columns.passion-selection {
    height: auto;
  }
  .page-template-home-page .wp-block-columns.passion-selection .wp-block-column {
    flex-basis: 50% !important;
  }
  .page-template-home-page .wp-block-columns.passion-selection .wp-block-column .is-stacked-on-mobile {
    height: 33vh;
  }
  .page-template-home-page .wp-block-columns.passion-selection .wp-block-media-text .wp-block-media-text__content {
    background: linear-gradient(0deg, #000, transparent 50%, transparent);
  }
  .page-template-home-page .wp-block-columns.passion-selection .wp-block-media-text .wp-block-media-text__content h3 {
    font-size: 15px;
  }
  .page-template-home-page .wp-block-columns.passion-selection .wp-block-media-text .wp-block-media-text__content h1 {
    font-size: 22px;
  }
}
@media all and (max-width: 767px) {
  .page-template-home-page h3.subtitle__light {
    font-size: 17px;
    letter-spacing: 9px;
    padding: 0 10px;
    width: AUTO;
  }
  .page-template-home-page .wp-block-columns .wp-block-column {
    margin: 0 !important;
    background: #000;
  }
  .page-template-home-page .wp-block-columns .wp-block-column:not(:first-child) {
    margin-left: initial;
  }
  .page-template-home-page header#hero .media-wrapper #hero_video {
    height: 40vh;
  }
}

body.search-results .archive-header-inner {
  padding: 30px 0 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
body.search-results h1 {
  color: #666;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-size: 30px;
  line-height: 30px;
}
body.search-results .search-results {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
body.search-results .search-results div.search-result-item {
  margin: 0 10px 20px 10px;
  padding: 10px;
  width: auto;
  flex: 0 1 350px;
  display: flex;
  transition: 200ms all;
  box-sizing: border-box;
  border: 0;
  border-radius: 8px;
  background-color: #f2f2f2 !important;
  position: relative;
}
body.search-results .search-results div.search-result-item .item {
  margin: 0 auto;
}
body.search-results .search-results div.search-result-item .image {
  display: flex;
  justify-content: center;
}
body.search-results .search-results div.search-result-item:hover .description {
  opacity: 1;
}
body.search-results .search-results div.search-result-item:hover .description .button {
  opacity: 1;
}
body.search-results .search-results div.search-result-item .title {
  text-align: center;
}
body.search-results .search-results div.search-result-item .title h2 {
  display: block;
  font: bold 50px/60px "bebas-neue-pro", "Helvetica", "Arial";
  margin: 20px 0 20px;
  color: #333f48;
  text-transform: uppercase;
}
body.search-results .search-results div.search-result-item .title h4 {
  display: block;
  font: normal 20px "Montserrat", sans-serif;
  color: #484848;
  font-size: 14px;
  font-weight: 600;
  margin: 20px 0 20px 0;
  letter-spacing: -0.5px;
}
body.search-results .search-results div.search-result-item .description {
  transition: 400ms all;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0px;
  opacity: 0;
  border-radius: 8px;
  padding: 0 20px;
  height: 100%;
  color: #fff;
  font-weight: 600;
  background: #333f48;
  width: calc(100% - 1px);
  z-index: 10;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.search-results .search-results div.search-result-item .description .button {
  border: 1px solid #fff;
}
body.search-results .search-results div.search-result-item .description span {
  color: #e8e8e8 !important;
}
body.search-results .search-results div.search-result-item img {
  width: 250px;
  height: 250px;
}

/* /////////////////////////////////
	BASIC TEXT
///////////////////////////////// */
@font-face {
  font-family: "AvenirNext";
  src: url(/app/themes/OzoneTheme-child/assets/0ccce7ca0aa4f9ff8eab.eot);
  src: url(/app/themes/OzoneTheme-child/assets/0ccce7ca0aa4f9ff8eab.eot?#iefix) format("embedded-opentype"), url(/app/themes/OzoneTheme-child/assets/f8b18c4ad5df6374bfef.woff) format("woff"), url(/app/themes/OzoneTheme-child/assets/6f4698d1586278550a84.ttf) format("truetype"), url(/app/themes/OzoneTheme-child/assets/36be9216374b55c6c99e.svg#AvenirNext) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext";
  src: url(/app/themes/OzoneTheme-child/assets/0ad2ac9ef89a4fe3afb7.eot);
  src: url(/app/themes/OzoneTheme-child/assets/0ad2ac9ef89a4fe3afb7.eot?#iefix) format("embedded-opentype"), url(/app/themes/OzoneTheme-child/assets/1ff029783f571d9287e9.woff) format("woff"), url(/app/themes/OzoneTheme-child/assets/04a4b2790958b9199d76.ttf) format("truetype"), url(/app/themes/OzoneTheme-child/assets/8c87b20570f0a413fadc.svg#AvenirNext) format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNext";
  src: url(/app/themes/OzoneTheme-child/assets/236f8df30c775a578b7e.eot);
  src: url(/app/themes/OzoneTheme-child/assets/236f8df30c775a578b7e.eot?#iefix) format("embedded-opentype"), url(/app/themes/OzoneTheme-child/assets/3acb8a2e2120f7bbc878.woff) format("woff"), url(/app/themes/OzoneTheme-child/assets/97a47b29b3d2bc0854a5.ttf) format("truetype"), url(/app/themes/OzoneTheme-child/assets/a3c4f87a6cd9766e1c0f.svg#AvenirNext) format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "AvenirNext-UltraLight";
  src: url(/app/themes/OzoneTheme-child/assets/a172bcb4d2ed6736396b.eot);
  src: url(/app/themes/OzoneTheme-child/assets/a172bcb4d2ed6736396b.eot?#iefix) format("embedded-opentype"), url(/app/themes/OzoneTheme-child/assets/c72abb2b5f5103cba67e.woff) format("woff"), url(/app/themes/OzoneTheme-child/assets/27fd708cbead8349fbb3.ttf) format("truetype"), url(/app/themes/OzoneTheme-child/assets/692c3370e381342d664d.svg#AvenirNext-UltraLight) format("svg");
  font-weight: normal;
  font-style: italic;
}
h1 {
  font: bold 60px/70px "bebas-neue-pro", "Helvetica", "Arial";
  margin: 0;
  line-height: 55px;
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
  h1 {
    font: bold 50px/60px "bebas-neue-pro", "Helvetica", "Arial";
  }
}
h1.large {
  font-size: 100px;
  line-height: 80px;
}
h1.sub {
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
  font-size: 66px;
  line-height: 62px;
}

.subtitle__light {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-weight: 200;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  font-size: 34px;
  line-height: 36px;
  letter-spacing: 10px;
  margin-bottom: 0;
  padding: 0 50px;
}

.bebas {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-weight: 400;
  font-style: normal;
  letter-spacing: 4px;
}

.bebas-light {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-weight: 200;
  font-style: normal;
}

.bebas-bold {
  font-family: "bebas-neue-pro", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.page-template-home-page #site-content > h2 {
  padding: 20px 0 0;
  letter-spacing: 4px;
}

h2, .h2 {
  display: block;
  font: bold 50px/60px "bebas-neue-pro", "Helvetica", "Arial";
  margin: 20px 0 20px;
  color: #333f48;
  text-transform: uppercase;
}
h2.top, .h2.top {
  margin-top: 46px;
}
h2.sizes, .h2.sizes {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -1px;
}
h2.sizes em, .h2.sizes em {
  font-family: "Montserrat", sans-serif;
}
h2 .lower, .h2 .lower {
  text-transform: none;
}
@media screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 7vw;
    line-height: 13vw;
    margin-bottom: 8px;
  }
}

h3, .h3 {
  display: inline-block;
  color: #333f48;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  /*margin: 20px auto;*/
  font-size: 26px;
  line-height: 1em;
}
h3.compact, .h3.compact {
  margin: 0 0 8px 0;
}
h3.pull-up, .h3.pull-up {
  margin-top: 16px;
}

h4, .h4 {
  display: block;
  font: normal 20px "Montserrat", sans-serif;
  margin: 10px 0 0 0;
  color: #000;
  letter-spacing: -0.5px;
}

h5, .h5 {
  display: block;
  font: normal 12px/16px "Montserrat", sans-serif;
  margin: 5px auto;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}

p {
  margin: 18px 0;
  zoom: 1;
  line-height: 24px;
}

ul {
  margin: 18px 0;
}
ul li {
  margin-bottom: 8px;
}
ul.features {
  font-weight: bold;
  color: #000;
}

ol {
  margin: 18px 0 18px 20px;
  text-align: left;
}
ol li {
  margin-bottom: 10px;
}

.light {
  color: #999;
}

.small {
  font-size: 12px;
  line-height: 16px;
}

img.figure {
  display: block;
  margin: 24px 0;
}

/* /////////////////////////////////
	COMMON LINKS
///////////////////////////////// */
a:link {
  text-decoration: none;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
a:link:hover {
  text-decoration: none;
}
a:link:active {
  color: #000;
  text-decoration: none;
}

a.read-more {
  font: bold 12px/20px "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-set {
  margin: 20px 0;
}
.btn-set .btn, .btn-set button {
  clear: none;
  margin: 0 6px 8px 0;
}

a.btn,
button,
a.more-link {
  position: relative;
  color: #fff;
  border-radius: 16px;
  border: 1px solid #333f48;
  background-color: #333f48;
  text-align: center;
  cursor: pointer;
  z-index: 0;
  display: inline-block;
  height: auto;
  font: bold 20px/26px "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  letter-spacing: 3px;
  /*  margin: 0 10px 8px;*/
  padding: 3px 20px;
}
a.btn:hover,
button:hover,
a.more-link:hover {
  color: #fff;
}
a.btn:hover:after,
button:hover:after,
a.more-link:hover:after {
  width: 100%;
}
a.btn:after,
button:after,
a.more-link:after {
  transition: all 200ms;
  content: " ";
  width: 0%;
  display: block;
  background: #5b6770;
  border-radius: 16px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
}

main .wp-block-columns {
  max-width: 1120px;
  margin: auto;
  padding: 0 40px;
}
main .wp-block-columns .wp-block-column.center {
  display: flex;
  flex-direction: column;
}
main .wp-block-columns p {
  font-size: 16px;
  font-weight: 600;
}
main .wp-block-columns h4.wp-block-heading {
  font-weight: 600;
  color: #ff7f30;
}

/* homepage override */
.home main#site-content .wp-block-columns {
  max-width: 100%;
  padding: 0;
}

blockquote {
  margin: 1.5em auto;
  padding: 0.5em 10px;
  display: inline-block;
  quotes: "“" "”" "‘" "’";
}
blockquote p {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 32px;
}
blockquote cite {
  display: block;
  text-align: right;
}

blockquote:before {
  content: open-quote;
  font-size: 6em;
  line-height: 0.1em;
  margin-right: 0;
  vertical-align: -0.4em;
}

blockquote:after {
  visibility: hidden;
  content: close-quote;
}

figcaption {
  text-align: right;
}

blockquote p {
  display: inline;
}

.mega-menu-toggle .mega-toggle-block-2 a.mega-menu-logo img.mega-menu-logo {
  max-height: 18px !important;
  top: -2px !important;
}

#mega-menu-wrap-primary.mega-sticky #mega-menu-primary {
  background: #000 !important;
}

#mega-menu-wrap-primary .mega-menu-toggle button:hover:after {
  background: none !important;
}

#mega-menu-wrap-primary #mega-menu-primary li:first-child a:hover {
  background: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link {
  background: rgb(51, 63, 72);
  color: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0 15px;
  margin-bottom: 25px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-size: 28px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a .menu-item__title {
  display: block;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-weight: 400;
  margin-right: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a .menu-item__subtitle {
  display: block;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 15px;
  max-width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > ul > li.dense.group-parent {
  margin-bottom: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > ul > li.dense a {
  margin-bottom: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > ul > li.dense a > ul > li.dense a {
  margin-bottom: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link.no-subtitle {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-weight: 400;
  margin-right: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link.clickable {
  display: flex;
  flex-direction: column;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link.clickable .menu-item__title {
  display: block;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-weight: 400;
  margin-right: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link.clickable .menu-item__subtitle {
  display: block;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 15px;
  max-width: 100%;
}

@media screen and (max-width: 1000px) {
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item-language img.wpml-ls-flag {
    max-width: 20px;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-ancestor > a {
    background: #000;
    color: #fff;
    font-weight: bold;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > a {
    font-family: "bebas-neue-pro", "Helvetica", "Arial" !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    font-weight: bold !important;
    background: #000 !important;
    letter-spacing: 2px !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
    /** inmediate A's are the top level navigation - sports and more - ozone */
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-family: "bebas-neue-pro", "Helvetica", "Arial";
    padding: 10px 10px 10px 25px;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 2px;
    font-weight: bold;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
    background: #e8e5e5;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > a.no-subtitle {
    margin-bottom: 15px;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li {
    border-bottom: 1px solid #d9d9d9;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li > a.mega-menu-link {
    font-family: "bebas-neue-pro", "Helvetica", "Arial";
  }
}
@media screen and (min-width: 1000px) {
  /** this is the main container */
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal {
    text-align: center;
    display: flex;
    justify-content: center;
    background-color: #000;
    /** this block is only for the logo */
    /** this are the rest of the items in the top of the navigation */
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > .mega-menu-item-type-custom:first-child {
    position: absolute !important;
    left: 30px !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > .mega-menu-item-type-custom:first-child img {
    margin-top: -2px;
    margin-left: -12px;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item {
    /** inmediate A's are the top level navigation - sports and more - ozone */
    /** this is the second layer navigation wrapper, where the product types are */
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: none !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-ancestor > a {
    background: #000;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item.mega-toggle-on {
    background: black;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: #333f48;
    color: #fff;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    color: #fff;
    font-weight: bold;
    background: #000;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link {
    font-family: "bebas-neue-pro", "Helvetica", "Arial";
    color: #fff;
    padding: 20px 10px;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: bold;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link:hover {
    background-color: #333f48;
    color: #fff;
    cursor: pointer;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link > span.mega-indicator {
    display: none;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu {
    display: flex;
    justify-content: center;
    padding: 0 50px;
    min-height: auto !important;
    background: #333f48;
    flex-direction: row;
    /** this is the link for a product category for example: Progression */
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
    flex: 0 1 auto;
    width: auto;
    padding: 0 15px;
    /** this is the main container of the megamenu max */
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-family: "bebas-neue-pro", "Helvetica", "Arial";
    margin-bottom: 0px !important;
    vertical-align: bottom !important;
    line-height: 30px !important;
    text-transform: uppercase;
    margin-top: 0px !important;
    text-align: center;
    font-size: 20px !important;
    color: #fff !important;
    background-color: #333f48;
    letter-spacing: 2px;
    width: 100%;
    min-height: 30px;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #fff !important;
    background-color: #333f48;
    text-decoration: underline;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link .mega-indicator {
    display: none;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background-color: #fafafa !important;
    color: #333f48 !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
    position: fixed;
    margin-top: 30px;
    background: #fafafa;
    box-shadow: 0px 8px 9px -6px rgba(51, 63, 72, 0.5607843137);
    width: 100%;
    top: 0;
    left: 0;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    min-height: auto;
    padding-top: 25px;
    /** here begins the section where all the links are */
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item {
    /** top level products like in hydrofoils */
    /** this is for the single final items or no child ones  */
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link {
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 28px;
    font-size: 28px;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item .clickable:hover .menu-item__title {
    text-decoration: underline;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item .clickable:hover.no-subtitle {
    text-decoration: underline;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item .no-subtitle:hover {
    text-decoration: underline;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item > a {
    font-weight: bold !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item > ul.mega-sub-menu {
    margin-left: 10px !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item a.mega-menu-link {
    display: flex !important;
    flex-direction: column;
    color: #666;
    font-family: "bebas-neue-pro", "Helvetica", "Arial";
    font-weight: 400;
    margin-right: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item a.mega-menu-link .menu-item__title {
    font-family: "bebas-neue-pro", "Helvetica", "Arial";
    font-weight: 400;
    margin-right: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 20px;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul > li.mega-menu-item a.mega-menu-link .menu-item__subtitle {
    font-family: "bebas-neue-pro", "Helvetica", "Arial";
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
    max-width: 75%;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item-language {
    position: absolute;
    right: 0;
  }
  #mega-menu-wrap-primary #mega-menu-primary.mega-menu-horizontal > li.mega-menu-item-language > ul.mega-sub-menu {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
  }
}
#mega-menu-wrap-primary ul#mega-menu-primary.mega-menu-horizontal > li.my-ozone-wrapper.mega-menu-megamenu > ul.mega-sub-menu {
  background: #fafafa;
}
#mega-menu-wrap-primary ul#mega-menu-primary.mega-menu-horizontal > li.my-ozone-wrapper.mega-menu-megamenu > ul.mega-sub-menu li > a.clickable.no-subtitle {
  color: #666;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
}

form.signup-in-nav {
  color: #333;
}
form.signup-in-nav > p {
  margin: 0;
}
form.signup-in-nav label {
  color: #333;
}
form.signup-in-nav .sports {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 370px;
  margin-bottom: 15px;
}

form.search-in-navigation {
  display: flex;
  flex-direction: column;
}
form.search-in-navigation .btn {
  max-width: max-content !important;
  margin-top: 20px;
}

/* /////////////////////////////////
	Hero + Header
///////////////////////////////// */
/* globals */
.hero_carousel li {
  color: #fff;
}
.hero_carousel li img {
  object-fit: cover;
  height: 80vh;
}
.hero_carousel li .caption {
  position: absolute;
  bottom: 4em;
  text-align: center;
  width: 100%;
}
.hero_carousel li.invert {
  color: #333;
}
.hero_carousel li.invert h1, .hero_carousel li.invert .photographer {
  color: #333;
}
.hero_carousel li .photographer {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #fff;
}

/* if the admin bar is present I need to adjust few things */
.admin-bar #header {
  top: 32px !important;
}
.admin-bar .sub-nav-wrapper.sticky {
  top: 82px !important;
}
@media (max-width: 1023px) {
  .admin-bar .sub-nav-wrapper.sticky {
    top: 94px !important;
  }
  .admin-bar #header {
    top: 45px !important;
  }
}

@media (min-width: 767px) {
  .hero_carousel li img {
    object-position: initial !important; /*resets the offset for desktop*/
    min-height: 720px;
  }
  /* this is for the product pages hero carousel */
  .catalogue .hero_carousel li img {
    max-height: 600px;
    min-height: 0px;
  }
}
.center {
  justify-content: center;
  margin: auto;
}

/*//////// END of CAROUSEL ////////*/
/* /////////////////////////////////
  Catalogue
///////////////////////////////// */
ul.catalogue {
  margin: 0 0 40px;
  display: flex;
  justify-content: space-around;
}
ul.catalogue li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  list-style-type: none;
  justify-content: center;
  text-align: center;
  width: 30%;
}
ul.catalogue li img {
  display: block;
  margin: 0 auto 20px;
  max-width: 98%;
  height: auto;
  max-height: 205px;
  object-fit: contain;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
ul.catalogue li .h2 {
  margin-top: 0;
  text-align: center;
  padding: 0 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  font-size: 22px;
  color: #333;
}
ul.catalogue li .h4 {
  text-align: center;
  padding: 0 24px;
  height: 32px;
  font-size: 14px;
  text-transform: uppercase;
}
ul.catalogue li .quote {
  padding: 0 24px;
  display: block;
  text-align: center;
  color: #333;
}
ul.catalogue li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 26px 0 30px;
  position: relative;
  border: 1px solid #e1dbdb;
}
ul.catalogue li a:hover {
  background: rgba(143, 143, 143, 0.2784313725);
  border: 1px solid #e1dbdb;
}
ul.catalogue li a:hover .quote {
  color: #ff7f30;
}

@media all and (max-width: 767px) {
  ul.catalogue {
    flex-direction: column;
  }
}
/* /////////////////////////////////
  News Index
///////////////////////////////// */
ul.catalogue.news li.first {
  clear: left;
}
ul.catalogue.news li img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 30px;
}
ul.catalogue.news li .h2, ul.catalogue.news li .h4 {
  padding: 0;
  text-align: left;
  white-space: normal;
  overflow: visible;
  text-overflow: visible;
}
ul.catalogue.news li .h4 {
  height: auto;
}
ul.catalogue.news li .summary {
  display: block;
  color: #333;
  margin-top: 20px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
ul.catalogue.news li .summary .more {
  color: #FF6B00;
  font: bold 12px/20px "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
ul.catalogue.news li a {
  padding: 30px 30px;
}
ul.catalogue.news li a:hover img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 hack */
  filter: alpha(opacity=100); /* IE6-7 hack */
}
ul.catalogue.news li a:hover .summary {
  color: #999;
}

/* /////////////////////////////////
  Team
///////////////////////////////// */
ul.catalogue.news.four li {
  width: 25%;
}
ul.catalogue.news.four li.fourth {
  border-right: 0;
}
ul.catalogue.news.four li img {
  margin-bottom: 22px;
}
ul.catalogue.news.four li .h2 {
  margin-bottom: -6px;
}

/* /////////////////////////////////
  Product
///////////////////////////////// */
.color-gallery {
  width: 360px;
  position: absolute;
  top: -92px;
  right: 40px;
  z-index: 100;
}
.color-gallery .main {
  margin: 0 0 0 -30px;
}
.color-gallery .main img {
  display: block;
}
.color-gallery .color-thumbs {
  margin: 20px -20px 0 0;
}
.color-gallery .color-thumbs a {
  display: block;
  float: left;
  margin-right: 20px;
}
.color-gallery .color-thumbs a img {
  display: block;
}

.text-col3 .color-gallery {
  position: static;
  top: 0;
  right: 0;
  margin: -350px 0 0 0;
}

.buy-now {
  background: #f4f4f4;
  padding: 32px 0;
}
.buy-now.border-top {
  border-top: solid 1px #dedede;
}
.buy-now.border-bottom {
  border-bottom: solid 1px #dedede;
}
.buy-now .text-col1 {
  min-width: 320px !important;
  padding: 0 !important;
}
.buy-now h2 {
  float: left;
  margin: 0 30px -4px 0;
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 30px;
}
.buy-now h2 span {
  font-size: 14px;
  font-weight: normal;
  position: relative;
  top: -6px;
  margin-right: 2px;
}
.buy-now h2 em {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #999;
}
.buy-now .btn {
  clear: none;
  margin: 0;
  display: block;
  float: left;
}
.buy-now .social-share {
  margin: 5px 0 -5px 0;
}
.buy-now .social-share .fb-like {
  float: left;
  margin-right: 0;
  width: 75px !important;
}

article.media header {
  padding: 20px 0;
  border-bottom: solid 4px #fff;
}
article.media header h3 {
  display: block;
  float: left;
  border-bottom: 0 !important;
  margin: 0;
  line-height: 24px;
}
article.media header ul {
  border-left: solid 1px #fff;
  border-left: solid 1px rgba(255, 255, 255, 0.5);
  padding-left: 30px;
  margin: 0 0 0 30px;
  float: left;
}
article.media header ul li {
  float: left;
  margin: 0 18px 0 0;
}
article.media header ul a {
  font: bold 12px/24px "Montserrat", sans-serif;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
}
article.media header ul a:hover {
  color: #FF6B00;
}
article.media header ul li.current a,
article.media header ul li.current a:hover {
  color: #fff;
}

/* /////////////////////////////////
  Connect
///////////////////////////////// */
footer {
  background: #a2aaad;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
footer h2 {
  font-size: 30px;
  line-height: 35px;
  margin: 0 0 8px;
}
footer .portion {
  margin-bottom: 25px;
}
footer .navigation {
  margin: 0;
  padding: 10px 0 !important;
}
footer .navigation ul.menu {
  margin: 0;
}
footer .navigation ul.menu li {
  list-style: none;
}
footer .navigation ul.menu li a {
  font-weight: bold;
  font-size: 20px;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  color: #333f48;
}
footer .navigation ul.menu li a:hover {
  text-decoration: underline;
}
footer .center {
  max-width: 1120px;
  margin: auto;
  padding: 10px 40px 0;
  position: relative;
  z-index: 2;
}
@media all and (max-width: 1023px) {
  footer .center {
    padding: 10px 15px;
  }
}
footer .copyright p {
  margin: 0;
}
footer .social ul {
  display: flex;
  flex-direction: row;
}
footer .social ul li {
  list-style: none;
}
footer .social ul li a {
  color: #333f48;
  font-size: 25px;
  margin-right: 15px;
}
footer .social ul li a:hover {
  color: #5b6770;
}
footer .third {
  width: 33.3333%;
  float: left;
}
@media all and (max-width: 1023px) {
  footer .third {
    width: 100%;
  }
}
footer input, footer select, footer .selectboxit-container {
  display: block;
  margin-bottom: 4px;
  max-width: 86%;
}
footer .social li.text {
  float: none;
  clear: both;
  margin-left: 13px;
  padding-top: 4px;
  padding-left: 0;
  border-left: 0;
}

.pagination {
  text-align: center;
  margin: 15px auto;
}
.pagination a, .pagination span {
  color: #fff;
  font-size: 16px;
  padding: 2px 4px;
  margin: 0px 0px;
}
.pagination a.current, .pagination span.current {
  font-weight: bold;
}
.pagination a:hover, .pagination span:hover {
  text-decoration: underline;
}

.subscribe-modal {
  display: none;
  min-height: initial !important;
  overflow: hidden !important;
}

.subscribe-block {
  background: #fff;
  color: #333;
}

.subscribe {
  padding: 5px 20px 30px !important;
}
.subscribe .close:before, .subscribe .close:after {
  background: #000000;
}
.subscribe .loading, .subscribe .error, .subscribe .success {
  display: none;
  padding: 6px;
  font-size: 16px;
  background: #333f48;
  text-align: center;
}
.subscribe .loading i, .subscribe .error i, .subscribe .success i {
  margin-right: 15px;
}
.subscribe .btn {
  max-width: 300px;
  margin: auto;
}
.subscribe .error {
  background: #ffa500;
}
.subscribe .success {
  background: #56cb2d;
}
.subscribe form {
  text-align: center;
}
.subscribe form .sports {
  display: flex;
  justify-content: center;
}
.subscribe form .sports label {
  width: 120px;
  font-weight: bold;
}
.subscribe form .sports label input {
  bottom: -3px;
  position: relative;
  min-width: initial;
}
.subscribe form input {
  padding: 5px 10px;
  margin: 0 5px;
  font-size: 16px;
  min-width: 300px;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5411764706);
}

.ui-dialog {
  background: #fff;
}

.ui-dialog-titlebar {
  display: none;
}

@media screen and (max-width: 767px) {
  .ui-dialog {
    width: 90vw !important;
  }
  .ui-dialog .close {
    right: 0px;
    top: 15px;
  }
  .ui-dialog .subscribe form input {
    min-width: auto;
    width: calc(100% - 30px);
  }
  .ui-dialog .subscribe form p {
    font-size: 12px;
    line-height: 18px;
  }
}
.not-found {
  position: relative;
}
.not-found img {
  height: 80vh;
  width: 100%;
  object-fit: cover;
}
.not-found .content {
  position: absolute;
  top: 33vh;
  text-align: center;
  right: 0;
  left: 0;
  margin: auto;
}
.not-found .content h1 {
  color: #ff7f30;
  margin: 35px;
}
.not-found .content h4 {
  color: #fff;
  font-weight: bold;
}

.wp-block-table {
  width: 100%;
  margin: 40px auto;
}
.wp-block-table figcaption {
  text-align: center;
}
.wp-block-table table {
  width: calc(100% - 100px);
  max-width: 1120px;
  padding: 50px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .wp-block-table table {
    padding: 30px;
    width: calc(100% - 30px);
  }
}
.wp-block-table table thead tr th {
  text-align: center;
  color: #33d5ad;
  font-weight: 700;
  font-size: 14px;
  border-color: #ccc !important;
  border-right: 1px solid #ccc;
}
.wp-block-table table thead tr th:first-child {
  text-align: left;
}
.wp-block-table table thead tr th:last-child {
  border-right: none;
}
.wp-block-table table td, .wp-block-table table th {
  padding: 0.8em 1.2em;
}
.wp-block-table table tbody tr {
  border-bottom: 1px solid #ccc;
}
.wp-block-table table tbody tr td {
  border-color: #ccc !important;
  border-right: 1px solid #ccc;
  font-size: 10px;
}
.wp-block-table table tbody tr td:last-child {
  border-right: none;
}
.wp-block-table.has-small-font-size {
  font-size: 10px;
}
.wp-block-table.is-style-stripes {
  background-color: #fff;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #fff;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
  background-color: rgba(153, 153, 153, 0.0509803922);
}

.wpseopress-faqs {
  margin-bottom: 40px;
}
.wpseopress-faqs .wpseopress-faq button.wpseopress-accordion-button {
  width: 100%;
  background: transparent;
  color: #333;
  border: 0;
  text-align: left;
  padding-left: 30px;
  transition: 500ms all;
  margin-bottom: 15px;
}
.wpseopress-faqs .wpseopress-faq button.wpseopress-accordion-button[aria-expanded=true]:before {
  content: " - ";
}
.wpseopress-faqs .wpseopress-faq button.wpseopress-accordion-button p {
  margin: 0;
}
.wpseopress-faqs .wpseopress-faq button.wpseopress-accordion-button:hover {
  color: #000;
}
.wpseopress-faqs .wpseopress-faq button.wpseopress-accordion-button:after {
  content: "";
  display: none;
}
.wpseopress-faqs .wpseopress-faq button.wpseopress-accordion-button:before {
  content: " + ";
  display: inline-block;
  position: absolute;
  top: 2px;
  font-size: 25px;
  left: 12px;
}
.wpseopress-faqs .wpseopress-faq .wpseopress-faq-answer {
  padding: 0 0 0 40px;
}
.wpseopress-faqs .wpseopress-faq .wpseopress-faq-answer .wpseopress-faq-answer-desc {
  margin: 0 0 18px 0;
}

#landing {
  overflow: hidden;
}

.post-type-archive-blog section#title {
  margin: 50px 0;
  text-align: center;
}
.post-type-archive-blog section#title h1 {
  color: #333f48;
}

form.wpcf7-form > p > br {
  display: none;
}
form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label {
  flex-direction: row;
  margin: 0;
}
form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox] {
  margin: 10px;
  width: 20px;
  height: 20px;
}
form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
  display: flex;
  align-items: center;
}
form.wpcf7-form span.wpcf7-form-control-wrap {
  margin-top: 5px;
  margin-bottom: 15px;
}
form.wpcf7-form label {
  display: flex;
  flex-direction: column;
  font: normal 14px/18px "Montserrat", sans-serif;
  max-width: 600px;
}
form.wpcf7-form input, form.wpcf7-form textarea, form.wpcf7-form select {
  border-radius: 5px;
  font: normal 14px/18px "Montserrat", sans-serif;
  border: 1px solid #333f48;
  padding: 5px 10px;
  font-size: 16px;
}
form.wpcf7-form textarea {
  width: 400px;
}
form.wpcf7-form input[type=submit] {
  position: relative;
  color: #fff;
  border-radius: 16px;
  border: 1px solid #333f48;
  background-color: #333f48;
  text-align: center;
  cursor: pointer;
  z-index: 0;
  display: inline-block;
  height: auto;
  font: bold 20px/26px "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  letter-spacing: 3px;
  /*  margin: 0 10px 8px;*/
  padding: 3px 20px;
}
form.wpcf7-form input[type=submit]:hover {
  color: #fff;
}
form.wpcf7-form input[type=submit]:hover:after {
  width: 100%;
}
form.wpcf7-form input[type=submit]:after {
  transition: all 200ms;
  content: " ";
  width: 0%;
  display: block;
  background: #5b6770;
  border-radius: 16px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
}

.product {
  /**
   * Responsive Video containers
   */
  /* Tables
  ================================== */
}
.product .colours_carousel .slick-slide img, .product .colours_carousel-nav .slick-slide img {
  margin: auto;
}
.product .warning {
  padding: 40px;
  border: 1px solid rgba(255, 0, 0, 0.6196078431);
  text-align: center;
  background: rgba(255, 0, 0, 0.0588235294);
  margin: 30px;
}
.product .product-intro {
  background: #fff;
  width: 100%;
  text-align: center;
}
.product .product-intro .product-intro__wrapper {
  display: inline-block;
  position: relative;
  display: inline-block;
  z-index: 10000;
  width: 100%;
}
.product .product-intro .product-intro__wrapper .product-intro__wrapper__copy-block {
  width: 50%;
  text-align: left;
  min-height: 100px;
}
.product .product-intro .product-intro__wrapper .product-intro__wrapper__copy-block .product-intro__features ul {
  display: grid;
  grid-gap: 5px;
}
.product .product-intro .product-intro__wrapper .product-intro__wrapper__copy-block .product-intro__features ul li {
  font-weight: 600;
  margin-bottom: 3px;
}
.product .product-intro .product-intro__wrapper .product-intro__wrapper__single-image {
  width: 35%;
  position: absolute;
  top: -39px;
  max-height: 250px;
  right: 0;
}
.product .product-intro .product-intro__wrapper .product-intro__wrapper__single-image img {
  max-height: 275px;
  object-fit: scale-down;
}
.product .intro-sizes {
  width: 35%;
  position: absolute;
  top: 0;
  right: 0;
}
.product .sub-nav-wrapper {
  margin: 0;
  overflow: hidden;
  width: 100%;
  background: #000;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25);
  transition: all 200ms;
  border-top: 1px solid #333;
}
.product .sub-nav-wrapper.sticky {
  position: fixed;
  top: 0px;
  background-color: #333f48;
  z-index: 100;
}
.product .sub-nav-wrapper.sticky nav a:link {
  padding: 10px 15px;
}
.product .sub-nav-wrapper nav {
  display: flex;
  align-items: center;
  margin: auto;
  max-width: 1120px;
}
.product .sub-nav-wrapper nav a:link {
  color: #fff;
  padding: 15px 15px;
  text-transform: uppercase;
  flex: 1 1 auto;
  font-weight: 400;
  border-right: 1px solid #333;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  letter-spacing: 2px;
  font-size: 18px;
  text-align: center !important;
  transition: all 500ms ease;
}
.product .sub-nav-wrapper nav a:link:first-child {
  border-left: 1px solid #333;
}
.product .sub-nav-wrapper nav a:visited {
  color: #fff;
}
.product .sub-nav-wrapper nav a:hover, .product .sub-nav-wrapper nav a.active {
  color: #fff;
  background: #585856;
  position: relative;
}
.product section {
  display: none;
}
.product section.active {
  display: block;
}
.product .product-settings {
  margin-bottom: 20px;
  border-top: 1px solid;
  display: inline-block;
  margin-top: 20px;
}
.product .product-settings .product-settings__wrapper {
  display: flex;
  justify-content: stretch;
  flex-direction: column;
}
.product .product-settings .product-settings__wrapper .setting {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 15px;
}
.product .product-settings .product-settings__wrapper .setting.odd .copy {
  order: 0;
}
.product .product-settings .product-settings__wrapper .setting.odd .image {
  order: 1;
}
.product .product-settings .product-settings__wrapper .setting .image {
  text-align: center;
  width: 50%;
}
.product .product-settings .product-settings__wrapper .setting .image img {
  object-fit: scale-down;
  width: 100%;
}
.product .product-settings .product-settings__wrapper .setting .copy {
  vertical-align: middle;
  background: #eee;
  padding: 40px;
  width: calc(50% - 80px);
  justify-content: center;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.product .product-settings .product-settings__wrapper .setting .copy h4 {
  margin: 0;
  font-size: 2em;
  line-height: 1.2em;
}
.product .product-settings .product-settings__wrapper .setting .copy h5 {
  text-transform: uppercase;
  font-size: 1em;
}
.product section#photos nav {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.product section#photos nav .btn {
  clear: none;
  display: inline-block;
  float: none;
}
.product section#photos #product, .product section#photos #action {
  padding: 5px;
  background: #000;
}
.product .lum-lightbox.lum-open {
  z-index: 10000;
}
.product #more_videos img {
  margin: auto;
}
.product #more_videos h4 {
  font-size: 20px;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  padding: 0 30px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: bold;
}
.product .embed-container {
  position: relative;
  padding-bottom: 56vw;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}
.product .embed-container iframe, .product .embed-container object, .product .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product #more_videos button.slick-arrow, .product #videos button.slick-arrow {
  font-size: 3em;
  padding: 9px;
  cursor: pointer;
  width: 60px;
  z-index: 10000000;
  position: absolute;
  top: calc(50% - 40px);
}
.product #more_videos button.slick-arrow:after, .product #videos button.slick-arrow:after {
  background: none;
  width: 100%;
  border-radius: 0;
}
.product #more_videos button.slick-arrow:hover, .product #videos button.slick-arrow:hover {
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1294117647);
}
.product #more_videos button.slick-arrow:hover:after, .product #videos button.slick-arrow:hover:after {
  background: none;
}
.product #more_videos button.slick-arrow.slick-arrow-left, .product #videos button.slick-arrow.slick-arrow-left {
  left: 0;
}
.product #more_videos button.slick-arrow.slick-arrow-right, .product #videos button.slick-arrow.slick-arrow-right {
  right: 0;
}
.product #features-wrapper {
  display: flex;
  flex: 1 1 auto;
  column-count: 4;
  flex-wrap: wrap;
  margin: 5px 0;
}
.product #features-wrapper .product-feature {
  display: flex;
  flex-direction: column;
  width: calc(25% - 10px);
  margin: 5px;
}
.product #features-wrapper .product-feature .image {
  height: 17vw;
}
.product #features-wrapper .product-feature .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product #features-wrapper .product-feature .copy {
  background: #f4f4f4;
  padding: 1em 1em 2em 1em;
  height: 100%;
}
.product #features-wrapper .product-feature .copy h3 {
  margin-top: 0;
  font-size: 26px;
  line-height: 1em;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
}
.product #features-wrapper .product-feature .copy h4 {
  font-weight: bold;
  color: #131313;
}
.product .product-control-system {
  display: flex;
  position: relative;
  overflow: hidden;
}
.product .product-control-system .background {
  position: absolute;
  width: 150%;
  filter: blur(4px);
  height: 150%;
  background-position: center;
  z-index: 0;
  background-size: cover;
}
.product .product-control-system .copy {
  flex: 1 0 calc(50% - 80px);
  padding: 20px 80px;
  justify-content: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 1;
  background: rgba(255, 255, 255, 0.35);
}
.product .product-control-system .copy h2 {
  text-shadow: 4px 3px 6px rgba(39, 39, 39, 0.2705882353);
}
.product .product-control-system .copy h3 {
  margin: 10px 0 20px;
}
.product .product-control-system .copy a {
  flex: 1 0 auto;
  width: 174px;
  text-align: center;
}
.product .product-control-system .image {
  z-index: 1;
  width: 50%;
  text-align: center;
}
.product #media #videos_section .video {
  max-width: 1120px;
  margin: 0 auto;
  display: block !important;
}
@media all and (max-width: 1023px) {
  .product html {
    overflow: visible; /* fixes weird chrome issue */
  }
  .product #hero.product {
    height: initial !important;
  }
  .product #hero.product .media-wrapper {
    height: 50vh;
    min-height: 350px;
  }
  .product #hero.product .media-wrapper video#hero_video {
    height: 50vh;
    min-height: 350px;
  }
  .product #hero.product .hero_carousel li img {
    height: 30vh;
  }
  .product #hero.product .product-intro__wrapper__carousel-block {
    position: relative;
    top: initial;
    float: right;
    padding: 30px;
    width: calc(40% - 60px);
  }
  .product #hero.product .product-intro__wrapper__copy-block {
    text-align: center;
    width: calc(60% - 80px);
    float: left;
    padding: 40px;
  }
  .product #hero.product .product-intro__wrapper__copy-block ul {
    text-align: left;
    display: inline-block;
  }
  .product #hero.product .product-intro__wrapper__copy-block a {
    margin: 8px auto;
    display: inline-block;
    float: none;
  }
  .product #hero.product .hero-bar .hero-bar__wrapper .hero-bar__wrapper__title {
    text-align: center;
    margin: 0 auto;
    padding: 0px 10px;
    width: calc(100% - 20px);
  }
  .product #hero.product .hero-bar .hero-bar__wrapper .hero-bar-subtitle {
    padding: 0 15px;
    width: calc(100% - 30px);
    font-size: 20px;
  }
  .product .sub-nav-wrapper.sticky {
    z-index: 1001;
  }
  .product .product-intro .product-intro__wrapper {
    display: block;
  }
  .product .product-intro .product-intro__wrapper .product-intro__wrapper__carousel-block {
    padding: 10px 40px;
    position: relative;
    top: initial;
    width: calc(100% - 80px);
  }
}
@media all and (max-width: 767px) {
  .product h1 {
    font-size: 36px;
  }
  .product #hero.product .product-intro .product-intro__wrapper {
    display: block;
  }
  .product #hero.product .product-intro .product-intro__wrapper .product-intro__wrapper__carousel-block {
    padding: 10px 40px;
    position: relative;
    top: initial;
    width: calc(100% - 80px);
  }
  .product #hero.product .product-intro .product-intro__wrapper .product-intro__wrapper__copy-block {
    width: calc(100% - 80px);
  }
  .product #hero.product .hero_carousel .slide img {
    object-fit: cover;
    height: 72vh;
  }
  .product #hero.product .hero_carousel .hero-bar__wrapper .hero-bar__wrapper__title {
    max-width: 100%;
  }
  .product #hero.product .hero_carousel .hero-bar__wrapper .hero-bar__wrapper__title img {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
  .product .sub-nav-wrapper {
    overflow: hidden;
    min-height: 50px;
  }
  .product .sub-nav-wrapper.sticky nav a:link:not(.active) {
    padding: 0px;
  }
  .product .sub-nav-wrapper.sticky nav a:link.active {
    padding: 15px 15px;
  }
  .product .sub-nav-wrapper.sticky.open nav a:link {
    padding: 15px;
  }
  .product .sub-nav-wrapper.open .mobile-menu-opener {
    background: #fff url(/app/themes/OzoneTheme-child/assets/ddbc4af9471177ac5b90.png) no-repeat 20px 0px;
  }
}
@media (max-width: 767px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 767px) and (-o-min-device-pixel-ratio: 2.6/2), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 767px) and (min-device-pixel-ratio: 1.3), (max-width: 767px) and (min-resolution: 1.3dppx) {
  .product .sub-nav-wrapper.open .mobile-menu-opener {
    background-image: url(/app/themes/OzoneTheme-child/assets/c9af36ed466fb67109b0.png);
    background-size: 19px 100px;
  }
}
@media all and (max-width: 767px) {
  .product .sub-nav-wrapper.open nav a:link {
    height: 20px;
    padding: 15px;
    width: 100%;
    text-align: left !important;
    z-index: 100000;
  }
  .product .sub-nav-wrapper .mobile-menu-opener {
    display: block;
    height: 50px;
    width: 60px;
    position: absolute;
    right: 0px;
    background: transparent url(/app/themes/OzoneTheme-child/assets/ddbc4af9471177ac5b90.png) no-repeat 20px -50px;
  }
}
@media (max-width: 767px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 767px) and (-o-min-device-pixel-ratio: 2.6/2), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 767px) and (min-device-pixel-ratio: 1.3), (max-width: 767px) and (min-resolution: 1.3dppx) {
  .product .sub-nav-wrapper .mobile-menu-opener {
    background-image: url(/app/themes/OzoneTheme-child/assets/c9af36ed466fb67109b0.png);
    background-size: 19px 100px;
  }
}
@media all and (max-width: 767px) {
  .product .sub-nav-wrapper nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .product .sub-nav-wrapper nav a:link {
    border: none;
    overflow: hidden;
    height: 0px;
    padding: 0px;
    transition: all ease 200ms;
  }
  .product .sub-nav-wrapper nav a.active {
    height: 20px;
    color: #fff;
    padding: 15px;
    font-weight: bold;
    background: none;
  }
  .product .sub-nav-wrapper nav a::after {
    display: none !important;
  }
  .product .sub-nav-wrapper nav:first-child {
    border: none;
  }
  .product .product-settings .product-settings__wrapper .setting .image img {
    object-fit: scale-down;
    width: 100%;
  }
  .product .product-settings .product-settings__wrapper .setting .copy {
    padding: 10px 15px;
    font-size: 10px;
    width: calc(50% - 30px);
  }
  .product .product-settings .product-settings__wrapper .setting .copy li {
    line-height: 15px;
  }
  .product .product-control-system .copy {
    padding: 0 20px;
  }
  .product .product-control-system .image img {
    width: 100%;
  }
  .product #features-wrapper .product-feature {
    width: 47%;
  }
  .product #features-wrapper .product-feature .image {
    height: 35vw;
  }
  .product #features-wrapper .product-feature .image img {
    object-fit: scale-down;
  }
  .product #features-wrapper .product-feature .copy {
    padding: 10px 1em 0;
    font-size: 12px;
    line-height: 18px;
  }
  .product #features-wrapper .product-feature .copy h2 {
    margin: 0;
  }
  .product #features-wrapper .product-feature .copy a.more-link {
    width: 100%;
    padding: 0;
  }
}
@media all and (min-width: 767px) {
  .product .hero_carousel .slide img {
    object-position: initial !important;
  }
}
@media all and (min-width: 1023px) and (max-width: 1180px) {
  .product .product-intro__wrapper {
    padding: 0 20px;
  }
  .product .product-intro__wrapper .product-intro__wrapper__carousel-block {
    right: 60px !important;
  }
}
.product .table {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  flex-direction: column;
}
.product .table .head {
  flex: 1 0 auto;
  text-align: right;
  display: flex;
}
.product .table .head .table-row {
  border-bottom: 1px solid #ccc;
}
.product .table .head .table-row .table-cell {
  text-align: center;
  color: #ff7f30;
  font-weight: bold;
  border-right: 1px solid #ccc;
}
.product .table .head .table-row .table-cell:last-child {
  border-right: none;
}
.product .table .body {
  flex: 1 0 auto;
  text-align: center;
}
.product .table .body .table-row {
  width: auto;
}
.product .table .body .table-cell {
  font-size: 10px;
}
.product .table-row {
  flex-direction: row;
  flex-grow: 1;
  width: 80vw;
  display: flex;
  border-bottom: 1px solid #ccc;
}
.product .table-row:nth-child(odd) {
  background: rgba(255, 255, 255, 0);
}
.product .table-row:nth-child(even) {
  background: rgba(153, 153, 153, 0.0509803922);
}
.product .table-row:last-child {
  border-bottom: none;
}
.product .table-row .table-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style: none;
  color: #333;
  border-right: 1px solid #ccc;
}
.product .table-row .table-cell:first-child {
  width: 150px;
  flex: 1 0 auto;
  display: flex;
  padding: 0.8em 0 0 10px;
}
.product .table-row .table-cell:last-child {
  border-right: none;
}
@media all and (max-width: 767px) {
  .product .table--collapse {
    display: block;
  }
  .product .table--collapse > .table-cell {
    width: 100% !important;
  }
  .product .table--collapse > .table-cell--foot {
    margin-bottom: 1em;
  }
}
.product .no-flexbox .Rtable {
  display: block;
}
.product .no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.product .no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}
.product #info .intro-text, .product #controlsystem .intro-text {
  background: #5b6770;
  color: #fff;
  font-size: 20px;
}
.product #info .intro-text .features ul, .product #controlsystem .intro-text .features ul {
  list-style-type: square;
  margin: 0;
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.product #info .intro-text .features ul li, .product #controlsystem .intro-text .features ul li {
  font-size: 14px;
  color: #c4c4c4;
  flex: 0 0 43%;
  text-align: left;
  margin: 0;
}
.product #info .intro-text div, .product #controlsystem .intro-text div {
  padding: 20px;
  max-width: 900px;
  margin: 0 auto;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
.product #info .intro-text div .btn, .product #controlsystem .intro-text div .btn {
  float: none;
  display: inline-block;
}
.product #info ul.intro-list, .product #controlsystem ul.intro-list {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.product #info ul.intro-list li, .product #controlsystem ul.intro-list li {
  display: flex;
  flex-direction: row;
  position: relative;
  margin: 0;
  min-height: 80vh;
}
.product #info ul.intro-list li .copy, .product #controlsystem ul.intro-list li .copy {
  z-index: 5;
  width: 50%;
  color: white;
  display: flex;
  background-color: inherit;
}
.product #info ul.intro-list li .copy .wrapper, .product #controlsystem ul.intro-list li .copy .wrapper {
  background-color: inherit;
  width: 60%;
  margin: 80px auto;
  align-self: center;
}
.product #info ul.intro-list li .copy .wrapper h1, .product #info ul.intro-list li .copy .wrapper h2, .product #info ul.intro-list li .copy .wrapper h3, .product #info ul.intro-list li .copy .wrapper h4, .product #info ul.intro-list li .copy .wrapper h5, .product #info ul.intro-list li .copy .wrapper h6, .product #controlsystem ul.intro-list li .copy .wrapper h1, .product #controlsystem ul.intro-list li .copy .wrapper h2, .product #controlsystem ul.intro-list li .copy .wrapper h3, .product #controlsystem ul.intro-list li .copy .wrapper h4, .product #controlsystem ul.intro-list li .copy .wrapper h5, .product #controlsystem ul.intro-list li .copy .wrapper h6 {
  color: #ff7f30;
  margin: 0 0 20px 0;
  overflow-wrap: normal;
}
.product #info ul.intro-list li .copy .wrapper ul, .product #controlsystem ul.intro-list li .copy .wrapper ul {
  list-style-type: disc;
  margin-left: 40px;
}
.product #info ul.intro-list li .copy .wrapper ul li, .product #controlsystem ul.intro-list li .copy .wrapper ul li {
  display: list-item;
  min-height: initial;
  margin: 6px 0 0 0;
  padding: 0;
}
.product #info ul.intro-list li .copy .wrapper a, .product #controlsystem ul.intro-list li .copy .wrapper a {
  color: #ff7f30;
  border: 1px solid #ff7f30;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: center;
  padding: 2px 10px;
  margin: 20px auto 0 0;
  font-size: 16px;
  display: inline-block;
}
.product #info ul.intro-list li .image, .product #controlsystem ul.intro-list li .image {
  text-align: center;
  width: 50%;
  position: relative;
}
.product #info ul.intro-list li .image .mix-vertical, .product #controlsystem ul.intro-list li .image .mix-vertical {
  width: 150px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.product #info ul.intro-list li .image .mix-horizontal, .product #controlsystem ul.intro-list li .image .mix-horizontal {
  display: none;
}
.product #info ul.intro-list li .image img, .product #controlsystem ul.intro-list li .image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.product #info ul.intro-list li .image video, .product #controlsystem ul.intro-list li .image video {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.product #info ul.intro-list li.half-half, .product #controlsystem ul.intro-list li.half-half {
  min-width: 80vw;
}
.product #info ul.intro-list li.half-half.no-gradient-scale .image .mix-vertical, .product #controlsystem ul.intro-list li.half-half.no-gradient-scale .image .mix-vertical {
  display: none;
}
.product #info ul.intro-list li.half-half .image .mix-vertical, .product #controlsystem ul.intro-list li.half-half .image .mix-vertical {
  left: 0;
}
.product #info ul.intro-list li.full, .product #controlsystem ul.intro-list li.full {
  z-index: 0;
  min-width: 80vw;
}
.product #info ul.intro-list li.full .image, .product #controlsystem ul.intro-list li.full .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product #info ul.intro-list li.full .image .mix-vertical, .product #controlsystem ul.intro-list li.full .image .mix-vertical {
  width: 100%;
}
.product #info ul.intro-list li.full .image video, .product #controlsystem ul.intro-list li.full .image video {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.product #info ul.intro-list li.full-text, .product #controlsystem ul.intro-list li.full-text {
  min-height: initial;
}
.product #info ul.intro-list li.full-text .copy, .product #controlsystem ul.intro-list li.full-text .copy {
  width: 100%;
}
.product #info ul.intro-list li.full-text .copy .wrapper, .product #controlsystem ul.intro-list li.full-text .copy .wrapper {
  width: auto;
  padding: 0 10vw;
}
.product #info ul.intro-list li:nth-of-type(even), .product #controlsystem ul.intro-list li:nth-of-type(even) {
  flex-direction: row-reverse;
}
.product #info ul.intro-list li:nth-of-type(even) .image .mix-vertical, .product #controlsystem ul.intro-list li:nth-of-type(even) .image .mix-vertical {
  transform: rotate(180deg);
  right: 0;
  left: initial;
}
.product #info ul.intro-list li.no-gradient .mix-vertical, .product #controlsystem ul.intro-list li.no-gradient .mix-vertical {
  display: none !important;
}
@media all and (min-width: 767px) {
  .product #info ul.intro-list li.full, .product #controlsystem ul.intro-list li.full {
    background: transparent !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .product #info s ul.intro-list li, .product #controlsystem s ul.intro-list li {
    min-height: 50vh;
  }
}
@media all and (max-width: 767px) {
  .product #info .intro-text .features ul li, .product #controlsystem .intro-text .features ul li {
    flex: 0 0 100%;
  }
  .product #info ul.intro-list, .product #controlsystem ul.intro-list {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .product #info ul.intro-list li, .product #controlsystem ul.intro-list li {
    min-height: auto;
    min-width: 100%;
    max-height: initial;
    height: auto;
  }
  .product #info ul.intro-list li .copy, .product #controlsystem ul.intro-list li .copy {
    width: 100%;
  }
  .product #info ul.intro-list li .copy .wrapper, .product #controlsystem ul.intro-list li .copy .wrapper {
    width: 85%;
    margin: 15px auto 30px;
  }
  .product #info ul.intro-list li .copy .wrapper p, .product #controlsystem ul.intro-list li .copy .wrapper p {
    margin-left: 0;
  }
  .product #info ul.intro-list li.half-half, .product #info ul.intro-list li.full, .product #controlsystem ul.intro-list li.half-half, .product #controlsystem ul.intro-list li.full {
    flex-direction: column;
  }
  .product #info ul.intro-list li.half-half .image, .product #info ul.intro-list li.full .image, .product #controlsystem ul.intro-list li.half-half .image, .product #controlsystem ul.intro-list li.full .image {
    width: 100%;
    order: 0;
    position: relative;
    height: auto;
  }
  .product #info ul.intro-list li.half-half .image .mix-horizontal, .product #info ul.intro-list li.full .image .mix-horizontal, .product #controlsystem ul.intro-list li.half-half .image .mix-horizontal, .product #controlsystem ul.intro-list li.full .image .mix-horizontal {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 10vw;
  }
  .product #info ul.intro-list li.half-half .image .mix-vertical, .product #info ul.intro-list li.full .image .mix-vertical, .product #controlsystem ul.intro-list li.half-half .image .mix-vertical, .product #controlsystem ul.intro-list li.full .image .mix-vertical {
    display: none;
  }
  .product #info ul.intro-list li.half-half .image img, .product #info ul.intro-list li.half-half .image video, .product #info ul.intro-list li.full .image img, .product #info ul.intro-list li.full .image video, .product #controlsystem ul.intro-list li.half-half .image img, .product #controlsystem ul.intro-list li.half-half .image video, .product #controlsystem ul.intro-list li.full .image img, .product #controlsystem ul.intro-list li.full .image video {
    object-fit: scale-down;
    width: 100%;
  }
  .product #info ul.intro-list li.half-half .copy, .product #info ul.intro-list li.full .copy, .product #controlsystem ul.intro-list li.half-half .copy, .product #controlsystem ul.intro-list li.full .copy {
    order: 1;
    margin: 0;
  }
}
.product.kiteboards h3.sizes, .product.hydrofoils h3.sizes {
  margin-top: 0;
}
.product.kiteboards h3.sizes .size, .product.hydrofoils h3.sizes .size {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.product.kiteboards h3.sizes .size .weight, .product.hydrofoils h3.sizes .size .weight {
  font-size: 20px;
  font-weight: 400;
  margin-left: 17px;
  margin-bottom: -2px;
}
.product.kiteboards .product-intro .product-intro__wrapper .product-intro__wrapper__carousel-block, .product.hydrofoils .product-intro .product-intro__wrapper .product-intro__wrapper__carousel-block {
  top: -132%;
}
.product .colours_carousel img {
  max-height: 400px;
  object-fit: scale-down;
}
.product .hf-components-navigation {
  margin: 0;
  overflow: hidden;
  width: 100%;
  background: #282828;
}
.product .hf-components-navigation.sticky {
  position: fixed;
  top: 51px;
  z-index: 12;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
}
@media all and (min-width: 1023px) {
  .product .hf-components-navigation.sticky {
    top: 41px;
  }
  .product .hf-components-navigation.sticky nav a {
    font-size: 16px;
  }
}
.product .hf-components-navigation.sticky nav a {
  height: 24px;
  padding: 4px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  background-image: none !important;
  border-bottom: 1px solid #a9a9a9;
  font-weight: 400;
  text-transform: uppercase;
}
.product .hf-components-navigation nav {
  justify-content: center;
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 767px) {
  .product .hf-components-navigation nav a {
    background-image: none !important;
    text-align: center;
    font-size: 14px !important;
  }
}
.product .hf-components-navigation nav a {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  letter-spacing: 2px;
  font-size: 16px;
  border-right: 1px solid #333;
  flex: 1 1 auto;
  padding: 16px 5px;
  background-color: #b4b4b4;
  background-repeat: no-repeat;
  background-position: 84% top;
  color: #7e7e7e;
  background-size: contain;
  font-weight: 600;
}
.product .hf-components-navigation nav a:hover {
  background-color: #fff;
}
.product .hf-components-navigation nav a.active {
  background-color: #fff;
  color: #000;
}
@media all and (min-width: 1023px) {
  .product .hf-components-navigation nav a {
    color: #000;
    height: 8vw;
    padding: 20px 40px;
    background-position: 50% top;
    display: flex;
    justify-content: center;
    align-items: self-end;
    background-size: 6vw;
  }
}
.product .hf-components-navigation nav a.fw {
  background-image: url(/app/themes/OzoneTheme-child/assets/35d43b52f1732621610f.png);
}
.product .hf-components-navigation nav a.m {
  background-image: url(/app/themes/OzoneTheme-child/assets/95b493c286eaa83b1b4f.png);
}
.product .hf-components-navigation nav a.f {
  background-image: url(/app/themes/OzoneTheme-child/assets/b78a01efd3c00bd3ea09.png);
}
.product .hf-components-navigation nav a.rw {
  background-image: url(/app/themes/OzoneTheme-child/assets/090bade4b366e3ba8ab8.png);
}
.product .component-name {
  background: #000;
  padding: 5px;
  text-align: center;
  position: relative;
}
.product .component-name h2 {
  z-index: 11;
  position: relative;
  color: var(--ecoGreen);
  margin: 0;
  display: block;
  padding-top: 8px;
}
.product .component-name .pattern {
  background-color: #e5e5f7;
  opacity: 0.8;
  display: block;
  background-size: 10px 10px;
  background-image: repeating-linear-gradient(45deg, #1d1d1e 0, rgba(0, 0, 0, 0.2705882353) 1px, #000000 0, #000000 50%);
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 10;
  left: 0;
}
.product ul.component-quick-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.product ul.component-quick-nav li {
  margin-right: 10px;
  list-style-type: none;
}
.product ul.component-quick-nav li a {
  position: relative;
}
.product ul.component-quick-nav li a img {
  height: 100px;
  object-fit: contain;
  width: 100%;
}
.product ul.component-quick-nav li a span {
  position: absolute;
  bottom: -15px;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.product.harness #hero > .product-intro .product-intro__features {
  grid-template-columns: repeat(2, 310px);
}
.product.accessories .product .product-intro .product-intro__wrapper .product-intro__wrapper__carousel-block {
  width: 35%;
  top: -325px;
}
.product.control-systems .product-intro__wrapper__carousel-block {
  top: -200px;
}
.product.control-systems .product-intro__wrapper__carousel-block img {
  width: 50%;
  object-fit: scale-down;
}
.product.control-systems .product .product-intro .product-intro__wrapper .product-intro__wrapper__carousel-block {
  top: -200px;
}
.product.control-systems .product.control-systems .product-intro__wrapper__carousel-block img {
  max-height: 500px;
  float: right;
}
.product section#specifications {
  background: #fff;
}
.product section#specifications h3.sizes {
  padding-right: 30px;
}
.product section#specifications h2 {
  color: #ff7f30;
}
.product section#specifications .spec-list {
  margin: 0;
}
.product section#specifications .spec-list .spec-item {
  display: flex;
  margin: 0;
  width: 100%;
  background-size: cover;
  position: relative;
  background-position: center;
  padding: 25px 0px;
  min-height: 300px;
}
.product section#specifications .spec-list .spec-item .mix {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8995973389) 36%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
}
.product section#specifications .spec-list .spec-item .spec-limiter {
  width: 80%;
  display: flex;
  margin: auto;
}
.product section#specifications .spec-list .spec-item .spec-limiter .spec-content {
  margin: auto;
}
.product section#specifications .spec-list .spec-item .spec-content {
  width: 50%;
  z-index: 10;
  margin: 0 45px;
  position: relative;
}
.product section#specifications .spec-list .spec-item.wind-range .mix {
  transform: rotate(180deg);
}
.product section#specifications .spec-list .spec-item.wind-range .spec-content {
  width: 40%;
  padding-left: 50vw;
}
.product section#specifications .spec-list .spec-item.table .spec-content {
  width: 80%;
  margin: 0 auto;
  padding: 20px 0;
}
.product section#specifications .spec-list .spec-item.downloads {
  min-height: 300px;
  display: flex;
}
.product section#specifications .spec-list .spec-item.downloads .mix {
  background: linear-gradient(162deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.899597) 36%, rgba(0, 0, 0, 0.23) 100%);
}
.product section#specifications .spec-list .spec-item.downloads .spec-content {
  width: 100%;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-self: center;
}
.product section#specifications .spec-list .spec-item.downloads .spec-content h1, .product section#specifications .spec-list .spec-item.downloads .spec-content h2, .product section#specifications .spec-list .spec-item.downloads .spec-content h3, .product section#specifications .spec-list .spec-item.downloads .spec-content h4 {
  color: #ff7f30;
}
.product section#specifications .spec-list .spec-item.downloads .spec-content p.downloads {
  display: flex;
}
.product section#specifications .spec-list .spec-item.downloads .spec-content p.downloads a.btn {
  margin: 15px 10px;
}
.product section#specifications .spec-list .spec-item.downloads .spec-content .btn {
  color: #ff7f30;
  border-color: #ff7f30;
}
.product section#specifications .spec-list .spec-item.downloads .spec-content .btn:hover {
  color: #fff;
}
.product section#specifications figure.wind-range {
  position: relative;
}
.product section#specifications figure.wind-range .wind-range__row {
  width: 100%;
  font-size: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}
.product section#specifications figure.wind-range .wind-range__row.table-header {
  color: #ff7f30;
  font-weight: bold;
}
.product section#specifications figure.wind-range .wind-range__row.table-footer {
  border: none;
  color: #ff7f30;
  font-weight: bold;
}
.product section#specifications figure.wind-range .wind-range__row.table-header {
  color: #ff7f30;
  font-weight: bold;
  font-size: 9px;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__size {
  display: inline-block;
  width: 60px;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__bar {
  display: inline-block;
  width: 40px;
  text-align: right;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__lines {
  display: inline-block;
  width: 60px;
  text-align: right;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__grid .wind-range__overlay-grid {
  width: calc(100% - 58px);
  height: calc(100% - 27px);
  top: 10px;
  position: absolute;
  margin-left: 60px;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__grid .wind-range__overlay-grid:first-child {
  border-left: 1px solid #ccc;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__grid .wind-range__overlay-grid .wind-range__overlay-grid__column {
  width: calc(11.11% - 1px);
  border-right: 1px solid #ccc;
  display: block;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
  float: left;
  position: relative;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__grid .wind-range__overlay-grid .wind-range__overlay-grid__column label {
  position: absolute;
  bottom: -17px;
  left: -7px;
  width: 15px;
  color: #666;
  text-align: center;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__grid .wind-range__overlay-grid .wind-range__overlay-grid__column label.last {
  right: -7px;
  left: initial;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph {
  display: inline-block;
  position: relative;
  width: calc(100% - 63px);
  height: 15px;
  top: 4px;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph div {
  display: block;
  position: absolute;
  height: 15px;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph div:before, .product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph div:after {
  content: " ";
  display: block;
  width: 5px;
  height: 15px;
  position: absolute;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph div:before {
  left: -5px;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph div:after {
  right: -5px;
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph div.advanced {
  background: linear-gradient(90deg, transparent 0%, #cfcfcf 15%, #cfcfcf 85%, transparent 100%);
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph div.intermediate {
  background: linear-gradient(90deg, transparent 0%, #8e8e8e 15%, #8e8e8e 85%, transparent 100%);
}
.product section#specifications figure.wind-range .wind-range__row .wind-range__row__graph div.sweetspot {
  background: linear-gradient(90deg, transparent 0%, #656565 15%, #656565 85%, transparent 100%);
}
.product section#specifications .wind-range__reference .reference {
  margin: 10px 0;
  text-align: center;
}
.product section#specifications .wind-range__reference .reference label {
  font-size: 8px;
  color: #333;
  text-transform: uppercase;
  line-height: 10px;
}
.product section#specifications .wind-range__reference .reference label.sweetspot:before {
  background: #656565;
  padding: 0 10px;
  content: " ";
  margin: 0 5px 0 0;
}
.product section#specifications .wind-range__reference .reference label.intermediate:before {
  background: #8e8e8e;
  padding: 0 10px;
  content: " ";
  margin: 0 5px 0 0;
}
.product section#specifications .wind-range__reference .reference label.advanced:before {
  background: #cfcfcf;
  padding: 0 10px;
  content: " ";
  margin: 0 5px 0 0;
}
.product section#specifications .disclaimer {
  font-size: 10px;
  color: #333;
  line-height: 14px;
}
@media all and (max-width: 767px) {
  .product section#specifications .spec-list .spec-item.downloads .spec-content p.downloads {
    display: block;
  }
  .product section#specifications .spec-list .spec-item .spec-limiter {
    flex-direction: column;
    width: 100%;
  }
  .product section#specifications .spec-list .spec-item .spec-content {
    width: 90% !important;
    margin: auto !important;
    padding: 0 !important;
  }
  .product section#specifications .spec-list .spec-item .spec-content h2 {
    margin-bottom: 0;
  }
  .product section#specifications .spec-list .spec-item .spec-content .range {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    width: auto;
  }
  .product section#specifications .spec-list .spec-item .spec-content .range ul li div.range .point {
    width: 9px;
    height: 9px;
    border-radius: 4px;
    margin-right: 0px;
  }
  .product section#specifications .spec-list .spec-item .spec-content .range .scale > div.middle {
    left: 226px;
  }
  .product section#specifications .spec-list .spec-item .spec-content .range .scale > div.top {
    left: 290px;
  }
  .product section#specifications .spec-list .spec-item .spec-content .table {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    overflow: scroll;
    width: auto;
    flex-direction: column;
  }
  .product section#specifications .spec-list .spec-item .spec-content .table::before {
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    background: linear-gradient(90deg, white, transparent);
    width: 20px;
  }
  .product section#specifications .spec-list .spec-item .spec-content .table::after {
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    background: linear-gradient(90deg, transparent, white);
    width: 20px;
  }
  .product section#specifications .spec-list .spec-item .spec-content .table .table-row {
    width: initial;
  }
}
.product figure.range {
  margin: 24px 0;
  padding: 18px 0 6px;
  min-width: 365px;
}
.product figure.range ul {
  margin: 0;
}
.product figure.range ul li {
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  background: none;
  clear: both;
  list-style-type: none;
}
.product figure.range ul li div.range {
  text-align: center;
  max-width: 420px;
}
.product figure.range ul li div.range .point {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  display: inline-block;
  background: #333f48;
  margin-right: 3px;
}
.product figure.range .scale {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.product figure.range .scale > div {
  position: absolute;
  height: 100%;
  width: 1px;
  opacity: 0.3;
}
.product figure.range .scale > div.start {
  left: 160px;
}
.product figure.range .scale > div.middle {
  left: 254px;
}
.product figure.range .scale > div.top {
  left: 347px;
}
.product figure.range label {
  float: left;
  font: normal 11px/24px "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  width: 155px;
  text-align: right;
  margin-right: 10px;
}
.product .factory-picks {
  background: #fff;
  color: #333;
  padding: 10px 0;
}
.product .factory-picks .wrapper {
  display: flex;
  max-width: 1120px;
  flex-direction: column;
  margin: auto;
  text-align: center;
}
.product .factory-picks .wrapper ul {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.product .factory-picks .wrapper ul li {
  list-style: none;
  width: 24%;
}
.product .factory-picks .wrapper ul li img {
  width: 100% !important;
}
.product .factory-picks .wrapper .text h2 {
  color: #333;
}
@media screen and (max-width: 767px) {
  .product .factory-picks .wrapper {
    flex-direction: column;
  }
  .product .factory-picks .wrapper .text {
    margin: auto;
    text-align: center;
    padding: 0 10px;
  }
  .product .factory-picks .wrapper .available-colours {
    margin: auto;
  }
}
.product .colour-chooser {
  position: relative;
}
.product .colour-chooser .description {
  background: #333;
  color: #fff;
}
.product .colour-chooser .description .wrapper {
  padding: 10px 0;
  max-width: 1120px;
  flex-direction: column;
  text-align: center;
}
.product .colour-chooser .description .wrapper h2 {
  color: #fff;
}
.product .colour-chooser .description .wrapper p {
  margin-top: 0;
}
.product .colour-chooser .wrapper {
  max-width: 1120px;
  display: flex;
  margin: auto;
  flex-direction: row;
}
.product .colour-chooser .wrapper h2 {
  color: #333;
}
.product .colour-chooser .wrapper .colours {
  margin: auto;
  width: 50%;
}
.product .colour-chooser .wrapper .colours .actions {
  flex-direction: column;
  display: flex;
}
.product .colour-chooser .wrapper .colours .actions > a.btn {
  display: inline;
  width: auto;
  margin: auto auto 10px;
}
.product .colour-chooser .wrapper .colours #zones > div {
  height: 80px;
  display: block;
}
.product .colour-chooser .wrapper .colours #zones > div > h3 {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}
.product .colour-chooser .wrapper .colours #zones .colour {
  display: inline-block;
  height: 30px;
  width: 30px;
  text-indent: -9000px;
  overflow: hidden;
  border: 1px solid #ececec;
  box-sizing: border-box;
  margin: 0 10px 0 0;
  box-shadow: 1px 3px 8px rgba(51, 51, 51, 0.1803921569);
}
.product .colour-chooser .wrapper .colours #zones .colour.active {
  border-width: 3px;
  border-color: #ff7f30;
}
.product .colour-chooser .wrapper .colours .ordering {
  margin-bottom: 20px;
  opacity: 0;
  transition: all 500ms;
  max-width: 400px;
}
.product .colour-chooser .wrapper .colours .ordering.valid {
  opacity: 1;
}
.product .colour-chooser .wrapper .colours .ordering .label, .product .colour-chooser .wrapper .colours .ordering .config {
  color: #5b6770;
}
.product .colour-chooser .wrapper .colours .ordering .config {
  display: inline-block;
}
.product .colour-chooser .wrapper .colours .ordering .config > span {
  padding: 0 5px 0 0;
  font-weight: bold;
}
.product .colour-chooser .wrapper .render {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}
.product .colour-chooser .wrapper .render svg {
  width: 100%;
  height: 100%;
}
.product .colour-chooser .wrapper .render #canvas {
  visibility: hidden;
  display: none;
}
@media screen and (max-width: 767px) {
  .product .colour-chooser .wrapper {
    flex-direction: column;
    padding: 0 10px;
  }
  .product .colour-chooser .wrapper .colours {
    width: auto;
  }
  .product .colour-chooser .wrapper .colours .actions {
    display: flex;
    flex-direction: column;
  }
  .product .colour-chooser .wrapper .colours .actions a {
    width: 80%;
    margin: 8px auto;
  }
  .product .colour-chooser .wrapper .colours #zones .colour {
    height: 25px;
    width: 25px;
  }
}
.product .colour-chooser .share-form, .product .colour-chooser #message-error, .product .colour-chooser #message-sent, .product .colour-chooser #sending-message {
  background: rgba(0, 0, 0, 0.9019607843);
  position: absolute;
  top: 0;
  color: #fff;
  left: 0;
  display: flex;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .product .colour-chooser .share-form, .product .colour-chooser #message-error, .product .colour-chooser #message-sent, .product .colour-chooser #sending-message {
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 100000;
    padding-top: 75px;
    overflow: hidden;
  }
}
.product .colour-chooser .share-form .wrapper, .product .colour-chooser #message-error .wrapper, .product .colour-chooser #message-sent .wrapper, .product .colour-chooser #sending-message .wrapper {
  display: flex;
  flex-direction: row;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .product .colour-chooser .share-form .wrapper, .product .colour-chooser #message-error .wrapper, .product .colour-chooser #message-sent .wrapper, .product .colour-chooser #sending-message .wrapper {
    flex-direction: column;
  }
  .product .colour-chooser .share-form .wrapper input, .product .colour-chooser #message-error .wrapper input, .product .colour-chooser #message-sent .wrapper input, .product .colour-chooser #sending-message .wrapper input {
    width: 100%;
  }
  .product .colour-chooser .share-form .wrapper #close, .product .colour-chooser #message-error .wrapper #close, .product .colour-chooser #message-sent .wrapper #close, .product .colour-chooser #sending-message .wrapper #close {
    margin-top: 0;
  }
}
.product .colour-chooser .share-form .wrapper .col1, .product .colour-chooser .share-form .wrapper .col2, .product .colour-chooser #message-error .wrapper .col1, .product .colour-chooser #message-error .wrapper .col2, .product .colour-chooser #message-sent .wrapper .col1, .product .colour-chooser #message-sent .wrapper .col2, .product .colour-chooser #sending-message .wrapper .col1, .product .colour-chooser #sending-message .wrapper .col2 {
  height: 100%;
  flex-direction: column;
  margin: 30px;
  display: flex;
}
.product .colour-chooser .share-form .wrapper .col1 .your-info, .product .colour-chooser .share-form .wrapper .col2 .your-info, .product .colour-chooser #message-error .wrapper .col1 .your-info, .product .colour-chooser #message-error .wrapper .col2 .your-info, .product .colour-chooser #message-sent .wrapper .col1 .your-info, .product .colour-chooser #message-sent .wrapper .col2 .your-info, .product .colour-chooser #sending-message .wrapper .col1 .your-info, .product .colour-chooser #sending-message .wrapper .col2 .your-info {
  flex-direction: column;
  display: flex;
  height: 100%;
}
.product .colour-chooser .share-form .wrapper .col1 .your-info input.error, .product .colour-chooser .share-form .wrapper .col2 .your-info input.error, .product .colour-chooser #message-error .wrapper .col1 .your-info input.error, .product .colour-chooser #message-error .wrapper .col2 .your-info input.error, .product .colour-chooser #message-sent .wrapper .col1 .your-info input.error, .product .colour-chooser #message-sent .wrapper .col2 .your-info input.error, .product .colour-chooser #sending-message .wrapper .col1 .your-info input.error, .product .colour-chooser #sending-message .wrapper .col2 .your-info input.error {
  border: 3px solid #ff7f30 !important;
}
.product .colour-chooser .share-form .wrapper .col1 .your-info textarea, .product .colour-chooser .share-form .wrapper .col2 .your-info textarea, .product .colour-chooser #message-error .wrapper .col1 .your-info textarea, .product .colour-chooser #message-error .wrapper .col2 .your-info textarea, .product .colour-chooser #message-sent .wrapper .col1 .your-info textarea, .product .colour-chooser #message-sent .wrapper .col2 .your-info textarea, .product .colour-chooser #sending-message .wrapper .col1 .your-info textarea, .product .colour-chooser #sending-message .wrapper .col2 .your-info textarea {
  height: 85px;
}
.product .colour-chooser .share-form .wrapper .col1 .your-info #close, .product .colour-chooser .share-form .wrapper .col2 .your-info #close, .product .colour-chooser #message-error .wrapper .col1 .your-info #close, .product .colour-chooser #message-error .wrapper .col2 .your-info #close, .product .colour-chooser #message-sent .wrapper .col1 .your-info #close, .product .colour-chooser #message-sent .wrapper .col2 .your-info #close, .product .colour-chooser #sending-message .wrapper .col1 .your-info #close, .product .colour-chooser #sending-message .wrapper .col2 .your-info #close {
  margin-top: 15px;
}
.product .colour-chooser .share-form .wrapper .col1 h4, .product .colour-chooser .share-form .wrapper .col2 h4, .product .colour-chooser #message-error .wrapper .col1 h4, .product .colour-chooser #message-error .wrapper .col2 h4, .product .colour-chooser #message-sent .wrapper .col1 h4, .product .colour-chooser #message-sent .wrapper .col2 h4, .product .colour-chooser #sending-message .wrapper .col1 h4, .product .colour-chooser #sending-message .wrapper .col2 h4 {
  display: inline;
  color: #fff;
  font-weight: bold;
}
.product .colour-chooser .share-form .wrapper .col1 .btn, .product .colour-chooser .share-form .wrapper .col2 .btn, .product .colour-chooser #message-error .wrapper .col1 .btn, .product .colour-chooser #message-error .wrapper .col2 .btn, .product .colour-chooser #message-sent .wrapper .col1 .btn, .product .colour-chooser #message-sent .wrapper .col2 .btn, .product .colour-chooser #sending-message .wrapper .col1 .btn, .product .colour-chooser #sending-message .wrapper .col2 .btn {
  margin-top: 20px;
  border-color: #fff;
  color: #fff;
}
.product .colour-chooser .share-form .wrapper .col1 #dealer, .product .colour-chooser #message-error .wrapper .col1 #dealer, .product .colour-chooser #message-sent .wrapper .col1 #dealer, .product .colour-chooser #sending-message .wrapper .col1 #dealer {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .product .colour-chooser .share-form .wrapper .col1 #dealer, .product .colour-chooser #message-error .wrapper .col1 #dealer, .product .colour-chooser #message-sent .wrapper .col1 #dealer, .product .colour-chooser #sending-message .wrapper .col1 #dealer {
    height: 50vh;
  }
}
.product .colour-chooser .share-form .wrapper .col1 #dealer .loading, .product .colour-chooser #message-error .wrapper .col1 #dealer .loading, .product .colour-chooser #message-sent .wrapper .col1 #dealer .loading, .product .colour-chooser #sending-message .wrapper .col1 #dealer .loading {
  margin-top: 50px;
  width: 300px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.product .colour-chooser .share-form .wrapper .col1 #dealer .loading img, .product .colour-chooser #message-error .wrapper .col1 #dealer .loading img, .product .colour-chooser #message-sent .wrapper .col1 #dealer .loading img, .product .colour-chooser #sending-message .wrapper .col1 #dealer .loading img {
  width: 50px;
  margin: auto;
}
.product .colour-chooser .share-form .wrapper .col1 #dealer #dealers-result, .product .colour-chooser #message-error .wrapper .col1 #dealer #dealers-result, .product .colour-chooser #message-sent .wrapper .col1 #dealer #dealers-result, .product .colour-chooser #sending-message .wrapper .col1 #dealer #dealers-result {
  height: calc(100% - 150px);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .product .colour-chooser .share-form .wrapper .col1 #dealer #dealers-result, .product .colour-chooser #message-error .wrapper .col1 #dealer #dealers-result, .product .colour-chooser #message-sent .wrapper .col1 #dealer #dealers-result, .product .colour-chooser #sending-message .wrapper .col1 #dealer #dealers-result {
    height: 100%;
  }
}
.product .colour-chooser .share-form .wrapper .col1 #dealer #dealers-result li, .product .colour-chooser #message-error .wrapper .col1 #dealer #dealers-result li, .product .colour-chooser #message-sent .wrapper .col1 #dealer #dealers-result li, .product .colour-chooser #sending-message .wrapper .col1 #dealer #dealers-result li {
  list-style: none;
  padding: 3px 5px;
  cursor: pointer;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(104, 134, 235, 0.6117647059);
}
.product .colour-chooser .share-form .wrapper .col1 #dealer #dealers-result li .title, .product .colour-chooser #message-error .wrapper .col1 #dealer #dealers-result li .title, .product .colour-chooser #message-sent .wrapper .col1 #dealer #dealers-result li .title, .product .colour-chooser #sending-message .wrapper .col1 #dealer #dealers-result li .title {
  font-weight: bold;
  text-transform: capitalize;
}
.product .colour-chooser .share-form .wrapper .col1 #dealer #dealers-result li:hover, .product .colour-chooser #message-error .wrapper .col1 #dealer #dealers-result li:hover, .product .colour-chooser #message-sent .wrapper .col1 #dealer #dealers-result li:hover, .product .colour-chooser #sending-message .wrapper .col1 #dealer #dealers-result li:hover {
  background: rgba(10, 75, 120, 0.631372549);
}
.product .colour-chooser .share-form .wrapper .col1 #dealer #dealers-result li.active, .product .colour-chooser #message-error .wrapper .col1 #dealer #dealers-result li.active, .product .colour-chooser #message-sent .wrapper .col1 #dealer #dealers-result li.active, .product .colour-chooser #sending-message .wrapper .col1 #dealer #dealers-result li.active {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: rgba(15, 81, 126, 0.3019607843);
}
.product .colour-chooser .share-form .wrapper label, .product .colour-chooser #message-error .wrapper label, .product .colour-chooser #message-sent .wrapper label, .product .colour-chooser #sending-message .wrapper label {
  margin-top: 10px;
}
.product .colour-chooser .share-form .wrapper label span, .product .colour-chooser #message-error .wrapper label span, .product .colour-chooser #message-sent .wrapper label span, .product .colour-chooser #sending-message .wrapper label span {
  display: block;
}
.product .colour-chooser .share-form .wrapper h4, .product .colour-chooser #message-error .wrapper h4, .product .colour-chooser #message-sent .wrapper h4, .product .colour-chooser #sending-message .wrapper h4 {
  display: block;
}
.product .colour-chooser #message-error, .product .colour-chooser #message-sent, .product .colour-chooser #sending-message {
  background: rgba(255, 0, 0, 0.53);
}
.product .colour-chooser #message-error h4, .product .colour-chooser #message-sent h4, .product .colour-chooser #sending-message h4 {
  margin: auto;
  background: #fff;
  padding: 10px 20px;
}
.product .colour-chooser #message-sent {
  background: rgba(0, 128, 0, 0.49);
}
.product .colour-chooser #sending-message {
  background: rgba(0, 0, 0, 0.77);
  flex-direction: column;
}
.product .colour-chooser #sending-message h4 {
  position: relative;
  margin: auto;
}
.product .colour-chooser #sending-message img {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}

.news-landing, .product-reviews {
  padding: 20px 0;
  overflow: hidden;
}
.news-landing .title, .product-reviews .title {
  max-width: 1120px;
  margin: auto;
}
.news-landing .title h2, .product-reviews .title h2 {
  color: #ff7f30;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .news-landing .title, .product-reviews .title {
    margin-left: 15px;
  }
}
.news-landing .title button:after, .product-reviews .title button:after {
  display: none;
}
.news-landing .featured-content, .product-reviews .featured-content {
  max-width: 1120px;
  margin: auto;
}
.news-landing .featured-content .slick-arrow, .product-reviews .featured-content .slick-arrow {
  width: 50px;
  height: 50px;
}
.news-landing .featured-content .slick-arrow:hover, .product-reviews .featured-content .slick-arrow:hover {
  width: 50px;
}
.news-landing .featured-content .slick-arrow:hover:after, .product-reviews .featured-content .slick-arrow:hover:after {
  display: none;
  background: none;
}
.news-landing .featured-content .item, .product-reviews .featured-content .item {
  text-align: center;
  display: inline;
}
.news-landing .featured-content .item a, .product-reviews .featured-content .item a {
  position: relative;
  border-radius: 20px;
  width: 280px;
  overflow: hidden;
  display: inline-block;
  height: 450px;
}
.news-landing .featured-content .item a::after, .product-reviews .featured-content .item a::after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), transparent);
  top: 0;
}
.news-landing .featured-content .item a:hover, .product-reviews .featured-content .item a:hover {
  filter: saturate(1.1);
}
.news-landing .featured-content .item a img, .product-reviews .featured-content .item a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.news-landing .featured-content .item a h3, .product-reviews .featured-content .item a h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #fff;
  text-align: left;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  padding: 0 20px;
  -webkit-line-clamp: 3;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 15px;
}
.news-landing .featured-content .item a i, .product-reviews .featured-content .item a i {
  color: #333;
  font: 14px montserrat, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.5px;
}
.news-landing .featured-content .review, .product-reviews .featured-content .review {
  display: flex;
  flex-direction: column;
}
.news-landing .featured-content .review a::after, .product-reviews .featured-content .review a::after {
  background: linear-gradient(0deg, rgb(0, 0, 0), transparent);
}
.news-landing .featured-content .review .content, .product-reviews .featured-content .review .content {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  padding: 0 20px 20px;
}
.news-landing .featured-content .review .content h3, .product-reviews .featured-content .review .content h3 {
  position: relative;
  padding: 0;
  color: #ff7f30;
}
.news-landing .featured-content .review .content i, .product-reviews .featured-content .review .content i {
  text-align: left;
  color: #fff;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .news-landing, .product-reviews {
    padding: 20px;
  }
}

.product-landing {
  background: #fff;
  position: relative;
  text-align: center;
  padding-bottom: 20px;
  overflow: hidden;
}
.product-landing .btn {
  margin: 0 auto;
}
.product-landing h2.title {
  color: #333f48;
  font-size: 16vw;
  position: absolute;
  right: 3vw;
  top: 5vw;
  z-index: 1;
  opacity: 0.5;
}
.product-landing .featured {
  height: 550px;
  background-position: 50%;
  background-size: cover;
}
.product-landing .featured .features {
  width: 45%;
  position: relative;
  padding: 30px 20px;
  z-index: 20;
  height: 100%;
  vertical-align: middle;
  flex: 0 1 auto;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 767px) {
  .product-landing .featured .features {
    width: 90%;
    margin: auto;
  }
}
.product-landing .featured .features h2 {
  color: #333;
  font-size: 70px;
  line-height: 70px;
  margin: 0;
}
.product-landing .featured .features .subtitle {
  margin: 20px 0;
  font-family: "bebas-neue-by-fontfabric", "Helvetica", "Arial";
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #333f48;
  font-size: 27px;
  line-height: 28px;
  letter-spacing: 10px;
}
.product-landing .featured .overlay {
  width: 100%;
  position: absolute;
  height: 550px;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #f3f3f3, rgba(255, 255, 255, 0.7411764706), rgba(255, 255, 255, 0));
  z-index: 11;
}
.product-landing .products {
  margin: 20px 0;
}
.product-landing .products.slick-initialized button.slick-arrow:after {
  background: none !important;
}
.product-landing .products .product {
  width: 300px;
  text-align: center;
}
.product-landing .products .product a {
  display: flex;
  flex-direction: column;
}
.product-landing .products .product a h3 {
  margin-top: 10px;
  font: bold 50px/60px "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
}
.product-landing .products .product a i {
  color: #333;
  font: 14px montserrat, sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.5px;
}
.product-landing .products .product a img {
  margin: auto;
  height: 200px;
  object-fit: contain;
}
.product-landing > .btn {
  margin: auto;
}

.category.spares {
  max-width: 1120px;
  margin: auto;
  padding: 20px;
}
.category.spares .index {
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: space-evenly;
}
.category.spares .index .product-type {
  display: flex;
  flex-direction: column;
}
.category.spares .index .product-type .title {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-size: 26px;
  text-transform: uppercase;
}
.category.spares .index .product-type > ul {
  list-style: none;
}
.category.spares .index .product-type > ul > li {
  font-size: 18px;
}
.category.spares h1 {
  color: #333f48;
}
.category.spares .posts {
  list-style: none;
}
.category.spares .posts ul.models {
  list-style: none;
}
.category.spares .posts ul.models ul.versions {
  list-style: none;
}
.category.spares .posts ul.models ul.versions .sized-spares-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}
.category.spares .posts ul.models ul.versions .sized-spares {
  display: flex;
  flex-direction: column;
}
.category.spares .posts ul.models ul.versions table.model-info,
.category.spares .posts ul.models ul.versions table.bladders,
.category.spares .posts ul.models ul.versions table.bridles,
.category.spares .posts ul.models ul.versions table.spares {
  padding: 20px;
  margin-bottom: 40px;
}
.category.spares .posts ul.models ul.versions table.model-info thead th,
.category.spares .posts ul.models ul.versions table.bladders thead th,
.category.spares .posts ul.models ul.versions table.bridles thead th,
.category.spares .posts ul.models ul.versions table.spares thead th {
  border-bottom: 1px solid #dbdbdb;
  padding: 10px;
}
.category.spares .posts ul.models ul.versions table.model-info tbody td,
.category.spares .posts ul.models ul.versions table.bladders tbody td,
.category.spares .posts ul.models ul.versions table.bridles tbody td,
.category.spares .posts ul.models ul.versions table.spares tbody td {
  padding: 10px;
}
.category.spares .posts ul.models ul.versions table.model-info tbody td a.sku,
.category.spares .posts ul.models ul.versions table.bladders tbody td a.sku,
.category.spares .posts ul.models ul.versions table.bridles tbody td a.sku,
.category.spares .posts ul.models ul.versions table.spares tbody td a.sku {
  color: #333f48;
  border: 1px solid #333f48;
  padding: 2px 5px;
  border-radius: 15px;
}
.category.spares .posts ul.models ul.versions table.model-info tbody td a.sku svg,
.category.spares .posts ul.models ul.versions table.bladders tbody td a.sku svg,
.category.spares .posts ul.models ul.versions table.bridles tbody td a.sku svg,
.category.spares .posts ul.models ul.versions table.spares tbody td a.sku svg {
  width: 15px;
  display: inline;
  margin-top: -3px;
  vertical-align: middle;
  fill: #333f48;
}
.category.spares .posts ul.models ul.versions table.model-info tbody td a.sku:hover,
.category.spares .posts ul.models ul.versions table.bladders tbody td a.sku:hover,
.category.spares .posts ul.models ul.versions table.bridles tbody td a.sku:hover,
.category.spares .posts ul.models ul.versions table.spares tbody td a.sku:hover {
  background: #333f48;
  color: #fff;
}
.category.spares .posts ul.models ul.versions table.model-info tbody td a.sku:hover svg,
.category.spares .posts ul.models ul.versions table.bladders tbody td a.sku:hover svg,
.category.spares .posts ul.models ul.versions table.bridles tbody td a.sku:hover svg,
.category.spares .posts ul.models ul.versions table.spares tbody td a.sku:hover svg {
  fill: #fff;
}

.post {
  overflow: hidden;
}
.post a {
  color: #ff7f30;
}
.post #hero .cover {
  height: 60vh;
  overflow: hidden;
  position: relative;
}
.post #hero .cover .single-image .slide img {
  width: 100%;
  object-fit: cover;
}
.post #hero .cover img {
  height: 60vh;
  object-fit: scale-down;
}
.post #hero .cover .default-header img {
  object-fit: cover;
  width: 100%;
}
.post #hero .cover .video-header {
  height: 100%;
  padding-top: 70px;
  background: #000;
}
.post #hero .cover .video-header iframe {
  height: 100% !important;
  width: 100% !important;
}
.post #hero .cover .slick-slide {
  height: auto !important;
}
.post #hero .article-bar {
  width: 100%;
  padding: 10px 0 0;
  text-align: center;
  position: relative;
}
.post #hero .article-bar__wrapper {
  padding: 0 10vw;
  display: flex;
  width: auto;
  flex-direction: column;
}
.post #hero .article-bar__wrapper h1 {
  color: #333;
}
.post #hero .article-bar__wrapper__subtitle {
  display: block;
  padding: 0;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.post .no-meta {
  padding: 20px;
}
.post.single .related_products {
  display: none;
}
.post.single .center {
  max-width: 1120px;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.post.single .center#content {
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 20px;
}
@media all and (max-width: 1023px) {
  .post.single .center {
    flex-direction: column !important;
  }
}
.post .more-news {
  background: #000;
  margin-top: 50px;
  overflow: hidden;
  padding: 0 20px;
}
.post .more-news h3 {
  color: #ff7f30;
}
.post .more-news__entries h2 {
  text-align: center;
}
.post .more-news__entries ul {
  display: flex;
  flex: 1 1 30%;
  width: 100%;
  justify-content: space-between;
}
.post .more-news__entries .post_pod {
  flex: 1 0 31%;
  flex-grow: 0;
}
.post .more-news__entries .post_pod:hover img {
  opacity: 0.75;
}
.post .more-news__entries .post_pod img {
  width: 100%;
  object-fit: cover;
  max-height: 20vw;
}
@media all and (max-width: 767px) {
  .post .more-news__entries .post_pod img {
    height: initial;
  }
}
.post .more-news__entries .post_pod h1 {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  font-style: normal;
  /* margin: 0; */
  /* padding: 0; */
  line-height: 20px;
}
.post .more-news__entries .post_pod h3 {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  padding: 0;
  margin: 0;
  letter-spacing: 0px;
}
.post.single.video #hero .cover {
  background-color: #000;
  height: auto;
}
.post.single.video #hero .cover .embed-container {
  float: none;
  clear: both;
  width: 100%;
  max-width: 800px;
  position: relative;
  padding-bottom: 100px;
  height: auto;
  padding-top: 25px;
  height: auto;
  margin: 0 auto;
}
.post.single.video #hero .cover .embed-container iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
}
.post.contact .intro-text {
  max-width: 1120px;
}
.post.contact .info-window {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40vw;
  right: -130vw;
  background: #fff;
  padding: 15px;
  transition: 200ms all ease;
  min-width: 300px;
  height: max-content;
}
.post.contact .info-window.open {
  right: 0;
  transition: 200ms all ease;
}
.post.contact .info-window ul li {
  list-style-type: none;
}
.post.contact .info-window .close:after, .post.contact .info-window .close:before {
  background-color: #333;
}
.post.contact .info-window h2 {
  margin-top: 10px;
  color: #ff7f30;
}
.post.contact.schools .default-header {
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.post.contact.dealers .default-header {
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.post.contact .contact-form {
  padding: 0 0 20px;
}
.post.contact .contact-form input.wpcf7-form-control.wpcf7-submit {
  position: relative;
  color: #fff;
  border-radius: 16px;
  border: 1px solid #333f48;
  background-color: #333f48;
  text-align: center;
  cursor: pointer;
  z-index: 0;
  display: inline-block;
  height: auto;
  font: bold 20px/26px "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  letter-spacing: 3px;
  /* margin: 0 10px 8px; */
  padding: 3px 20px;
}
.post.contact .contact-form input.wpcf7-form-control.wpcf7-submit:after {
  transition: all 200ms;
  content: " ";
  width: 0%;
  display: block;
  background: #5b6770;
  border-radius: 16px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
}
.post.contact .contact-form input.wpcf7-form-control.wpcf7-submit:hover {
  color: #fff;
}
.post.contact .contact-form input.wpcf7-form-control.wpcf7-submit:hover:after {
  width: 100%;
}
.post.contact .contact-form form {
  padding: 0px;
}
.post.contact .contact-form p {
  margin: 0;
}
.post.contact .contact-form p label {
  display: block;
  font: normal 11px/14px AvenirNext, arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 12px 0 4px 0;
}
.post.contact .contact-form p label .wpcf7-not-valid {
  border: 1px solid #f00;
}
.post.contact .contact-form p label .wpcf7-not-valid-tip {
  background: #f00;
  font-size: 1em;
  font-weight: normal;
  display: inline-block;
  color: #333;
  padding: 6px 26px;
}
.post.contact .contact-form p label input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: normal 14px/18px AvenirNext, arial, sans-serif;
  color: #333;
  background: #fff;
  border: solid 1px #dedede;
  padding: 6px 12px;
  width: 100%;
  max-width: 100%;
  height: 32px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.post.contact .contact-form p label input:focus {
  border: solid 1px #000;
}
.post.contact .contact-form p label textarea {
  width: 100%;
}
.post.contact div.wpcf7-response-output {
  border: 2px solid #ff9e0d;
  background: #ff9e0d;
  margin: 20px 0 0;
}
.post.contact div.wpcf7-response-output.wpcf7-mail-sent-ok {
  border: 2px solid #00cf31;
  background: #00cf31;
}
@media all and (max-width: 767px) {
  .post.contact #hero {
    height: initial;
  }
  .post.contact ul.contacts li div.info {
    flex-direction: column;
    align-items: initial;
    padding: 10px 0;
  }
  .post.contact section#search form {
    flex-direction: column;
  }
}
.post #map {
  height: 300px;
  width: 100%;
}
@media all and (max-width: 767px) {
  .post #hero {
    height: initial;
  }
  .post #hero .article-bar .article-bar__wrapper .article-bar__wrapper__title {
    font-size: 35px;
    line-height: 40px;
  }
  .post .more-news__entries ul {
    flex-wrap: wrap;
  }
  .post .more-news__entries ul li {
    list-style: none;
  }
  .post .more-news__entries ul .post_pod {
    flex: 1 0 100%;
  }
}
.post.team {
  background: #fff;
  color: #333;
}
.post.team #hero .media-wrapper {
  max-height: 500px;
}
.post.team #hero .article-bar {
  height: 140px;
  justify-content: center;
  display: flex;
}
.post.team #hero .article-bar__wrapper {
  padding: 0;
  width: 90%;
  max-width: 1120px;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
@media all and (max-width: 767px) {
  .post.team #hero .article-bar__wrapper {
    padding: 50px 0 0 0;
  }
}
.post.team #hero .article-bar__wrapper__title, .post.team #hero .article-bar__wrapper__subtitle {
  display: block;
  margin-left: 330px;
  text-align: left;
}
@media all and (max-width: 767px) {
  .post.team #hero .article-bar__wrapper__title, .post.team #hero .article-bar__wrapper__subtitle {
    margin-left: 0;
    text-align: center;
    max-width: initial;
  }
}
.post.team #hero .article-bar .cover img {
  width: auto;
  object-fit: cover;
}
.post.team #hero .article-bar .avatar {
  width: 300px;
  height: 250px;
  position: absolute;
  top: -60px;
  left: 0;
}
@media all and (max-width: 767px) {
  .post.team #hero .article-bar .avatar {
    left: 0;
    top: -145px;
    width: 200px;
    height: 160px;
    right: 0;
    margin: auto;
  }
}
.post.team #hero .article-bar .avatar img {
  object-fit: cover;
  width: 100%;
  border-radius: 18px;
  box-shadow: 2px 2px 12px 5px rgba(0, 0, 0, 0.1607843137);
  height: 100%;
}
.post.team #content {
  padding-top: 50px !important;
}
.post.team #content h2, .post.team #content h3 {
  color: #333;
}

.archive #hero .default-header img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.category.invert {
  background: #000;
  color: #fff;
}

.videos.category .post-filters .terms a, .videos.category .post-filters .filter-group a, .posts.category .post-filters .terms a, .posts.category .post-filters .filter-group a, .contact.category .post-filters .terms a, .contact.category .post-filters .filter-group a, .team.category .post-filters .terms a, .team.category .post-filters .filter-group a {
  font: bold 20px/26px "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #333f48;
  margin: 0 25px 0 0;
}
.videos.category .post-filters .search .btn, .posts.category .post-filters .search .btn, .contact.category .post-filters .search .btn, .team.category .post-filters .search .btn {
  background-color: #333f48;
  text-indent: 0;
  width: auto;
  padding: 2px 20px;
  margin-bottom: 8px;
}

.contact.category #search .filter-group {
  text-align: center;
  display: inline-block;
}

.category #hero .cover {
  height: 60vh;
  overflow: hidden;
  position: relative;
}
.category #hero .cover img {
  height: 60vh;
  object-fit: scale-down;
}
.category #hero .hero-bar__wrapper__title {
  color: #333f48 !important;
}
.category #hero .article-bar {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}
.category #hero .article-bar .article-bar__wrapper {
  max-width: 1120px;
  margin: auto;
}
.category #hero .article-bar .article-bar__wrapper .article-bar__wrapper__title {
  color: #484848;
}
.category #hero .article-bar .article-bar__wrapper .article-bar__wrapper__subtitle {
  display: block;
  color: #333f48;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0 0;
  text-align: center;
}
.category #hero .no-meta {
  padding: 20px;
}
.category .form {
  padding-top: 20px;
  width: 100%;
}
.category .form #content .address-block h3 {
  margin-bottom: 0;
}
.category .form #content .address-block p {
  margin: 0;
}
.category.contact .intro-text {
  max-width: 1120px;
}
.category.contact .info-window {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40vw;
  right: -130vw;
  background: #fff;
  padding: 15px;
  transition: 200ms all ease;
  min-width: 300px;
  height: max-content;
}
.category.contact .info-window.open {
  right: 0;
  transition: 200ms all ease;
}
.category.contact .info-window ul li {
  list-style-type: none;
}
.category.contact .info-window .close:after, .category.contact .info-window .close:before {
  background-color: #333;
}
.category.contact .info-window h2 {
  margin-top: 10px;
  color: #ff7f30;
}
.category.contact.schools .default-header {
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.category.contact.dealers .default-header {
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.category.contact .contact-form {
  padding: 0 0 20px;
}
.category.contact .contact-form input.wpcf7-form-control.wpcf7-submit {
  position: relative;
  color: #fff;
  border-radius: 16px;
  border: 1px solid #333f48;
  background-color: #333f48;
  text-align: center;
  cursor: pointer;
  z-index: 0;
  display: inline-block;
  height: auto;
  font: bold 20px/26px "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  letter-spacing: 3px;
  /* margin: 0 10px 8px; */
  padding: 3px 20px;
}
.category.contact .contact-form input.wpcf7-form-control.wpcf7-submit:after {
  transition: all 200ms;
  content: " ";
  width: 0%;
  display: block;
  background: #5b6770;
  border-radius: 16px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
}
.category.contact .contact-form input.wpcf7-form-control.wpcf7-submit:hover {
  color: #fff;
}
.category.contact .contact-form input.wpcf7-form-control.wpcf7-submit:hover:after {
  width: 100%;
}
.category.contact .contact-form form {
  padding: 0px;
}
.category.contact .contact-form p {
  margin: 0;
}
.category.contact .contact-form p label {
  display: block;
  font: normal 11px/14px AvenirNext, arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 12px 0 4px 0;
}
.category.contact .contact-form p label .wpcf7-not-valid {
  border: 1px solid #f00;
}
.category.contact .contact-form p label .wpcf7-not-valid-tip {
  background: #f00;
  font-size: 1em;
  font-weight: normal;
  display: inline-block;
  color: #333;
  padding: 6px 26px;
}
.category.contact .contact-form p label input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: normal 14px/18px AvenirNext, arial, sans-serif;
  color: #333;
  background: #fff;
  border: solid 1px #dedede;
  padding: 6px 12px;
  width: 100%;
  max-width: 100%;
  height: 32px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.category.contact .contact-form p label input:focus {
  border: solid 1px #000;
}
.category.contact .contact-form p label textarea {
  width: 100%;
}
.category.contact div.wpcf7-response-output {
  border: 2px solid #ff9e0d;
  background: #ff9e0d;
  margin: 20px 0 0;
}
.category.contact div.wpcf7-response-output.wpcf7-mail-sent-ok {
  border: 2px solid #00cf31;
  background: #00cf31;
}
@media all and (max-width: 767px) {
  .category.contact #hero {
    height: initial;
  }
  .category.contact ul.contacts li div.info {
    flex-direction: column;
    align-items: initial;
    padding: 10px 0;
  }
  .category.contact section#search form {
    flex-direction: column;
  }
}
.category #map {
  height: 300px;
  width: 100%;
}
.category #map {
  height: 530px;
  width: 100%;
}
.category .kite-chooser {
  display: flex;
  flex-direction: column;
}
.category .kite-chooser .introduction {
  width: 500px;
  text-align: center;
  margin: auto;
}
.category .kite-chooser .introduction h2 {
  margin-bottom: 0;
}
.category .kite-chooser .introduction p {
  color: #fff;
  margin-top: 5px;
}
.category .kite-chooser .chooser {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  margin-bottom: 100px;
  display: flex;
  flex-direction: column;
}
.category .kite-chooser .chooser h2 {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  text-align: center;
}
@media all and (max-width: 767px) {
  .category .kite-chooser .chooser.specifics .table .head .table-cell:not(:first-child) {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    line-height: 15px;
  }
}
.category .kite-chooser .chooser .table .head .table-cell {
  align-self: flex-end;
}
@media all and (max-width: 767px) {
  .category .kite-chooser .chooser .table .head .table-cell {
    padding: 2px;
  }
}
.category .kite-chooser .chooser .table .head .table-cell:first-child {
  align-self: flex-end;
  padding: 8px 0 5px 10px;
  font-size: 20px;
}
@media all and (max-width: 767px) {
  .category .kite-chooser .chooser .table .head .table-cell:first-child, .category .kite-chooser .chooser .table .body .table-cell:first-child {
    width: 105px;
  }
}
.category .kite-chooser .chooser .table .head .table-cell.sub-row, .category .kite-chooser .chooser .table .body .table-cell.sub-row {
  padding: 5px 0;
  margin: 0;
}
.category .kite-chooser .chooser .table .head .table-cell .sub-row, .category .kite-chooser .chooser .table .body .table-cell .sub-row {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  /* width: 80vw;*/
}
.category .kite-chooser .chooser .table .head .table-cell .sub-row .table-cell, .category .kite-chooser .chooser .table .body .table-cell .sub-row .table-cell {
  border: 0 !important;
}
.category .kite-chooser .chooser .description-overlay {
  width: calc(100% - 25px);
  justify-self: center;
  padding: 7px 5px 0;
  margin: auto;
  font-size: 18px;
  color: #5f5a5a;
}
.category .kite-chooser .chooser .name {
  padding: 8px 0 5px 10px;
  margin: 0;
}
.category .kite-chooser .chooser .name a {
  align-self: center;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  color: #fff;
  font-size: 20px;
  padding: 0;
}
.category .kite-chooser .chooser .beginner, .category .kite-chooser .chooser .intermediate, .category .kite-chooser .chooser .advanced, .category .kite-chooser .chooser .specific {
  display: flex;
  justify-content: start;
  padding: 0;
  width: 33%;
}
.category .kite-chooser .chooser .beginner.rounded_left_edge, .category .kite-chooser .chooser .intermediate.rounded_left_edge, .category .kite-chooser .chooser .advanced.rounded_left_edge, .category .kite-chooser .chooser .specific.rounded_left_edge {
  justify-content: end;
}
.category .kite-chooser .chooser .beginner.rounded_left_edge .bar, .category .kite-chooser .chooser .intermediate.rounded_left_edge .bar, .category .kite-chooser .chooser .advanced.rounded_left_edge .bar, .category .kite-chooser .chooser .specific.rounded_left_edge .bar {
  border-radius: 10px 0 0 10px;
}
.category .kite-chooser .chooser .beginner.rounded_right_edge, .category .kite-chooser .chooser .intermediate.rounded_right_edge, .category .kite-chooser .chooser .advanced.rounded_right_edge, .category .kite-chooser .chooser .specific.rounded_right_edge {
  justify-content: start;
}
.category .kite-chooser .chooser .beginner.rounded_right_edge .bar, .category .kite-chooser .chooser .intermediate.rounded_right_edge .bar, .category .kite-chooser .chooser .advanced.rounded_right_edge .bar, .category .kite-chooser .chooser .specific.rounded_right_edge .bar {
  border-radius: 0 10px 10px 0;
}
.category .kite-chooser .chooser .beginner {
  justify-content: end;
}
.category .kite-chooser .chooser .beginner .bar {
  border-radius: 10px 0 0 10px;
}
.category .kite-chooser .chooser .advanced .bar {
  border-radius: 0 10px 10px 0;
}
.category .kite-chooser .chooser .specific {
  justify-content: center;
}
.category .kite-chooser .chooser .bar {
  background: #33d5ad;
  height: 20px;
  margin: auto 0;
  display: inline-flex;
}
.category .kite-chooser .chooser .score {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #ff7f30;
  margin: auto;
}
.category.product {
  background: #FFF;
}
.category.product.kites main.compare ul li .item .range-of-use, .category.product.wings main.compare ul li .item .range-of-use, .category.product.boards main.compare ul li .item .range-of-use, .category.product.kiteboards main.compare ul li .item .range-of-use, .category.product.accessories main.compare ul li .item .range-of-use, .category.product.harnesses main.compare ul li .item .range-of-use, .category.product.hydrofoils main.compare ul li .item .range-of-use {
  padding: 0;
  display: block !important;
}
.category.product.kites main .product-range, .category.product.wings main .product-range, .category.product.boards main .product-range, .category.product.kiteboards main .product-range, .category.product.accessories main .product-range, .category.product.harnesses main .product-range, .category.product.hydrofoils main .product-range {
  margin: 0 auto 100px;
  text-align: center;
}
.category.product.kites main .product-range .meta, .category.product.wings main .product-range .meta, .category.product.boards main .product-range .meta, .category.product.kiteboards main .product-range .meta, .category.product.accessories main .product-range .meta, .category.product.harnesses main .product-range .meta, .category.product.hydrofoils main .product-range .meta {
  max-width: 800px;
  text-align: center;
  margin: 0 auto 20px;
}
.category.product.kites main .product-range .meta > h1, .category.product.wings main .product-range .meta > h1, .category.product.boards main .product-range .meta > h1, .category.product.kiteboards main .product-range .meta > h1, .category.product.accessories main .product-range .meta > h1, .category.product.harnesses main .product-range .meta > h1, .category.product.hydrofoils main .product-range .meta > h1 {
  color: #333f48;
  margin-bottom: 10px;
}
.category.product.kites main .product-range .meta .description, .category.product.wings main .product-range .meta .description, .category.product.boards main .product-range .meta .description, .category.product.kiteboards main .product-range .meta .description, .category.product.accessories main .product-range .meta .description, .category.product.harnesses main .product-range .meta .description, .category.product.hydrofoils main .product-range .meta .description {
  margin-bottom: 10px;
}
.category.product.kites main ul.product-list, .category.product.wings main ul.product-list, .category.product.boards main ul.product-list, .category.product.kiteboards main ul.product-list, .category.product.accessories main ul.product-list, .category.product.harnesses main ul.product-list, .category.product.hydrofoils main ul.product-list {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.category.product.kites main ul.product-list > li, .category.product.wings main ul.product-list > li, .category.product.boards main ul.product-list > li, .category.product.kiteboards main ul.product-list > li, .category.product.accessories main ul.product-list > li, .category.product.harnesses main ul.product-list > li, .category.product.hydrofoils main ul.product-list > li {
  margin: 0 10px 20px 10px;
  width: auto;
  flex: 0 1 350px;
}
.category.product.kites main ul.product-list > li .item, .category.product.wings main ul.product-list > li .item, .category.product.boards main ul.product-list > li .item, .category.product.kiteboards main ul.product-list > li .item, .category.product.accessories main ul.product-list > li .item, .category.product.harnesses main ul.product-list > li .item, .category.product.hydrofoils main ul.product-list > li .item {
  transition: 200ms all;
  box-sizing: border-box;
  border: 0;
  margin-bottom: 20px;
  border-radius: 8px;
  background-color: #f2f2f2 !important;
}
.category.product.kites main ul.product-list > li .item, .category.product.wings main ul.product-list > li .item, .category.product.boards main ul.product-list > li .item, .category.product.kiteboards main ul.product-list > li .item, .category.product.accessories main ul.product-list > li .item, .category.product.harnesses main ul.product-list > li .item, .category.product.hydrofoils main ul.product-list > li .item {
  justify-content: start;
}
.category.product.kites main ul.product-list > li:hover .item .description, .category.product.wings main ul.product-list > li:hover .item .description, .category.product.boards main ul.product-list > li:hover .item .description, .category.product.kiteboards main ul.product-list > li:hover .item .description, .category.product.accessories main ul.product-list > li:hover .item .description, .category.product.harnesses main ul.product-list > li:hover .item .description, .category.product.hydrofoils main ul.product-list > li:hover .item .description {
  opacity: 1;
}
.category.product.kites main ul.product-list > li:hover .item .description .button, .category.product.wings main ul.product-list > li:hover .item .description .button, .category.product.boards main ul.product-list > li:hover .item .description .button, .category.product.kiteboards main ul.product-list > li:hover .item .description .button, .category.product.accessories main ul.product-list > li:hover .item .description .button, .category.product.harnesses main ul.product-list > li:hover .item .description .button, .category.product.hydrofoils main ul.product-list > li:hover .item .description .button {
  opacity: 1;
  z-index: 100;
  margin: 0 auto;
}
.category.product.kites main ul.product-list > li:hover .item .title h4, .category.product.wings main ul.product-list > li:hover .item .title h4, .category.product.boards main ul.product-list > li:hover .item .title h4, .category.product.kiteboards main ul.product-list > li:hover .item .title h4, .category.product.accessories main ul.product-list > li:hover .item .title h4, .category.product.harnesses main ul.product-list > li:hover .item .title h4, .category.product.hydrofoils main ul.product-list > li:hover .item .title h4 {
  opacity: 0;
  color: #484848;
}
.category.product.kites main ul.product-list > li .background, .category.product.wings main ul.product-list > li .background, .category.product.boards main ul.product-list > li .background, .category.product.kiteboards main ul.product-list > li .background, .category.product.accessories main ul.product-list > li .background, .category.product.harnesses main ul.product-list > li .background, .category.product.hydrofoils main ul.product-list > li .background {
  display: none;
}
.category.product.kites main ul.product-list > li .item, .category.product.wings main ul.product-list > li .item, .category.product.boards main ul.product-list > li .item, .category.product.kiteboards main ul.product-list > li .item, .category.product.accessories main ul.product-list > li .item, .category.product.harnesses main ul.product-list > li .item, .category.product.hydrofoils main ul.product-list > li .item {
  flex-direction: column;
  width: auto;
  justify-content: center;
}
.category.product.kites main ul.product-list > li .item .title, .category.product.wings main ul.product-list > li .item .title, .category.product.boards main ul.product-list > li .item .title, .category.product.kiteboards main ul.product-list > li .item .title, .category.product.accessories main ul.product-list > li .item .title, .category.product.harnesses main ul.product-list > li .item .title, .category.product.hydrofoils main ul.product-list > li .item .title {
  text-align: center;
  padding: 0 10px;
}
.category.product.kites main ul.product-list > li .item .title h2, .category.product.wings main ul.product-list > li .item .title h2, .category.product.boards main ul.product-list > li .item .title h2, .category.product.kiteboards main ul.product-list > li .item .title h2, .category.product.accessories main ul.product-list > li .item .title h2, .category.product.harnesses main ul.product-list > li .item .title h2, .category.product.hydrofoils main ul.product-list > li .item .title h2 {
  margin-top: 5px;
  color: #484848;
}
.category.product.kites main ul.product-list > li .item .title h4, .category.product.wings main ul.product-list > li .item .title h4, .category.product.boards main ul.product-list > li .item .title h4, .category.product.kiteboards main ul.product-list > li .item .title h4, .category.product.accessories main ul.product-list > li .item .title h4, .category.product.harnesses main ul.product-list > li .item .title h4, .category.product.hydrofoils main ul.product-list > li .item .title h4 {
  text-transform: uppercase;
  opacity: 1;
  transition: 200ms all;
  color: #484848;
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 600;
}
.category.product.kites main ul.product-list > li .item .description, .category.product.wings main ul.product-list > li .item .description, .category.product.boards main ul.product-list > li .item .description, .category.product.kiteboards main ul.product-list > li .item .description, .category.product.accessories main ul.product-list > li .item .description, .category.product.harnesses main ul.product-list > li .item .description, .category.product.hydrofoils main ul.product-list > li .item .description {
  transition: 400ms all;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0px;
  opacity: 0;
  border-radius: 8px;
  padding: 0 20px;
  height: 100%;
  color: #fff;
  font-weight: 600;
  background: #333f48;
  width: calc(100% - 1px);
  z-index: 10;
  box-sizing: border-box;
}
.category.product.kites main ul.product-list > li .item .description .button, .category.product.wings main ul.product-list > li .item .description .button, .category.product.boards main ul.product-list > li .item .description .button, .category.product.kiteboards main ul.product-list > li .item .description .button, .category.product.accessories main ul.product-list > li .item .description .button, .category.product.harnesses main ul.product-list > li .item .description .button, .category.product.hydrofoils main ul.product-list > li .item .description .button {
  opacity: 0;
  border: 1px solid #fff;
}
.category.product.kites main ul.product-list > li .item .description span, .category.product.wings main ul.product-list > li .item .description span, .category.product.boards main ul.product-list > li .item .description span, .category.product.kiteboards main ul.product-list > li .item .description span, .category.product.accessories main ul.product-list > li .item .description span, .category.product.harnesses main ul.product-list > li .item .description span, .category.product.hydrofoils main ul.product-list > li .item .description span {
  color: #e8e8e8 !important;
}
.category.product.kites main ul.product-list > li .item .range-of-use, .category.product.wings main ul.product-list > li .item .range-of-use, .category.product.boards main ul.product-list > li .item .range-of-use, .category.product.kiteboards main ul.product-list > li .item .range-of-use, .category.product.accessories main ul.product-list > li .item .range-of-use, .category.product.harnesses main ul.product-list > li .item .range-of-use, .category.product.hydrofoils main ul.product-list > li .item .range-of-use {
  display: none;
}
.category.product.kites main ul.product-list > li .item .range-of-use h2, .category.product.wings main ul.product-list > li .item .range-of-use h2, .category.product.boards main ul.product-list > li .item .range-of-use h2, .category.product.kiteboards main ul.product-list > li .item .range-of-use h2, .category.product.accessories main ul.product-list > li .item .range-of-use h2, .category.product.harnesses main ul.product-list > li .item .range-of-use h2, .category.product.hydrofoils main ul.product-list > li .item .range-of-use h2 {
  display: none;
}
.category.product.kites main ul.product-list > li .item .range-of-use figure.range, .category.product.wings main ul.product-list > li .item .range-of-use figure.range, .category.product.boards main ul.product-list > li .item .range-of-use figure.range, .category.product.kiteboards main ul.product-list > li .item .range-of-use figure.range, .category.product.accessories main ul.product-list > li .item .range-of-use figure.range, .category.product.harnesses main ul.product-list > li .item .range-of-use figure.range, .category.product.hydrofoils main ul.product-list > li .item .range-of-use figure.range {
  margin: 0;
  width: 336px;
  min-width: auto;
}
.category.product.kites main ul.product-list > li .item .range-of-use figure.range .animated.lateralFade__pending, .category.product.wings main ul.product-list > li .item .range-of-use figure.range .animated.lateralFade__pending, .category.product.boards main ul.product-list > li .item .range-of-use figure.range .animated.lateralFade__pending, .category.product.kiteboards main ul.product-list > li .item .range-of-use figure.range .animated.lateralFade__pending, .category.product.accessories main ul.product-list > li .item .range-of-use figure.range .animated.lateralFade__pending, .category.product.harnesses main ul.product-list > li .item .range-of-use figure.range .animated.lateralFade__pending, .category.product.hydrofoils main ul.product-list > li .item .range-of-use figure.range .animated.lateralFade__pending {
  transform: translate(0px);
}
.category.product.kites main ul.product-list > li .item .range-of-use figure.range li, .category.product.wings main ul.product-list > li .item .range-of-use figure.range li, .category.product.boards main ul.product-list > li .item .range-of-use figure.range li, .category.product.kiteboards main ul.product-list > li .item .range-of-use figure.range li, .category.product.accessories main ul.product-list > li .item .range-of-use figure.range li, .category.product.harnesses main ul.product-list > li .item .range-of-use figure.range li, .category.product.hydrofoils main ul.product-list > li .item .range-of-use figure.range li {
  height: 20px;
  overflow: visible;
  list-style-type: none;
}
.category.product.kites main ul.product-list > li .item .range-of-use figure.range li label, .category.product.wings main ul.product-list > li .item .range-of-use figure.range li label, .category.product.boards main ul.product-list > li .item .range-of-use figure.range li label, .category.product.kiteboards main ul.product-list > li .item .range-of-use figure.range li label, .category.product.accessories main ul.product-list > li .item .range-of-use figure.range li label, .category.product.harnesses main ul.product-list > li .item .range-of-use figure.range li label, .category.product.hydrofoils main ul.product-list > li .item .range-of-use figure.range li label {
  color: #333;
  width: 170px;
}
.category.product.kites main ul.product-list > li .item .range-of-use figure.range li label.na, .category.product.wings main ul.product-list > li .item .range-of-use figure.range li label.na, .category.product.boards main ul.product-list > li .item .range-of-use figure.range li label.na, .category.product.kiteboards main ul.product-list > li .item .range-of-use figure.range li label.na, .category.product.accessories main ul.product-list > li .item .range-of-use figure.range li label.na, .category.product.harnesses main ul.product-list > li .item .range-of-use figure.range li label.na, .category.product.hydrofoils main ul.product-list > li .item .range-of-use figure.range li label.na {
  color: rgba(51, 63, 72, 0.2098039216);
}
.category.product.kites main ul.product-list > li .item .range-of-use figure.range li .range .point, .category.product.wings main ul.product-list > li .item .range-of-use figure.range li .range .point, .category.product.boards main ul.product-list > li .item .range-of-use figure.range li .range .point, .category.product.kiteboards main ul.product-list > li .item .range-of-use figure.range li .range .point, .category.product.accessories main ul.product-list > li .item .range-of-use figure.range li .range .point, .category.product.harnesses main ul.product-list > li .item .range-of-use figure.range li .range .point, .category.product.hydrofoils main ul.product-list > li .item .range-of-use figure.range li .range .point {
  width: 7px;
  height: 7px;
  margin-right: 0;
}
.category.product.kites main ul.product-list > li .item .range-of-use figure.range .scale, .category.product.wings main ul.product-list > li .item .range-of-use figure.range .scale, .category.product.boards main ul.product-list > li .item .range-of-use figure.range .scale, .category.product.kiteboards main ul.product-list > li .item .range-of-use figure.range .scale, .category.product.accessories main ul.product-list > li .item .range-of-use figure.range .scale, .category.product.harnesses main ul.product-list > li .item .range-of-use figure.range .scale, .category.product.hydrofoils main ul.product-list > li .item .range-of-use figure.range .scale {
  display: none;
}
.category.product.kites main ul.product-list > li .item .image, .category.product.wings main ul.product-list > li .item .image, .category.product.boards main ul.product-list > li .item .image, .category.product.kiteboards main ul.product-list > li .item .image, .category.product.accessories main ul.product-list > li .item .image, .category.product.harnesses main ul.product-list > li .item .image, .category.product.hydrofoils main ul.product-list > li .item .image {
  order: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}
.category.product.kites main ul.product-list > li .item .image img, .category.product.wings main ul.product-list > li .item .image img, .category.product.boards main ul.product-list > li .item .image img, .category.product.kiteboards main ul.product-list > li .item .image img, .category.product.accessories main ul.product-list > li .item .image img, .category.product.harnesses main ul.product-list > li .item .image img, .category.product.hydrofoils main ul.product-list > li .item .image img {
  width: 85%;
  object-position: bottom;
}
.category.product main {
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.category.product main ul {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.category.product main ul li {
  position: relative;
  overflow: hidden;
}
.category.product main ul li .background {
  position: absolute;
  z-index: 0;
  right: 60px;
}
.category.product main ul li .background img {
  height: 250px;
  transform: scaleX(-1.5) scaleY(1.5);
}
.category.product main ul li .item {
  z-index: 10;
  left: 0;
  right: 0;
  max-width: 960px;
  border: 1px solid #484848;
  border-radius: 8px;
  width: 75%;
  margin: auto;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: space-between;
}
.category.product main ul li .item .description {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
}
.category.product main ul li .item .description h2 {
  color: #ff7f30;
}
.category.product main ul li .item .description span {
  color: #eee;
}
.category.product main ul li .item .image {
  height: 250px;
  margin: 20px 0 20px 50px;
}
.category.product main ul li .item .image img {
  width: 85%;
  height: 100%;
  object-fit: scale-down;
  object-position: right;
}
.category.product.control-systems main ul li .item {
  position: relative;
  min-height: 250px;
  padding: 15px;
}
.category.product.control-systems main ul li .item .image {
  width: 250px;
  height: 250px;
  transform: rotate(-90deg);
  position: absolute;
  overflow: visible;
  right: 0;
  top: 0;
  margin: 0 !important;
}
.category.product.control-systems main ul li .item .image img {
  width: 200px;
  height: 200%;
  object-fit: scale-down;
  object-position: 50% 100%;
  margin-top: -100%;
}
.category.product.control-systems main ul li .item .description {
  justify-content: space-around;
  z-index: 2;
  max-width: 50%;
  padding: 15px;
}
.category.product.control-systems main ul li .item .description .button {
  margin: 0 auto 0 0;
}
.category.product.control-systems main ul li:nth-child(even) .item .description {
  order: initial;
}
@media all and (max-width: 1023px) {
  .category.product.control-systems main ul li .item .description {
    padding: 250px 0 0;
  }
  .category.product.control-systems main ul li .item .image {
    top: 0;
  }
}
@media all and (min-width: 1023px) {
  .category.product ul li .item {
    background: none !important;
  }
  .category.product ul li:nth-child(even) .item .description {
    order: 2;
  }
  .category.product ul li:nth-child(even) .item .image {
    margin: 20px 50px 20px 0;
  }
  .category.product ul li:nth-child(even) .item .image img {
    object-position: left;
  }
  .category.product ul li:nth-child(even) .background {
    left: 0px;
  }
  .category.product ul li:nth-child(even) .background img {
    transform: scaleX(1.5) scaleY(1.5);
  }
}
@media all and (max-width: 1023px) {
  .category.product header#hero {
    height: initial;
  }
  .category.product header#hero .media-wrapper {
    height: auto;
  }
  .category.product header#hero .media-wrapper .hero-bar h1 {
    margin-left: 20px;
  }
  .category.product main ul li .background {
    display: none;
  }
  .category.product main ul li .item {
    flex-direction: column;
    width: calc(100% - 60px);
    padding: 30px;
  }
  .category.product main ul li .item .image {
    order: 0;
    max-width: 100%;
    max-height: initial;
  }
  .category.product main ul li .item .image img {
    object-position: center;
  }
  .category.product main ul li .item .description {
    order: 1;
    z-index: 1;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .category.product header#hero .media-wrapper,
  .category.product header#hero .media-wrapper .hero_carousel .carousel .slide img {
    height: 55vh;
  }
  .category.product header#hero .media-wrapper .hero-bar .hero-bar__wrapper__title {
    font-size: 45px;
    line-height: 50px;
  }
  .category.product main ul li .background {
    display: none;
  }
  .category.product main ul li .item .image {
    margin: 0;
  }
  .category.product main ul li .item .image img {
    width: 100%;
  }
}
.category.videos .posts, .category.news .posts, .category.team .posts, .category.blog .posts {
  color: #333;
  display: flex;
  margin-top: 10px;
  justify-content: space-around;
  flex-wrap: wrap;
}
.category.videos .posts > .entry, .category.news .posts > .entry, .category.team .posts > .entry, .category.blog .posts > .entry {
  border-radius: 8px;
  display: flex;
  flex-flow: column nowrap;
  overflow-wrap: break-word;
  transition: 200ms all;
  border: 1px solid #333f48;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
  flex: 0 1 350px;
}
.category.videos .posts > .entry img, .category.news .posts > .entry img, .category.team .posts > .entry img, .category.blog .posts > .entry img {
  object-fit: cover;
  height: 20vw;
  width: 100%;
  border-radius: 8px 8px 0 0;
}
@media screen and (max-width: 767px) {
  .category.videos .posts > .entry img, .category.news .posts > .entry img, .category.team .posts > .entry img, .category.blog .posts > .entry img {
    height: 60vw;
  }
}
.category.videos .posts > .entry h2, .category.news .posts > .entry h2, .category.team .posts > .entry h2, .category.blog .posts > .entry h2 {
  color: #4f4f4f;
  font-size: 30px;
  line-height: 32px;
  margin: 10px 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.category.videos .posts > .entry .content, .category.news .posts > .entry .content, .category.team .posts > .entry .content, .category.blog .posts > .entry .content {
  color: #333;
  margin: 10px 10px 20px;
  /* clamps text to 3 lines max */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.category.videos .posts > .entry h3, .category.news .posts > .entry h3, .category.team .posts > .entry h3, .category.blog .posts > .entry h3 {
  font-size: 14px;
  color: #333f48;
  font-weight: 400;
  margin: 10px 10px 20px;
}
.category.videos .posts > .entry a, .category.news .posts > .entry a, .category.team .posts > .entry a, .category.blog .posts > .entry a {
  margin: auto auto 10px;
}
@media screen and (min-width: 767px) {
  .category.videos .posts.center, .category.news .posts.center, .category.team .posts.center, .category.blog .posts.center {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .category.videos .posts > .entry, .category.news .posts > .entry, .category.team .posts > .entry, .category.blog .posts > .entry {
    flex: 0 0 calc(100% - 20px);
  }
}

/* /////////////////////////////////
	FORMS
///////////////////////////////// */
.form-row,
.text-col1 .form-row,
.text-col2 .form-row,
.text-col3 .form-row,
.text-col1-2 .form-row,
.text-col1-3 .form-row {
  margin: 0;
}
.form-row li,
.text-col1 .form-row li,
.text-col2 .form-row li,
.text-col3 .form-row li,
.text-col1-2 .form-row li,
.text-col1-3 .form-row li {
  margin: 0;
  padding: 0;
  background: none;
  clear: both;
}
.form-row li.button,
.text-col1 .form-row li.button,
.text-col2 .form-row li.button,
.text-col3 .form-row li.button,
.text-col1-2 .form-row li.button,
.text-col1-3 .form-row li.button {
  padding-top: 20px;
}
.form-row h3,
.text-col1 .form-row h3,
.text-col2 .form-row h3,
.text-col3 .form-row h3,
.text-col1-2 .form-row h3,
.text-col1-3 .form-row h3 {
  margin-bottom: 20px;
}
.form-row h3.compact,
.text-col1 .form-row h3.compact,
.text-col2 .form-row h3.compact,
.text-col3 .form-row h3.compact,
.text-col1-2 .form-row h3.compact,
.text-col1-3 .form-row h3.compact {
  margin-top: 24px;
}
.form-row a.btn,
.form-row button,
.text-col1 .form-row a.btn,
.text-col1 .form-row button,
.text-col2 .form-row a.btn,
.text-col2 .form-row button,
.text-col3 .form-row a.btn,
.text-col3 .form-row button,
.text-col1-2 .form-row a.btn,
.text-col1-2 .form-row button,
.text-col1-3 .form-row a.btn,
.text-col1-3 .form-row button {
  display: block;
  float: left;
}

form label {
  display: block;
  font: normal 11px/14px "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 12px 0 4px 0;
}

input[type=text],
input[type=email],
input[type=password],
input[type=date],
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: normal 14px/18px "Montserrat", sans-serif;
  color: #333;
  background: #fff;
  border: solid 1px #dedede;
  padding: 6px 12px;
  width: 260px;
  max-width: 100%;
  height: 32px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=date]:hover,
textarea:hover {
  border: solid 1px #c5c5c5;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
  -khtml-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus,
textarea:focus {
  border: solid 1px #000;
}
.grey-col input[type=text],
.grey-col input[type=email],
.grey-col input[type=password],
.grey-col input[type=date],
.grey-col textarea {
  width: 320px;
}

textarea {
  height: 120px;
  resize: none;
  overflow: hidden;
}

select {
  display: block;
  height: 32px;
  width: 260px;
  outline: 0;
  border: 0;
  border: solid 1px #dedede;
  background: #fff;
  font: normal 14px/18px "Montserrat", sans-serif;
  color: #333;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
select option {
  padding: 2px 10px;
  background-color: #fff;
}

form span.error {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 0;
  background: #ff7f30;
  color: #fff;
  font: normal 11px/14px "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 5px 12px;
  clear: both;
  width: 260px;
  max-width: 100%;
}
.grey-col form span.error {
  width: 320px;
}

input[type=text].error,
input[type=password].error,
textarea.error {
  border-color: #ff7f30;
}

.block-alternated form br {
  display: none;
}
.block-alternated form label span {
  display: block;
}
.block-alternated form label span input, .block-alternated form label span select {
  width: 100%;
}
.block-alternated form .btn {
  background: #000;
}

.grey-bg {
  background: #f4f4f4;
  padding: 24px 40px 40px 40px;
}

table.distributor-contacts td {
  vertical-align: top;
  padding-right: 6px;
}

#hero.product .slide .center h2 {
  width: inherit;
}

#hero .slide.invert h1 {
  color: #333;
}

#hero.product .slide.invert .center h2 {
  color: #333;
}

.custom-img {
  position: relative;
  max-width: 481px;
}
.custom-img img.kite {
  display: block;
  width: 100%;
  z-index: 1000;
}
.custom-img #svgObject {
  border: 0;
  width: 100%;
}

a.btn.reverse,
button.reverse {
  color: #FFF;
  border-color: #8a8a8a;
}
a.btn.reverse:hover,
button.reverse:hover {
  color: #FFF;
}
a.btn.reverse:active,
button.reverse:active {
  background: #ff7f30;
  color: #fff;
  border-color: #ff7f30;
}
a.btn.reverse.cta,
button.reverse.cta {
  background: #FF6B00;
  border: none;
}
a.btn.reverse.cta:hover,
button.reverse.cta:hover {
  background: #ac1005;
}

#more-ozone {
  background: transparent url(/app/themes/OzoneTheme-child/assets/afe09b61e1a1c1d55d67.png) no-repeat right center;
  width: 225px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #more-ozone {
    background-image: url(/app/themes/OzoneTheme-child/assets/d8772c0423d30925b0c8.png);
    background-size: 142px 17px;
  }
}

a.insta-follow {
  display: block;
  height: 20px;
  font: bold 12px/20px "Montserrat", sans-serif;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 32px;
  background: transparent url(/app/themes/OzoneTheme-child/assets/9d1056ec1a99eb8c8445.png) no-repeat left center;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  a.insta-follow {
    background-image: url(/app/themes/OzoneTheme-child/assets/6ee94fae187d1ae4daf3.png);
    background-size: 20px 20px;
  }
}

.fb-share-button {
  float: left;
  margin-right: 0;
  width: 70px !important;
}

.twitter-share-button {
  margin-right: 10px;
  float: left;
}

/*.pin-button {
	float: left;
	margin-right: 0;
	width: 90px !important;
}*/
.category-body {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding: 20px;
}

body.safari.tablet .thumbs .h2,
body.safari.tablet .thumbs .h4 {
  text-overflow: initial;
}

.media.invert .fluid-width-video-wrapper {
  background: #000;
}

.search input {
  width: 250px;
  height: 28px;
  background: #fcfcfc;
  padding: 0;
}

.search input {
  text-indent: 12px;
}

.search .fa-search {
  position: absolute;
  top: 6px;
  left: 10px;
}

.mobile-search {
  display: none;
  margin: 0 auto;
  width: 100%;
}
.mobile-search .search {
  float: none;
}
.mobile-search input {
  width: 100%;
}

ul.catalogue > li > a > figure.range {
  text-align: center;
  margin-top: 0;
  margin-left: 10px;
  display: none;
}

li > a > figure.range ul li {
  width: 100%;
  border-right: none;
}

li > a > figure.range ul li > img.score {
  margin: 7px;
}

ul.catalogue li a {
  padding: 26px 0 10px;
  height: 100%;
}

ul.catalogue li a:hover figure.range {
  background: none;
}

ul.catalogue li a:hover figure.range ul > li > label {
  color: white;
}

div.compare {
  text-align: center;
  margin-top: 20px;
}

a.compare-kites {
  display: inline-block;
  float: none;
}

/* /////////////////////////////////
	Responsive Design
///////////////////////////////// */
.show-from-tablet {
  display: none;
}

.show-mobile {
  display: block;
}

/* /////////////////////////////////
	Small Desktop
///////////////////////////////// */
@media all and (min-width: 1023px) {
  .show-from-tablet {
    display: block !important;
  }
  /* /////////////////////////////////
    Layout
  ///////////////////////////////// */
  .text-col1,
  .text-col2 {
    width: 27%;
    margin-right: 3.5%;
  }
  .text-col1-2 {
    width: 55%;
    margin-right: 5%;
  }
  .text-col-container {
    width: 61%;
  }
  .text-col-container .text-col1,
  .text-col-container .text-col2 {
    width: 44.2%;
    margin-right: 5.7%;
  }
}
/* /////////////////////////////////
	Tablet
///////////////////////////////// */
@media all and (max-width: 1023px) {
  /* /////////////////////////////////
    Layout
  ///////////////////////////////// */
  article.white {
    padding-bottom: 38px;
  }
  article.grey {
    padding-bottom: 38px;
  }
  article.even-pad {
    padding: 20px 0 24px;
  }
  .text-col1 {
    width: auto;
    float: none;
    margin-right: 0;
    margin-bottom: -18px;
  }
  .grey-col-holder .text-col1 {
    padding-bottom: 10px;
  }
  .text-col1.stay-narrow,
  .text-col2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    margin-right: 0;
    padding-right: 40px;
  }
  .text-col1.align-top,
  .text-col2.align-top {
    padding-top: 0;
  }
  .text-col1.align-top-more,
  .text-col2.align-top-more {
    padding-top: 0;
  }
  .text-col1.clear-stack,
  .text-col2.clear-stack {
    clear: left;
  }
  .text-col1.clear-stack ul,
  .text-col2.clear-stack ul {
    margin-top: 8px;
  }
  .text-col1.stay-left,
  .text-col2.stay-left {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    margin-right: 0;
    padding-right: 40px;
    clear: left;
  }
  .text-col3 {
    width: 50%;
    flex: 0 0 100%;
  }
  .text-col3 img {
    max-width: 100%;
  }
  .text-col1-2 {
    width: auto;
    float: none;
    flex: 0 0 100%;
  }
  .text-col-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-right: 30px;
  }
  .text-col-container .text-col1 {
    width: auto;
  }
  .text-col-container .text-col2 {
    width: auto;
    padding-right: 0;
  }
  .text-col-container .span2 {
    width: auto;
    clear: both;
    padding-top: 1px;
  }
  .grey-col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54%;
    padding: 24px 40px 73px 40px;
    margin: 0 -40px 0 0;
  }
  /* /////////////////////////////////
    BASIC TEXT
  ///////////////////////////////// */
  h1.large {
    font-size: 80px;
    line-height: 70px;
  }
  h3, .h3 {
    margin-top: 36px;
  }
  /* /////////////////////////////////
    Hero + Header
  ///////////////////////////////// */
  #hero .slide .center {
    bottom: 100px;
  }
  #hero.default {
    height: 300px;
  }
  #hero.default .slide .center {
    bottom: 60px;
  }
  #hero .article-bar__wrapper {
    /*padding-left: 20px;*/
  }
  /* /////////////////////////////////
    Features
  ///////////////////////////////// */
  article.features .feature-box.first {
    margin-left: 0;
    padding-left: 0;
  }
  article.features .feature-box.last {
    margin-right: 0;
    padding-right: 0;
  }
  article.features .feature .product {
    top: -10px;
  }
  article.features .feature .h3 {
    top: 16px;
    left: 20px;
  }
  article.features .feature .text {
    padding: 0 20px 16px 20px;
  }
  article.features .feature .h2.large {
    font-size: 36px;
    line-height: 36px;
  }
  article.features .feature .h4 {
    margin-top: -16px;
    font-size: 11px;
  }
  .thumbs {
    margin: 8px 10px 20px 0;
  }
  .thumbs a {
    padding-left: 130px;
    padding-right: 10px;
  }
  .thumbs .vid {
    left: 50px;
  }
  .thumbs .h2 {
    white-space: normal;
    margin-top: 3px;
  }
  .thumbs .h4 {
    margin: 4px 0 0 0;
    font-size: 11px;
    line-height: 16px;
    white-space: normal;
  }
  /* /////////////////////////////////
    Catalogue
  ///////////////////////////////// */
  ul.catalogue {
    margin: 20px -20px 40px;
  }
  ul.catalogue li img {
    max-width: 90%;
  }
  ul.catalogue li .quote {
    top: 12%;
    padding: 16px 24px;
    font-size: 12px;
    line-height: 18px;
  }
  ul.catalogue li .h4 {
    font-size: 11px;
    line-height: 16px;
  }
  ul.catalogue li a {
    padding: 20px 0 20px;
  }
  /* /////////////////////////////////
    News Index
  ///////////////////////////////// */
  ul.catalogue.news li img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 24px;
  }
  ul.catalogue.news li .h2 {
    margin-bottom: 24px;
  }
  ul.catalogue.news li .summary {
    margin-top: 12px;
  }
  ul.catalogue.news li a {
    padding: 24px 30px;
  }
  /* /////////////////////////////////
    Product
  ///////////////////////////////// */
  .color-gallery {
    width: 330px;
    top: -50px;
  }
  .color-gallery .main img {
    max-width: 100%;
  }
  .color-gallery .color-thumbs a {
    margin-right: 12px;
  }
  .text-col3 .color-gallery {
    margin-top: 20px;
    margin-left: 20px;
  }
  .text-col3 .color-gallery img {
    max-width: 100%;
  }
  .gallery {
    height: 512px;
  }
  .gallery .iosslider {
    height: 512px;
  }
  .gallery .slide {
    width: 768px;
    height: 512px;
  }
  .gallery .slide img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
  }
  .gallery .slide .credit {
    font-size: 10px;
    bottom: 12px;
    line-height: 14px;
  }
  /* /////////////////////////////////
    Article
  ///////////////////////////////// */
  .article-head {
    padding: 100px 0 40px;
  }
  .article-meta {
    margin-top: 36px;
  }
  article.news-article .text-col1-2 {
    float: left;
    width: 56%;
    margin-right: 8%;
  }
  article.news-article .text-col3 {
    width: 36%;
  }
  article.news-article aside .thumbs {
    margin-left: -20px;
  }
  /* /////////////////////////////////
    Connect
  ///////////////////////////////// */
}
/* /////////////////////////////////
	Mobile
///////////////////////////////// */
@media all and (min-width: 767px) {
  .show-mobile {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .show-mobile {
    display: block;
  }
  /* /////////////////////////////////
    Layout
  ///////////////////////////////// */
  .mobile-only {
    display: block;
  }
  .mobile-hide {
    display: none;
  }
  body {
    min-width: 320px;
  }
  article.white {
    padding-bottom: 28px;
  }
  article.grey {
    padding-bottom: 28px;
  }
  article.grey.gradient {
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%); /* IE10+ */
    background: linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%); /* W3C */
  }
  article.even-pad {
    padding: 20px 0 24px;
  }
  .text-col1 {
    width: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 0;
  }
  .text-col1.stay-narrow,
  .text-col2 {
    width: auto;
    float: none;
    margin-right: 0;
    padding-right: 0;
  }
  .text-col1.stay-narrow {
    margin-bottom: -18px;
  }
  .text-col1.stay-left,
  .text-col2.stay-left {
    width: auto;
    float: none;
    margin-right: 0;
    padding-right: 0;
  }
  .text-col3 {
    width: auto;
    float: none;
  }
  .text-col-container {
    width: auto;
    float: none;
    padding-right: 0;
  }
  .text-col-container .text-col1,
  .text-col-container .text-col2 {
    padding-right: 0;
    margin-right: 0;
  }
  .text-col-container .span2 {
    padding-right: 0;
    margin-right: 0;
  }
  .grey-col {
    width: auto;
    float: none;
    padding: 14px 30px 30px 30px;
    margin: 0 -30px;
  }
  .mobile-reveal {
    display: none;
  }
  /* /////////////////////////////////
    BASIC TEXT
  ///////////////////////////////// */
  h1 {
    font-size: 38px;
    line-height: 38px;
    letter-spacing: -1px;
  }
  h1.large {
    font-size: 38px;
    line-height: 38px;
    letter-spacing: -1px;
  }
  h1.sub {
    font-size: 38px;
    line-height: 38px;
    letter-spacing: -1px;
  }
  h3, .h3 {
    margin-top: 30px;
  }
  /* /////////////////////////////////
    Hero + Header
  ///////////////////////////////// */
  header#hero.video-bumper {
    height: 40vh;
    margin-top: -1px; /* chrome fix */
  }
  header#hero.video-bumper .media-wrapper {
    position: initial;
    height: 40vh;
    z-index: 1;
  }
  header#hero.video-bumper .media-wrapper .hero-bar .hero-bar__wrapper__title {
    font-size: 28px;
    line-height: 35px;
    width: auto;
  }
  header#hero.video-bumper .slide .center {
    bottom: 90px;
    padding: 0 20px;
  }
  header#hero.video-bumper .slide .credit {
    left: 14px;
    right: 14px;
    text-align: center;
    bottom: 12px;
    font-size: 10px;
    line-height: 14px;
  }
  header#hero.video-bumper .pager {
    bottom: 28px;
  }
  header#hero.video-bumper.catalogue {
    height: 300px;
  }
  header#hero.video-bumper.catalogue .iosslider {
    height: 300px;
  }
  header#hero.video-bumper.catalogue .slide .center {
    bottom: 70px;
    padding: 0 20px;
  }
  header#hero.video-bumper.product {
    height: 400px;
  }
  header#hero.video-bumper.product .slide .center {
    width: auto;
    bottom: 42px;
    text-align: center;
    padding: 0 40px;
  }
  header#hero.video-bumper.product .credit {
    text-align: right;
    top: 60px;
  }
  header#hero.video-bumper.default {
    height: 200px;
  }
  header#hero.video-bumper.default .slide .center {
    bottom: 36px;
  }
  /* /////////////////////////////////
    Features
  ///////////////////////////////// */
  article.features .third {
    width: 100%;
    float: none;
  }
  .thumbs {
    margin-right: 0px;
  }
  .thumbs a {
    padding-right: 20px;
  }
  .thumbs .h4 {
    font-size: 12px;
    line-height: 16px;
  }
  /* /////////////////////////////////
    Catalogue
  ///////////////////////////////// */
  ul.catalogue {
    margin: 20px -10px;
  }
  ul.catalogue li {
    width: auto;
    float: none;
    border-right: 0;
    border-bottom: solid 1px #dedede;
  }
  ul.catalogue li:last-child {
    border-bottom: 0;
  }
  ul.catalogue li img {
    max-width: 100%;
    max-height: 300px;
  }
  ul.catalogue li .quote {
    top: 12%;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 20px;
  }
  ul.catalogue li .h4 {
    font-size: 12px;
    line-height: 16px;
    height: auto;
  }
  ul.catalogue li a {
    padding: 26px 0 30px;
  }
  /* /////////////////////////////////
    News Index
  ///////////////////////////////// */
  ul.catalogue.news {
    margin: 20px -10px;
  }
  ul.catalogue.news li {
    width: auto;
    float: none;
    border-right: 0;
    border-bottom: solid 1px #dedede;
  }
  ul.catalogue.news li:last-child {
    border-bottom: 0;
  }
  ul.catalogue.news li .h2, ul.catalogue.news li .h4, ul.catalogue.news li .summary {
    padding: 0 10px;
  }
  ul.catalogue.news li a {
    padding: 30px 0px;
  }
  /* /////////////////////////////////
    Team
  ///////////////////////////////// */
  ul.catalogue.news.four li {
    width: auto;
    float: none;
  }
  ul.catalogue.news.four li.fourth {
    border-right: 0;
  }
  ul.catalogue.news.four li img {
    max-width: 100%;
  }
  ul.catalogue.news.four li a {
    padding: 30px 0px;
  }
  /* /////////////////////////////////
    Product
  ///////////////////////////////// */
  .color-gallery {
    width: auto;
    position: relative;
    top: 0;
    right: 0;
    margin: -20px -30px 36px;
    padding: 0 30px 20px;
    background: #fff;
  }
  .color-gallery .main {
    margin: 0 -10px -20px;
    position: relative;
    z-index: 100;
    top: -20px;
  }
  .color-gallery .color-thumbs a {
    max-width: 28%;
  }
  .color-gallery .color-thumbs a img {
    max-width: 100%;
  }
  .text-col3 .color-gallery {
    margin: 30px -30px 0;
  }
  .text-col3 .color-gallery .main {
    margin: 0 auto;
    top: 0;
  }
  .buy-now {
    padding: 28px 0;
  }
  .buy-now .text-col1 {
    min-width: 1px !important;
    padding: 0 !important;
    width: auto;
  }
  .buy-now h2 {
    float: none;
    margin: 0 0 12px 0;
  }
  .buy-now .btn {
    clear: left;
    margin: 0;
  }
  .buy-now .social-share {
    display: none;
  }
  article.media header {
    padding: 12px 0;
  }
  article.media header ul {
    padding-left: 15px;
    margin: 0 0 0 15px;
  }
  article.media header ul li {
    float: left;
    margin: 0 10px 0 0;
  }
  article.media header ul a {
    font: bold 10px/24px "Montserrat", sans-serif;
  }
  .gallery {
    height: 213px;
  }
  .gallery .iosslider {
    height: 213px;
  }
  .gallery .slide {
    width: 320px;
    height: 213px;
  }
  .gallery .slide .text {
    text-align: center;
    padding: 30px 30px 22px 30px;
  }
  .gallery .slide .text .h4 {
    font-size: 11px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .gallery .gallery-prev,
  .gallery .gallery-next {
    width: 30px;
    height: 30px;
    top: -43px;
    margin-top: 0;
  }
  .gallery .gallery-prev {
    left: auto;
    right: 41px;
    background: #fff url(/app/themes/OzoneTheme-child/assets/06a362d4971f6fc0be3a.png) no-repeat center center;
    background-size: 7px 13px;
    -webkit-border-radius: 1px 0 0 1px;
    -moz-border-radius: 1px 0 0 1px;
    border-radius: 1px 0 0 1px;
  }
  /* /////////////////////////////////
    Article
  ///////////////////////////////// */
  /* makes all the images responsive */
}
@media (max-width: 767px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 767px) and (-o-min-device-pixel-ratio: 2.6/2), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 767px) and (min-device-pixel-ratio: 1.3), (max-width: 767px) and (min-resolution: 1.3dppx) {
  .gallery .gallery-prev {
    background-image: url(/app/themes/OzoneTheme-child/assets/0f44b85925aa04d30ffe.png);
    background-size: 7px 13px;
  }
}
@media all and (max-width: 767px) {
  .gallery .gallery-prev:hover {
    left: auto;
  }
  .gallery .gallery-next {
    right: 10px;
    background: #fff url(/app/themes/OzoneTheme-child/assets/de1268f10d2ab237ae2d.png) no-repeat center center;
    background-size: 7px 13px;
    -webkit-border-radius: 0 1px 1px 0;
    -moz-border-radius: 0 1px 1px 0;
    border-radius: 0 1px 1px 0;
  }
}
@media (max-width: 767px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 767px) and (-o-min-device-pixel-ratio: 2.6/2), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 767px) and (min-device-pixel-ratio: 1.3), (max-width: 767px) and (min-resolution: 1.3dppx) {
  .gallery .gallery-next {
    background-image: url(/app/themes/OzoneTheme-child/assets/8d12646ebc7d239ea82c.png);
    background-size: 7px 13px;
  }
}
@media all and (max-width: 767px) {
  .gallery .gallery-next:hover {
    right: 10px;
  }
  .custom-img {
    margin: 30px -10px 10px -10px;
  }
  .custom-img img {
    max-width: 100%;
  }
  ul.features-expand {
    margin: 24px 0 10px 0;
    border-top: solid 1px #dedede;
  }
  ul.features-expand > li {
    width: auto;
    height: auto;
    float: none;
    padding-right: 0;
  }
  ul.features-expand > li > a {
    height: auto;
    padding-top: 13px;
    padding-bottom: 13px;
    white-space: normal;
    text-overflow: visible;
    line-height: 18px;
  }
  ul.features-expand > li:nth-child(1) > a, ul.features-expand > li:nth-child(2) > a {
    border-top: 0;
  }
  ul.features-expand .feature-more {
    left: -20px;
    right: -20px;
  }
  ul.features-expand .feature-more a.x {
    right: 20px;
  }
  ul.features-expand .feature-more .feature-name {
    padding: 14px 52px 13px 42px;
    background-position: 20px -225px !important;
  }
  ul.features-expand .feature-more p {
    padding: 26px 32px 26px 42px;
  }
  .article-head {
    padding: 50px 0 30px;
  }
  .article-head h1 {
    font-size: 38px;
    line-height: 36px;
    margin-top: 36px;
  }
  .article-meta span, .article-meta a {
    margin: 0;
  }
  article.news-article .text-col1-2 {
    float: none;
    width: auto;
    margin-right: 0;
  }
  article.news-article .text-col3 {
    width: auto;
  }
  article.news-article aside {
    margin-bottom: 30px;
  }
  article.news-article aside .thumbs {
    margin-left: -20px;
    margin-right: -20px;
  }
  img {
    width: 100%;
    object-fit: scale-down;
  }
}
@media all and (max-width: 1280px) {
  .search {
    margin-top: 10px;
    float: left;
    clear: both;
  }
}
@media all and (max-width: 1023px) {
  /*#customize {
      .text-col2 {
          width: 40%;
      }
      aside {
          width: 60%;
          img {
              max-width: none;
          }
      }
  }*/
  #more-ozone {
    background: transparent url(/app/themes/OzoneTheme-child/assets/afe09b61e1a1c1d55d67.png) no-repeat right center;
    width: 215px;
  }
}
@media (max-width: 1023px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 1023px) and (-o-min-device-pixel-ratio: 2.6/2), (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 1023px) and (min-device-pixel-ratio: 1.3), (max-width: 1023px) and (min-resolution: 1.3dppx) {
  #more-ozone {
    background-image: url(/app/themes/OzoneTheme-child/assets/d8772c0423d30925b0c8.png);
    background-size: 142px 17px;
  }
}
@media all and (max-width: 1023px) {
  ul.catalogue > li > a > figure.range {
    margin-left: -5px;
  }
}
/* /////////////////////////////////
    Mobile
///////////////////////////////// */
@media all and (max-width: 767px) {
  .feature img.product {
    left: 0 !important;
  }
  .mobile-search {
    display: block;
  }
  ul.catalogue > li > a > figure.range {
    margin-left: 0;
    margin-top: 10px;
  }
  ul.catalogue > li > a > figure.range li {
    border: none;
  }
  li > a > figure.range label {
    margin-top: -7px;
  }
}
.post.single aside figure.full-width {
  aspect-ratio: 16/9;
  width: 100%;
  left: initial;
  margin: auto;
}

.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio,
iframe.full-width {
  left: initial;
  margin: auto;
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 1120px;
  display: block;
}

figure.full-width {
  margin: 0;
  aspect-ratio: 16/9;
  width: 100%;
  left: calc((100% - 100vw) / 2);
  position: relative;
  background: #fff;
}
figure.full-width .wp-block-embed__wrapper {
  height: 100%;
}
figure.full-width iframe {
  width: 100%;
  height: 100%;
}

.wp-block-embed.is-type-video {
  margin: 0;
}
.wp-block-embed.is-type-video iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  margin: 0;
}

.youtube-video {
  aspect-ratio: 16/9;
  width: 100%;
}

figure.cover {
  margin: 0;
  width: 100%;
  height: 56vw;
}
figure.cover .wp-block-embed__wrapper {
  height: 100%;
}
figure.cover .wp-block-embed__wrapper iframe {
  height: 100%;
  width: 100%;
}

.smart-pants {
  width: 100%;
  margin: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  position: relative;
  min-height: 400px;
  justify-content: space-between;
}
.smart-pants h3 {
  font-size: 24px;
}
.smart-pants.direction-right {
  flex-direction: row-reverse;
}
.smart-pants.fifty {
  /*   max-height: 50vh; */
}
.smart-pants.padded {
  padding: 20px;
  width: 100%;
  left: initial !important;
  margin: 20px auto 20px;
}
.smart-pants.vertical {
  flex-direction: column;
  align-items: center;
  max-height: initial;
}
.smart-pants.vertical .copy {
  order: 1;
  width: 100%;
}
.smart-pants.vertical .copy .wrapper {
  margin: 20px auto 60px;
}
.smart-pants.vertical .image {
  order: 0;
  width: auto;
  padding: 60px 60px 0 60px;
}
.smart-pants.vertical .image img {
  max-height: 60vh;
}
.smart-pants.vertical.swap-order .image {
  order: 1;
  padding: 0 60px 60px 60px;
}
.smart-pants.vertical.swap-order .copy {
  order: 0;
}
.smart-pants.vertical.swap-order .copy .wrapper {
  margin: 60px auto 20px;
}
.smart-pants.full-width .image {
  width: 100%;
}
.smart-pants.image-rounded .image {
  padding: 60px;
  width: 90%;
}
.smart-pants.image-rounded .image img, .smart-pants.image-rounded .image video {
  border-radius: 20px;
  box-shadow: 4px 7px 16px 2px rgba(0, 0, 0, 0.0901960784);
}
@media screen and (max-width: 767px) {
  .smart-pants.image-rounded .image img, .smart-pants.image-rounded .image video {
    min-height: 50vh;
  }
}
.smart-pants iframe.video {
  width: 98%;
  aspect-ratio: 16/9;
  border: 0;
  max-width: 1120px;
}
.smart-pants.image-rounded iframe.video {
  border-radius: 20px;
  overflow: hidden;
  margin: 35px;
  box-shadow: 4px 7px 16px 2px rgba(0, 0, 0, 0.3137254902);
}
.smart-pants.rounded {
  border-radius: 20px;
  box-shadow: 4px 7px 16px 2px rgba(0, 0, 0, 0.0901960784);
}
.smart-pants .copy {
  z-index: 10;
  width: 46%;
  color: #333;
  display: flex;
  background-color: inherit;
  margin: 0;
  flex: 0 0 auto;
}
.smart-pants .copy h2, .smart-pants .copy h3, .smart-pants .copy h4, .smart-pants .copy h5, .smart-pants .copy h6 {
  margin: 0;
}
.smart-pants .copy h2 {
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 20px;
}
.smart-pants .copy.no-gaps .wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.smart-pants .copy .wrapper {
  background-color: inherit;
  width: 85%;
  margin: 40px auto;
  align-self: center;
  font-size: 16px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0px;
}
.smart-pants .copy .wrapper iframe {
  width: 100%;
  height: 40vh;
}
.smart-pants .copy .wrapper a {
  position: relative;
  color: #fff;
  border-radius: 16px;
  border: 1px solid #333f48;
  background-color: #333f48;
  text-align: center;
  cursor: pointer;
  z-index: 0;
  display: inline-block;
  height: auto;
  font: bold 20px/26px "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
  letter-spacing: 3px;
  /*  margin: 0 10px 8px;*/
  padding: 3px 20px;
}
.smart-pants .copy .wrapper a:hover {
  color: #fff;
}
.smart-pants .copy .wrapper a:hover:after {
  width: 100%;
}
.smart-pants .copy .wrapper a:after {
  transition: all 200ms;
  content: " ";
  width: 0%;
  display: block;
  background: #5b6770;
  border-radius: 16px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
}
.smart-pants .image {
  text-align: center;
  width: 50%;
  position: relative;
}
.smart-pants .image img, .smart-pants .image video {
  width: 100% !important;
  height: 100%;
}
.smart-pants .image img.cover, .smart-pants .image video.cover {
  object-fit: cover;
}
.smart-pants .image img.contain, .smart-pants .image video.contain {
  object-fit: contain;
}
.smart-pants.overlay-mode .image {
  padding: 0;
  margin: 40px;
  height: 70vw;
  position: relative;
}
.smart-pants.overlay-mode .image.images-3 {
  height: 50vw;
}
.smart-pants.overlay-mode .image.images-3 > .copy {
  margin-top: calc(-50vw - 5px);
}
.smart-pants.overlay-mode .image video {
  border-radius: 20px;
}
.smart-pants.overlay-mode .image > .copy {
  position: relative;
  margin-top: calc(-70vw - 5px);
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5215686275), transparent);
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.smart-pants.overlay-mode .image > .copy .wrapper {
  background: none;
  align-self: flex-start;
}
@media screen and (max-width: 767px) {
  .smart-pants.overlay-mode .image {
    padding: 0;
    max-height: 80vh;
    margin: 10px auto;
    height: 80vh;
  }
  .smart-pants.overlay-mode .image.images-3 {
    height: 80vh;
  }
  .smart-pants.overlay-mode .image.images-3 > .copy {
    margin-top: calc(-80vh - 5px);
  }
  .smart-pants.overlay-mode .image > .copy {
    margin-top: calc(-80vh - 5px);
  }
}
.smart-pants.images-2.full-width.image-rounded {
  flex-direction: column;
}
.smart-pants.images-2.full-width.image-rounded .image-1 {
  order: 1;
  padding: 0;
  width: 100%;
}
.smart-pants.images-2.full-width.image-rounded .image-1 img, .smart-pants.images-2.full-width.image-rounded .image-1 video {
  max-height: 70vh;
  border-radius: 0;
}
.smart-pants.images-2.full-width.image-rounded .image-2 {
  order: 2;
  padding: 0;
  margin-top: -15vw;
  width: 100%;
}
.smart-pants.images-2.full-width.image-rounded .image-2 img, .smart-pants.images-2.full-width.image-rounded .image-2 video {
  max-height: 70vh;
  width: calc(100% - 16vw);
}
.smart-pants.images-2.full-width.image-rounded .copy {
  order: 3;
  text-align: center;
  width: 100%;
}
.smart-pants.images-2.vertical.image-rounded {
  padding-bottom: 20px;
  flex-wrap: wrap;
  flex-direction: row;
}
.smart-pants.images-2.vertical.image-rounded .copy .wrapper {
  flex-direction: column;
  display: flex;
}
.smart-pants.images-2.vertical.image-rounded .image-1 {
  width: calc(100% - 10vw);
  /*max-height: 75vh; removed by matias due why-ozone too tall */
  order: 0;
  padding: 60px 0 10px;
  margin: auto;
}
.smart-pants.images-2.vertical.image-rounded .image-1 video {
  max-height: 60vh;
}
@media screen and (max-width: 767px) {
  .smart-pants.images-2.vertical.image-rounded .image-1 {
    padding-top: 20px;
    height: 50vh;
  }
}
@media screen and (max-width: 767px) {
  .smart-pants.images-2.vertical.image-rounded {
    flex-direction: column;
  }
}
.smart-pants.images-2.vertical.image-rounded .image-2 {
  width: 32%;
  padding: 0;
  right: 8%;
  margin-top: -160px;
  order: 2;
}
.smart-pants.images-2.vertical.image-rounded .image-2 img, .smart-pants.images-2.vertical.image-rounded .image-2 video {
  min-height: 30vw;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .smart-pants.images-2.vertical.image-rounded .image-2 {
    margin: auto;
    right: initial;
    height: auto;
    width: calc(100% - 10vw);
    order: 1;
  }
}
.smart-pants.images-2.vertical.image-rounded .copy {
  order: 1;
  width: 60%;
  background: transparent;
  margin-left: 30px;
}
.smart-pants.images-2.vertical.image-rounded .copy p {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .smart-pants.images-2.vertical.image-rounded .copy {
    order: 2;
    width: 100%;
    margin: auto;
  }
}
.smart-pants.overlay .image {
  width: 100%;
  position: absolute;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .smart-pants.overlay .image {
    position: relative;
  }
}
.smart-pants.overlay .image img {
  object-position: 50% 50%;
}
.smart-pants.overlay.full-width .copy {
  width: 100%;
  text-align: center;
}

.smart-pants .image video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .center .smart-pants,
  .smart-pants, .smart-pants.direction-right,
  .smart-pants.direction-left {
    max-height: initial;
    min-height: initial;
    flex-direction: column;
  }
  .center .smart-pants h1,
  .smart-pants h1, .smart-pants.direction-right h1,
  .smart-pants.direction-left h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .center .smart-pants h3,
  .smart-pants h3, .smart-pants.direction-right h3,
  .smart-pants.direction-left h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
  }
  .center .smart-pants.vertical .copy .wrapper,
  .smart-pants.vertical .copy .wrapper, .smart-pants.direction-right.vertical .copy .wrapper,
  .smart-pants.direction-left.vertical .copy .wrapper {
    margin: 0px auto 25px;
    width: 90%;
  }
  .center .smart-pants.image-rounded .image,
  .smart-pants.image-rounded .image, .smart-pants.direction-right.image-rounded .image,
  .smart-pants.direction-left.image-rounded .image {
    padding: 10px;
    width: calc(100% - 20px);
  }
  .center .smart-pants.full-width .image, .center .smart-pants.full-width .copy,
  .smart-pants.full-width .image,
  .smart-pants.full-width .copy, .smart-pants.direction-right.full-width .image, .smart-pants.direction-right.full-width .copy,
  .smart-pants.direction-left.full-width .image,
  .smart-pants.direction-left.full-width .copy {
    order: initial;
  }
  .center .smart-pants.full-width .image p, .center .smart-pants.full-width .copy p,
  .smart-pants.full-width .image p,
  .smart-pants.full-width .copy p, .smart-pants.direction-right.full-width .image p, .smart-pants.direction-right.full-width .copy p,
  .smart-pants.direction-left.full-width .image p,
  .smart-pants.direction-left.full-width .copy p {
    margin: 5px 0;
  }
  .center .smart-pants.full-width.image-rounded .image,
  .smart-pants.full-width.image-rounded .image, .smart-pants.direction-right.full-width.image-rounded .image,
  .smart-pants.direction-left.full-width.image-rounded .image {
    padding: 10px 0;
  }
  .center .smart-pants .image,
  .smart-pants .image, .smart-pants.direction-right .image,
  .smart-pants.direction-left .image {
    width: 100%;
    order: 0;
  }
  .center .smart-pants .copy,
  .smart-pants .copy, .smart-pants.direction-right .copy,
  .smart-pants.direction-left .copy {
    width: 100%;
    padding-top: 10px;
    order: 1;
  }
  .center .smart-pants .copy .wrapper,
  .smart-pants .copy .wrapper, .smart-pants.direction-right .copy .wrapper,
  .smart-pants.direction-left .copy .wrapper {
    margin: 10px auto;
    width: 80%;
    font-size: 14px;
  }
  .center .smart-pants .copy .wrapper ul,
  .smart-pants .copy .wrapper ul, .smart-pants.direction-right .copy .wrapper ul,
  .smart-pants.direction-left .copy .wrapper ul {
    margin-left: 30px;
    list-style: initial;
  }
}
@media screen and (min-width: 767px) {
  .smart-pants .copy ul {
    margin-left: 30px;
  }
}
.testimonials {
  padding: 10px 20px;
  max-width: 1020px;
  margin: 0 auto 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .testimonials {
    flex-direction: column;
  }
}
.testimonials .testimonial {
  position: relative;
  aspect-ratio: 9/16;
  overflow: hidden;
  border-radius: 13px;
  box-shadow: -1px 7px 11px #686868;
  width: calc(100vw - 70px);
  flex: 0 0 30%;
  margin: 15px;
}
.testimonials .testimonial.paused .text {
  left: calc(-95% - 20px);
}
@media screen and (min-width: 767px) {
  .testimonials .testimonial {
    width: 30%;
    margin: auto;
  }
}
.testimonials .testimonial video {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.testimonials .testimonial .text {
  transition: all 300ms;
  margin: 10px;
  left: -20px;
  position: absolute;
  top: 0px;
  padding: 10px 20px;
  width: calc(100% - 40px);
  background: rgba(0, 0, 0, 0.61);
  border-radius: 10px;
  z-index: 2;
}
.testimonials .testimonial .text h3 {
  margin-bottom: 5px;
  color: #fff;
}
.testimonials .testimonial .text a.btn {
  font-size: 14px;
  padding: 1px 5px;
  letter-spacing: 2px;
  margin-top: 10px;
}
.testimonials .testimonial .text .caption {
  color: #c8c8c8;
}
.latest-item {
  position: relative;
}
.latest-item .block-header {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0, black 20%, rgba(0, 0, 0, 0.6392156863) 70%, transparent 100%);
  padding: 0 50px 10px;
  justify-content: center;
  width: calc(100% - 100px);
  min-height: 25vh;
}
@media all and (max-width: 1023px) {
  .latest-item .block-header {
    /*  margin: 45px 0 0;
      padding: 0 15px;
      height: 115px;
      left: 0;
      width: calc(33% - 10px);
      max-height: 135px;*/
  }
}
.latest-item .block-header .static {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  border-right: 2px solid #e2e2e2;
  margin-right: 40px;
  padding-right: 40px;
}
@media all and (max-width: 767px) {
  .latest-item .block-header .static {
    margin-right: 10px;
    padding-right: 10px;
  }
}
.latest-item .block-header .static .title {
  margin: 0;
  color: #ccc;
  font-weight: bold;
  text-align: right;
}
@media all and (max-width: 767px) {
  .latest-item .block-header .static .title {
    font-size: 19px;
  }
}
.latest-item .block-header .static .slick-dots {
  text-align: right;
  position: relative;
  flex-direction: row;
  display: flex;
  justify-content: end;
  margin: 0;
}
.latest-item .block-header .static .slick-dots li {
  margin-bottom: 0;
}
.latest-item .block-header .static .slick-dots li.slick-active button {
  border: 2px solid #ff7f30;
  background: #ff7f30;
}
.latest-item .block-header .static .slick-dots li button {
  border: 2px solid #ff7f30;
  background: transparent;
  padding: 0px;
  margin: 0px 8px;
  width: 15px;
  height: 15px;
  text-indent: -1000px;
  border-radius: 8px;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  .latest-item .block-header .static .slick-dots li button {
    margin: 0px 5px;
  }
}
.latest-item .block-header .excerpt {
  display: flex;
  flex: 0 0 70%;
}
.latest-item .block-header .excerpt #news-carousel-excerpt {
  display: flex;
}
.latest-item .block-header .excerpt .wrapper {
  color: #e2e2e2;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
@media all and (min-width: 767px) and (max-width: 1023px) {
  .latest-item .block-header .excerpt .wrapper p {
    display: none;
  }
}
.latest-item .block-header .excerpt .wrapper h3 {
  color: #333f48;
  margin: 0 0 10px;
}
@media all and (max-width: 767px) {
  .latest-item .block-header .excerpt .wrapper h3 {
    font-size: 20px;
    margin-top: 5px;
  }
}
.latest-item .block-header .excerpt .wrapper p {
  margin-top: 0;
}
@media all and (max-width: 767px) {
  .latest-item .block-header .excerpt .wrapper p {
    display: none;
  }
}
.latest-item .block-header .excerpt .wrapper .btn {
  color: #ff7f30;
  border: 1px solid #ff7f30;
  margin: 0;
  align-self: flex-start;
}
.latest-item .block-header .excerpt .wrapper .btn:hover {
  color: #fff;
}
@media all and (max-width: 767px) {
  .latest-item .block-header .excerpt .wrapper .btn {
    padding: 0 7px;
  }
}
.latest-item .news-carousel .item {
  position: relative;
}
.latest-item .news-carousel .item img {
  object-fit: cover;
  width: 100%;
  height: 65vh;
  min-height: 350px;
}

.category.contact h2 {
  text-transform: capitalize;
  color: #ff7f30;
}
.category.contact .contact-title {
  text-align: center;
  color: #333;
  margin-top: 40px;
}
.category.contact .form {
  overflow: hidden;
  padding: 0 20px;
  width: auto;
}
.category.contact .form .search-aid-text {
  text-align: center;
}
.category.contact .form.headquarters {
  display: flex;
  width: auto;
}
.category.contact .form.headquarters #content {
  display: flex;
}
@media screen and (max-width: 767px) {
  .category.contact .form.headquarters #content {
    display: block;
  }
}
.category.contact .contact-form.center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  max-width: 750px;
}
.category.contact .contact-form.center aside {
  width: calc(50% - 20px);
}
@media all and (max-width: 767px) {
  .category.contact .contact-form.center aside {
    width: 100%;
  }
}
.category.contact .contact-form.center aside input, .category.contact .contact-form.center aside select {
  width: 100%;
}
.category.contact .contact-form.center section.actions {
  display: block;
  text-align: left;
  width: 100%;
}
.category.contact section.extra {
  max-width: 1023px;
  margin: 0 auto;
  padding: 0 20px;
}
.category.contact section#search {
  margin: auto;
  display: flex;
}
.category.contact section#search > main.center {
  width: 100%;
  max-width: 1120px;
}
.category.contact section#search hr {
  margin: 0 auto 30px;
  border: 1px solid #e5e5e5;
}
.category.contact section#search .filter-group {
  padding: 0 0 20px 0;
}
.category.contact section#search .filter-group.country-selection {
  display: flex;
  justify-content: center;
}
.category.contact section#search .filter-group.country-selection select {
  border-radius: 4px;
  padding: 5px 15px;
  height: auto;
  width: auto;
  font-size: 22px;
  color: #fff;
  background: #333f48;
}
.category.contact section#search .filter-group .continent {
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px;
  color: #333f48;
}
.category.contact section#search .selectRegion {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.category.contact ul.contacts > li {
  border-bottom: 1px solid #a9a9a9;
  display: flex;
  flex-direction: row;
  padding: 0 20px;
}
.category.contact ul.contacts > li.isDistributor {
  border: 3px solid #ff7f30;
}
.category.contact ul.contacts > li p {
  margin-bottom: 0;
}
.category.contact ul.contacts > li .principal {
  display: flex;
  flex-direction: column;
  flex: 0 1 50%;
}
.category.contact ul.contacts > li .principal .distributor {
  font-style: italic;
  font-weight: bold;
}
.category.contact ul.contacts > li .principal h3 {
  margin-bottom: 0;
  color: #ff7f30;
  text-transform: capitalize;
}
.category.contact ul.contacts > li .principal .sportTitle {
  font-size: 14px;
  letter-spacing: 0px;
  margin: 0 10px 0 0;
  color: #333;
  font-weight: bold;
}
.category.contact ul.contacts > li .principal .sport {
  color: #ff7f30;
  margin: 0 10px 0 0;
  text-align: center;
}
.category.contact ul.contacts > li .info {
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex: 0 1 50%;
}
.category.contact ul.contacts > li .info ul li {
  display: flex;
}
.category.contact ul.contacts > li .info ul li .info-item__label {
  font-weight: bold;
  margin-right: 10px;
}
.category.contact ul.contacts > li .info ul li a.btn {
  margin: 0;
  place-self: end;
  width: 190px;
}
@media all and (max-width: 767px) {
  .category.contact ul.contacts > li {
    flex-direction: column;
  }
  .category.contact ul.contacts > li .info ul li a.btn {
    margin: auto;
  }
}

.post.contact #content.center {
  max-width: 1120px;
  padding: 0 20px;
}
.post.contact #content .article-meta {
  display: none;
}
.post.contact #content .article-meta a {
  text-decoration: none;
  font-weight: bold;
  color: #ff7f30;
}
.post.contact #content .article-meta a:hover {
  text-decoration: underline;
}
.post.contact #content .contact-item {
  color: #333;
}
.post.contact #content .contact-item a {
  color: #333;
}
.post.contact #content label {
  color: #333;
}

.carousel-landing .item {
  overflow: hidden;
  height: 530px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .carousel-landing .item {
    height: auto;
  }
}
.carousel-landing .item:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .carousel-landing .item:after {
    display: none;
  }
}
.carousel-landing .item.top .content {
  top: 0;
  bottom: initial;
}
.carousel-landing .item.bottom .content {
  bottom: 0;
  top: initial;
}
.carousel-landing .item.left .content {
  right: initial;
  left: 0;
}
.carousel-landing .item.left:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4196078431) 37%, transparent 54%);
}
.carousel-landing .item.right .content {
  right: 0;
  left: initial;
}
.carousel-landing .item.right:after {
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0.4196078431) 37%, transparent 54%);
}
.carousel-landing .item .background {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .carousel-landing .item .background {
    position: relative;
    height: 33vh;
  }
}
.carousel-landing .item .content {
  position: absolute;
  width: 30%;
  bottom: 0;
  right: 0;
  z-index: 5;
  overflow: hidden;
  padding: 60px;
}
@media screen and (max-width: 767px) {
  .carousel-landing .item .content {
    width: calc(100% - 100px);
    padding: 0 50px;
    position: relative;
    background: #333f48;
  }
}
.carousel-landing .item .content .logo {
  max-width: 50%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .carousel-landing .item .content .logo {
    max-height: 130px;
    object-position: center;
    margin-top: 20px;
  }
}
.carousel-landing .item .content .copy {
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.carousel-landing .item .content .copy .hero-bar-subtitle.subtitle__light {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .carousel-landing .item .content .copy h2 {
    margin: 0 auto;
  }
}
.carousel-landing.slick-slider .slick-arrow.slick-prev, .carousel-landing.slick-slider .slick-arrow.slick-next {
  background-color: transparent;
  border: none;
  filter: invert(1);
}
.carousel-landing.slick-slider .slick-arrow.slick-prev:after, .carousel-landing.slick-slider .slick-arrow.slick-next:after {
  background: none !important;
}

.page.boxed .center {
  max-width: 1120px;
  padding: 0 20px;
}
.page.boxed .center h1 {
  text-align: center;
  color: #333;
  margin: 20px auto 40px;
}

.page.big-font .center .smart-pants .copy .wrapper {
  font-weight: 400;
  font-size: 18px;
}
.page.big-font .center .smart-pants .copy .wrapper li {
  margin-bottom: 15px;
}

.printables h1 {
  color: #000;
  text-align: center;
  margin: 20px auto;
}
.printables > p {
  max-width: 1023px;
  text-align: center;
  margin: auto;
  margin-bottom: 10px;
}
.printables .viewer {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .printables .viewer {
    flex-direction: column;
  }
}
.printables .viewer .list {
  width: 25%;
}
@media (max-width: 767px) {
  .printables .viewer .list {
    width: 100%;
  }
}
.printables .viewer .list .printable-items {
  margin: 0;
}
.printables .viewer .list .printable-items li {
  margin-bottom: 0;
}
.printables .viewer .list .printable-items li a {
  cursor: pointer;
  padding: 10px 10px;
  color: #333;
  margin: 0;
  border-bottom: 1px solid #ccc;
  display: block;
  line-height: 20px;
}
.printables .viewer .list .printable-items li a:hover {
  background: #333f48;
  color: #fff;
}
.printables .viewer .list .printable-items li.active a {
  background: #000;
  color: #fff;
}
.printables .viewer .wrapper {
  position: relative;
}
.printables .viewer .wrapper #build_orientation_display, .printables .viewer .wrapper #finished_product_display {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.printables .viewer .wrapper #build_orientation_display img, .printables .viewer .wrapper #finished_product_display img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.printables .viewer .wrapper #build_orientation_display .close, .printables .viewer .wrapper #finished_product_display .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px;
  background: #000;
  color: #fff;
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  text-transform: uppercase;
}
.printables .viewer .meta {
  width: 25%;
  list-style-type: none;
  margin: 0;
  border-left: 1px solid #ccc;
}
@media (max-width: 767px) {
  .printables .viewer .meta {
    width: 100%;
  }
}
.printables .viewer .meta li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}
.printables .viewer .meta #title {
  font-family: "bebas-neue-pro", "Helvetica", "Arial";
  font-size: 25px;
  border-bottom: none;
}