/**
 * Theme Name: Hercules One Guillemot
 * Author: <a href="http://oneltd.co.uk/">One</a>
 * Author URI: http://oneltd.co.uk/
 * Version: 1.0
 * Description: Guillemot - Hercules Marketing Site
 * Template: oneltd-base
 */
 
 @charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

html {
  transition: all 0.4s ease;
}
html.wf-loading {
  opacity: 0;
}
html.wf-active, html.wf-inactive {
  opacity: 1;
}

@font-face {
  font-family: "Avenir Next";
  src: url("../woff2/avenirnext-italic.woff2") format("woff2"), url("../woff/avenirnext-italic.woff") format("woff"), url("../svg/avenirnext-italic.svg#AvenirNext-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../woff2/avenirnext-demibold.woff2") format("woff2"), url("../woff/avenirnext-demibold.woff") format("woff"), url("../svg/avenirnext-demibold.svg#AvenirNext-DemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../woff2/avenirnext-medium.woff2") format("woff2"), url("../woff/avenirnext-medium.woff") format("woff"), url("../svg/avenirnext-medium.svg#AvenirNext-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../woff2/avenirnext-bold.woff2") format("woff2"), url("../woff/avenirnext-bold.woff") format("woff"), url("../svg/avenirnext-bold.svg#AvenirNext-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../woff2/avenirnext-regular.woff2") format("woff2"), url("../woff/avenirnext-regular.woff") format("woff"), url("../svg/avenirnext-regular.svg#AvenirNext-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next";
  src: url("../woff2/avenirnext-ultralight.woff2") format("woff2"), url("../woff/avenirnext-ultralight.woff") format("woff"), url("../svg/avenirnext-ultralight.svg#AvenirNext-UltraLight") format("svg");
  font-weight: 100;
  font-style: normal;
}
.billboard-h1, .billboard h1 {
  font-size: 73px;
  letter-spacing: 0;
  line-height: 73px;
}
@media all and (max-width: 768px) {
  .billboard-h1, .billboard h1 {
    font-size: 53px;
    line-height: 53px;
  }
}

.billboard-subtitle, .billboard h2 {
  padding: 2px 5px;
  color: #FFF;
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media all and (max-width: 768px) {
  .billboard-subtitle, .billboard h2 {
    padding: 5px;
    font-size: 16px;
    margin-top: 25vh;
  }
}

.h1, .text h1 {
  font-size: 92px;
  letter-spacing: -0.25rem;
  line-height: 90px;
}
@media all and (max-width: 768px) {
  .h1, .text h1 {
    font-size: 38px;
    letter-spacing: -0.15rem;
    line-height: 2.7rem;
  }
}

.h2, .text h2, .latest-news h2,
.social-mix h2, section.two-spot .spot .overlay h2.title-overlay--sub, section.two-spot .spot.text-full h2.title-main, .dj-academy--tile h2, .blog-content h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 3.2rem;
  letter-spacing: -0.03rem;
}
@media all and (max-width: 768px) {
  .h2, .text h2, .latest-news h2,
  .social-mix h2, section.two-spot .spot .overlay h2.title-overlay--sub, section.two-spot .spot.text-full h2.title-main, .dj-academy--tile h2, .blog-content h1 {
    font-size: 36px;
    line-height: normal;
  }
}

.h3, .text h3, .error404 .page404 .container p:first-of-type, .dj-academy--tile h3, .product-listing-splash .block h2.title {
  font-size: 33px;
  font-weight: 600;
  line-height: 2.6rem;
  letter-spacing: -0.05rem;
}
@media all and (max-width: 768px) {
  .h3, .text h3, .error404 .page404 .container p:first-of-type, .dj-academy--tile h3, .product-listing-splash .block h2.title {
    font-size: 20px;
    line-height: normal;
  }
}

.h4, .text h4 {
  font-size: 24px;
  font-weight: normal;
  letter-spacing: -0.05rem;
}
@media all and (max-width: 768px) {
  .h4, .text h4 {
    font-size: 18px;
  }
}

.h5, .text h5 {
  font-size: 22px;
  font-weight: 600;
}
@media all and (max-width: 768px) {
  .h5, .text h5 {
    font-size: 16px;
  }
}

.h6, .text h6 {
  color: #4a4949;
  font-size: 16px;
  font-weight: 500;
}
@media all and (max-width: 768px) {
  .h6, .text h6 {
    font-size: 16px;
  }
}

.p, .product-tile p, .product-tile h2, .blog-content p, .blog-content ul, .blog-content ol {
  font-size: 18px;
}
@media all and (max-width: 768px) {
  .p, .product-tile p, .product-tile h2, .blog-content p, .blog-content ul, .blog-content ol {
    font-size: 16px;
  }
}

.lists, .blog-content p ol, .blog-content p ul, .blog-content ul, .blog-content ol {
  list-style-position: outside;
  margin-left: 40px;
  margin-bottom: 20px;
}

.ul, .blog-content p ul, .blog-content ul {
  list-style-type: disc;
}

.ol, .blog-content p ol, .blog-content ol {
  list-style-type: decimal;
}

.blockquote p {
  background-color: #C20E1A;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.container {
  margin: 0 auto;
  padding: 0 5px;
  width: 100%;
  overflow: hidden;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media only screen and (min-width: 768px) {
  .container {
    width: 768px;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .container {
    width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    padding: 0;
    width: 1170px;
  }
}

body {
  display: flex;
  flex-direction: column;
  font-family: "Avenir Next W01";
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

* {
  box-sizing: border-box;
}

.blog-content {
  margin-top: 160px;
  padding: 50px 0;
}
.blog-content .container-child {
  width: 90%;
  margin: 0 auto;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .blog-content .container-child {
    width: 460.8px;
  }
}
@media only screen and (min-width: 1024px) {
  .blog-content .container-child {
    width: 576px;
  }
}
@media only screen and (min-width: 1200px) {
  .blog-content .container-child {
    padding: 0;
    width: 702px;
  }
}
.blog-content .date {
  color: #FFF;
  background-color: #C20E1A;
  padding: 6px 5px 4px 6px;
  display: inline-block;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 20px;
}
.blog-content * {
  margin-bottom: 10px;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(https://www.hercules.com/);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCSB_inside > .mCSB_container {
  margin-right: 8px;
}

.mCSB_scrollTools {
  width: 8px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 8px;
  background: #C20E1A;
  opacity: 0.7;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #c20e1a;
  border-radius: 0;
  filter: none;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(0, 0, 0, 0.1);
  margin: 0;
  width: 100%;
  border-radius: 0px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 5px;
  opacity: 1;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 5px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.2);
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0px;
  background: #C20E1A;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0px;
  background: rgba(0, 0, 0, 0.1);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background: #C20E1A;
  opacity: 1;
}

.audio-site .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.audio-site .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.audio-site .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.audio-site .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.audio-site .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background: #e84a1e;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
}
.owl-carousel .owl-nav button {
  display: block;
  width: 30px;
  height: 38px;
  outline: none;
  pointer-events: auto;
}
.owl-carousel .owl-nav button.owl-prev {
  float: left;
}
.owl-carousel .owl-nav button.owl-next {
  float: right;
}
.owl-carousel .owl-nav button svg {
  display: block;
  width: 100%;
  height: auto;
}
.owl-carousel .owl-nav button svg path {
  fill: #4D4D4F;
}
.owl-carousel .owl-nav button:hover svg path {
  fill: #C20E1A;
}

.audio-site .owl-carousel .owl-nav button:hover svg path {
  fill: #e84a1e;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("https://www.hercules.com/") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

body header[aria-role=banner].black {
  background-color: #000;
  padding-bottom: 20px;
}

header[aria-role=banner].light path:not(.logo_st0) {
  fill: #000;
}

header {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  max-width: 100%;
  z-index: 100;
  /*  &:before, &:after {
      content:"";
      position:absolute;
      left:0;
      width:100%;
      //height:250px;
      z-index:1;
      pointer-events:none;
    }

    &:before {
      top:0;
      background: linear-gradient(rgba(0, 0, 0, 0.8), transparent);
    }

    &:after {
      bottom:0;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    }*/
}
@media all and (max-width: 768px) {
  header {
    flex-flow: wrap;
  }
}
header .dj, header .audio {
  display: flex;
  height: 100%;
  position: relative;
  cursor: pointer;
  transition: width 0.9s ease;
  backface-visibility: hidden;
  width: 50%;
  overflow: hidden;
  table-layout: fixed;
}
@media all and (max-width: 768px) {
  header .dj, header .audio {
    height: 50%;
    width: 100%;
    transition: height 0.9s ease;
  }
}
header .dj.open, header .audio.open {
  transition: width 0.6s ease;
  width: 90vw;
  cursor: default;
}
@media all and (max-width: 768px) {
  header .dj.open, header .audio.open {
    transition: height 0.6s ease;
    width: 100%;
    height: 90%;
  }
  header .dj.open h2.dj-heading,
  header .dj.open h2.audio-heading,
  header .dj.open .text-overlay, header .audio.open h2.dj-heading,
  header .audio.open h2.audio-heading,
  header .audio.open .text-overlay {
    position: absolute;
    left: 23px;
  }
  header .dj.open .relative-wrapper, header .audio.open .relative-wrapper {
    padding: 30px 20px;
  }
}
header .dj.open h2, header .audio.open h2 {
  bottom: 50%;
  position: absolute;
  transform: translateY(50%);
}
@media all and (max-width: 768px) {
  header .dj.open h2, header .audio.open h2 {
    bottom: 0;
    position: absolute;
    transform: none;
  }
}
header .dj.open h2.dj-heading, header .audio.open h2.dj-heading {
  color: #E00E1A;
  left: 95px;
}
@media all and (max-width: 768px) {
  header .dj.open h2.dj-heading, header .audio.open h2.dj-heading {
    left: 15px;
  }
}
header .dj.open h2.audio-heading, header .audio.open h2.audio-heading {
  color: #e84a1e;
}
header .dj.open .text-overlay, header .audio.open .text-overlay {
  transition: all 0.8s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
  pointer-events: auto;
}
header .dj.closed, header .audio.closed {
  width: 10vw;
}
header .dj.closed h2, header .audio.closed h2 {
  left: 10vw;
}
@media all and (max-width: 768px) {
  header .dj.closed, header .audio.closed {
    width: 100%;
    height: 10%;
  }
  header .dj.closed *, header .audio.closed * {
    font-size: 0;
  }
}
header .dj .bg-image, header .audio .bg-image {
  position: absolute;
  background-size: cover;
  background-position: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.6s ease;
  -webkit-filter: none;
  z-index: 0;
  background-blend-mode: multiply;
  background-color: transparent;
}
header .dj h2, header .audio h2 {
  position: absolute;
  bottom: 0px;
  font-size: 17vw;
  z-index: 10;
  font-weight: bold;
  color: white;
  transition: all 0.6s ease;
  transform-style: preserve-3d;
}
@media all and (max-width: 1170px) {
  header .dj h2, header .audio h2 {
    font-size: 15.5vw;
  }
}
@media all and (max-width: 768px) {
  header .dj h2, header .audio h2 {
    font-size: 31vw;
    letter-spacing: -3px;
  }
}
header .dj .text-overlay, header .audio .text-overlay {
  display: block;
  color: white;
  position: absolute;
  top: 50%;
  bottom: auto;
  right: 0;
  padding-right: 80px;
  z-index: 11;
  max-width: 550px;
  margin-top: -10px;
  text-decoration: none;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  backface-visibility: hidden;
  transform: translateY(-50%);
  transform-style: preserve-3d;
  pointer-events: none;
  cursor: default;
}
@media all and (max-width: 768px) {
  header .dj .text-overlay, header .audio .text-overlay {
    bottom: 34vw;
    top: auto;
    transform: none;
    left: 20px;
    width: 300px;
    padding-right: 30px;
  }
}
header .dj .text-overlay h3, header .audio .text-overlay h3 {
  font-size: 50px;
  font-weight: 500;
  line-height: 48px;
  margin-bottom: 10px;
}
@media all and (max-width: 768px) {
  header .dj .text-overlay h3, header .audio .text-overlay h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 0;
  }
}
header .dj .text-overlay h4, header .audio .text-overlay h4 {
  font-size: 26px;
  line-height: 26px;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  header .dj .text-overlay h4, header .audio .text-overlay h4 {
    font-size: 18px;
    line-height: 22px;
    margin: 5px 0;
  }
  header .dj .text-overlay h4 span, header .audio .text-overlay h4 span {
    display: block;
  }
}
header .dj .text-overlay > span, header .audio .text-overlay > span {
  display: inline-block;
  padding: 5px 2px;
  margin-top: 15px;
  color: white;
  text-decoration: none;
  font-weight: 500;
  font-size: 26px;
  transition: all 0.4s ease;
  cursor: pointer;
}
@media all and (max-width: 768px) {
  header .dj .text-overlay > span, header .audio .text-overlay > span {
    font-size: 18px;
    margin-top: 8px;
  }
}
header .dj .text-overlay > span.dj-cta, header .audio .text-overlay > span.dj-cta {
  background-color: #C20E1A;
}
header .dj .text-overlay > span.dj-cta:hover, header .audio .text-overlay > span.dj-cta:hover {
  background-color: #fff;
  color: #C20E1A;
}
header .dj .text-overlay > span.audio-cta, header .audio .text-overlay > span.audio-cta {
  background-color: #e84a1e;
}
header .dj .text-overlay > span.audio-cta:hover, header .audio .text-overlay > span.audio-cta:hover {
  background-color: #fff;
  color: #e84a1e;
}
header .dj {
  left: 0;
}
header .dj:hover .bg-image {
  background-color: #C20E1A;
}
header .dj.open .bg-image {
  background-color: #C20E1A;
}
header .dj h2 {
  left: 100px;
}
@media all and (max-width: 768px) {
  header .dj h2 {
    left: 15px;
  }
}
header .audio {
  right: 0;
}
header .audio:hover .bg-image {
  background-color: #e84a1e;
}
header .audio.open .bg-image {
  background-color: #e84a1e;
}
header .audio h2 {
  left: 30px;
  letter-spacing: -16px;
}
@media all and (max-width: 768px) {
  header .audio h2 {
    left: 20px;
  }
}
header .logo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 10vw;
  display: block;
  overflow: hidden;
  transition: opacity 0.6s ease;
  opacity: 1;
}
@media all and (max-width: 768px) {
  header .logo {
    top: 20px;
    left: 20px;
    width: 120px;
    margin-top: 20px;
  }
}
header .logo.hide {
  opacity: 0;
}
header .logo svg {
  max-width: 100%;
  width: 100%;
  height: auto;
}
header .container {
  display: flex;
  overflow: visible;
}
header .header-widget {
  margin: 2px;
}

body header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  max-width: 100%;
  z-index: 100;
}
body header.black {
  padding-bottom: 15px;
}
body header.black .logo {
  margin-top: 50px;
}
@media all and (max-width: 768px) {
  body header.black .logo {
    margin-top: 30px;
  }
}
body header .logo {
  width: 120px;
  height: 75px;
  margin-top: 50px;
  position: relative;
  z-index: 15;
}
@media all and (max-width: 768px) {
  body header .logo {
    margin-left: 20px;
    margin-top: 30px;
  }
}
body header .logo svg {
  width: 100%;
  height: 100%;
}
body header .container {
  display: flex;
  overflow: visible;
}

/*a.logo:hover {
  svg {
    path.logo_st0 {
      animation: swap1 0.4s linear 0s infinite alternate;
    }

    path.logo_st1 {
      animation: swap2 0.4s linear 0s infinite alternate;
    }
  }
}

@keyframes swap1 {
  from {
    fill: #8F0707;
  }

  50% {
    fill: #E20613;
  }

  to {
    fill: #8F0707;
  }
}

@keyframes swap2 {
  from {
    fill: #E20613;
  }

  50% {
    fill: #8F0707;
  }

  to {
    fill: #E20613;
  }
}*/
body.admin-bar header[aria-role=banner] {
  margin-top: 32px;
  padding-bottom: 40px;
}
@media all and (max-width: 768px) {
  body.admin-bar header[aria-role=banner] {
    margin-top: 46px;
    padding-top: 10px;
  }
}

header .product-countdown {
  left: calc(10vw + 100px + 20px);
  position: absolute;
  top: 30px;
}

.product-countdown {
  height: 100px;
  width: 100px;
  z-index: 10;
  top: 20px;
  left: 2px;
  position: relative;
}
.product-countdown .wrap {
  position: absolute;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  perspective: 800px;
  transition: all 0.4s ease-in-out;
  top: 20px;
  left: 20px;
}
.product-countdown .wrap:hover .info {
  transform: rotate3d(1, 0, 0, -180deg);
  animation: none;
}
.product-countdown .wrap .info {
  position: absolute;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  transform-style: preserve-3d;
  animation: flip 5s infinite;
}
.product-countdown .wrap .info > div {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-position: center center;
  backface-visibility: hidden;
  padding: 15px 8px;
  text-align: center;
}
.product-countdown .wrap .info > div p {
  color: #FFF;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
}
.product-countdown .wrap .info > div p.days {
  font-size: 22px;
  line-height: 26px;
  font-weight: 800;
}
.product-countdown .wrap .info > div.info-front {
  background: #C20E1A;
}
.product-countdown .wrap .info > div.info-front p:nth-of-type(1),
.product-countdown .wrap .info > div.info-front p:nth-of-type(3) {
  font-size: 8px;
  font-weight: 700;
}
.product-countdown .wrap .info > div.info-back {
  transform: rotate3d(1, 0, 0, 180deg);
  background: #C20E1A;
  padding: 25px 5px;
}
.product-countdown .wrap .info > div.info-back a {
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  height: 42px;
}

@keyframes flip {
  from {
    transform: rotate3d(1, 0, 0, 0deg);
  }
  50% {
    transform: rotate3d(1, 0, 0, -180deg);
  }
  to {
    transform: rotate3d(1, 0, 0, 0deg);
  }
}
.menus {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: visible;
}
.menus nav ul {
  display: flex;
  justify-content: flex-end;
}

.world-switcher {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 0 40px;
}
@media all and (max-width: 768px) {
  .world-switcher {
    display: none;
  }
}
.world-switcher li {
  padding: 0;
  margin: 0;
  background-color: #B3B3B3;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding: 5px;
  margin: 2px;
}
.world-switcher li:hover, .world-switcher li:focus {
  background-color: #C20E1A;
  color: #fff;
}
.world-switcher li a {
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 6px;
  margin: 0 2px;
  text-decoration: none;
}
.world-switcher li a:hover, .world-switcher li a:focus {
  color: #fff;
}
.world-switcher .current-menu-item a,
.world-switcher .current-page-ancestor a {
  background-color: #C20E1A;
  color: #FFF;
}
.world-switcher .current-menu-item a:hover, .world-switcher .current-menu-item a:focus,
.world-switcher .current-page-ancestor a:hover,
.world-switcher .current-page-ancestor a:focus {
  background-color: #FFF;
  color: #C20E1A;
}
.world-switcher .social-media {
  margin: 0;
}
.world-switcher .social-media a {
  display: inline-block;
  margin: 0 5px;
  text-align: center;
}
.world-switcher .social-media a svg {
  height: 25px;
  width: 25px;
}
.world-switcher .social-media a svg path,
.world-switcher .social-media a svg circle {
  fill: #B3B3B3;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.world-switcher .social-media a:hover path,
.world-switcher .social-media a:hover circle, .world-switcher .social-media a:focus path,
.world-switcher .social-media a:focus circle {
  fill: #C20E1A;
}
.world-switcher .language-switcher {
  position: relative;
}
.world-switcher .language-switcher .current-language {
  padding: 5px 10px;
  color: #B3B3B3;
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
  font-weight: 500;
}
.world-switcher .language-switcher ul {
  display: none;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 100%;
  transform: translateX(-50%);
  z-index: 1000;
}
.world-switcher .language-switcher li {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 26px;
  text-align: center;
}
.world-switcher .language-switcher li a {
  background-color: #B3B3B3;
  color: #4D4D4F;
  display: block;
}
.world-switcher .language-switcher li a:hover, .world-switcher .language-switcher li a:focus {
  background-color: #FFF;
}

.mobile-menu-toggle {
  display: none;
}
@media all and (max-width: 768px) {
  .mobile-menu-toggle {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    background-color: #C20E1A;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    z-index: 100;
    cursor: pointer;
  }
}

@media all and (max-width: 768px) {
  .main-navigation {
    display: none;
    background-color: #000;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    padding: 0;
  }
  .main-navigation ul {
    flex-flow: column;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
  }
  .main-navigation ul li {
    padding: 0;
    margin: 10px 0;
    text-transform: none;
  }
  .main-navigation ul li:before {
    content: "";
    display: none;
  }
  .main-navigation ul li a {
    font-size: 26px;
    font-weight: bold;
  }
  .main-navigation ul li.current_page_item a {
    color: #C20E1A;
  }
}
.main-navigation.light li a {
  color: #000;
}
.main-navigation li {
  text-transform: uppercase;
  height: auto;
  line-height: inherit;
  padding: 0;
  margin: 20px 20px;
  border-bottom: 2px solid transparent;
  transition: all 0.4s ease;
  position: relative;
}
@media all and (max-width: 1170px) {
  .main-navigation li {
    margin: 20px 10px;
  }
  .main-navigation li a {
    font-size: 17px !important;
  }
}
@media all and (max-width: 768px) {
  .main-navigation li {
    margin: 20px 10px;
  }
  .main-navigation li a {
    font-size: 20px !important;
  }
}
.main-navigation li:last-child {
  margin-right: 0;
}
.main-navigation li a {
  text-decoration: none;
  text-transform: none;
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.main-navigation li:before {
  content: "";
  position: absolute;
  top: calc(90% + 20px);
  left: 50%;
  opacity: 0;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 14px solid #C20E1A;
}
.main-navigation li.current_page_item:before {
  opacity: 1;
  top: calc(90% + 8px);
}
.main-navigation li:hover:before {
  opacity: 1;
  top: calc(90% + 8px);
}
.main-navigation li.active:before {
  opacity: 1;
  top: calc(90% + 8px);
}
.main-navigation li.active:hover {
  border-bottom: 2px solid transparent;
}

.single-product .main-navigation li.menu-item-49:before {
  opacity: 1;
}

.audio-site .mobile-menu-toggle {
  background: #e84a1e;
}
.audio-site .main-navigation ul li.current_page_item a {
  color: #e84a1e;
}
.audio-site .main-navigation li:before {
  border-bottom: 15px solid #e84a1e;
}

body.mobile-menu-open {
  overflow: hidden;
}

.mobile-navigation {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  background: #000;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
@media all and (min-width: 768px) {
  .mobile-navigation {
    display: none !important;
  }
}
.mobile-navigation:after {
  content: "";
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 50vh;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.341) 34%, rgba(0, 0, 0, 0.182) 47%, rgba(0, 0, 0, 0.164) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%);
}
.mobile-navigation .mCSB_scrollTools {
  z-index: 2;
}
.mobile-navigation .mCSB_container > .menu {
  display: block;
  padding: 150px 30px 30px 30px;
  overflow: hidden;
}
.mobile-navigation .mCSB_container > .menu ul {
  display: block;
}
.mobile-navigation .mCSB_container > .menu > li {
  margin-bottom: 50px;
}
.mobile-navigation .mCSB_container > .menu > li:first-child > a {
  color: #C20E1A;
}
.mobile-navigation .mCSB_container > .menu > li:last-child > a {
  color: #e84a1e;
}
.mobile-navigation .mCSB_container > .menu a {
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  font-size: 46px;
  font-weight: 700;
}
.mobile-navigation .mCSB_container > .menu .sub-menu li {
  margin: 15px 0;
}
.mobile-navigation .mCSB_container > .menu .sub-menu li a {
  font-size: 28px;
  font-weight: 600;
}
.mobile-navigation .language-switcher {
  position: fixed;
  top: 34.5px;
  right: 115px;
  z-index: 2;
}
.mobile-navigation .language-switcher .current-language {
  display: block;
  padding: 9px 10px 10px 10px;
  text-align: center;
  background: #FFF;
  color: #4D4D4F;
  font-size: 16px;
  font-weight: 700;
}
.mobile-navigation .language-switcher .menu {
  display: none;
}
.mobile-navigation .language-switcher a {
  display: block;
  background: #ccc;
  color: #4D4D4F;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  padding: 10px;
}

.admin-bar .mobile-navigation {
  padding-top: 47px;
}
.admin-bar .mobile-navigation:after {
  top: 47px;
}

.single-product .billboard {
  height: calc(100vh - 56px);
}
@media all and (max-width: 768px) {
  .single-product .billboard {
    height: calc(100vh - 76px);
  }
}

.billboard {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: 50% 0px;
  background-attachment: scroll;
  position: relative;
}
.billboard.no-image {
  height: auto;
}
.billboard.no-image .container {
  padding: 60px 0;
}
@media all and (max-width: 1170px) {
  .billboard.no-image .container {
    padding: 30px;
  }
}
.billboard.no-image h1 {
  margin: 30px 0 0;
  position: relative;
  top: 0;
  transform: none;
}
.billboard.no-image h1:first-child {
  margin-top: 0;
}
.billboard.no-image p {
  width: 60%;
  font-size: 24px;
  line-height: 32px;
  margin: 10px 0;
}
@media all and (max-width: 768px) {
  .billboard.no-image p {
    width: 90%;
    font-size: 18px;
    line-height: 26px;
  }
}
.billboard .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  position: relative;
  z-index: 10;
  padding: 60px 0px;
}
@media all and (max-width: 1170px) {
  .billboard .container {
    padding: 30px;
  }
}
@media all and (max-width: 768px) {
  .billboard .container {
    justify-content: center;
  }
}
.billboard:before, .billboard:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 1;
  pointer-events: none;
}
@media all and (max-width: 768px) {
  .billboard:before, .billboard:after {
    height: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .billboard h1 {
    max-width: 60%;
  }
}
.billboard.dark h1 {
  color: #FFF;
}
.billboard.dark:before {
  top: 0;
  opacity: 0.8;
  background: linear-gradient(hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100%);
}
.billboard.dark:after {
  bottom: 0;
  opacity: 0.8;
  background: linear-gradient(hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100%);
  transform: rotate(180deg);
}
.billboard.light h1 {
  color: #000;
}
.billboard.light:before {
  top: 0;
  background: linear-gradient(rgba(255, 255, 255, 0.8), transparent);
}
.billboard.light:after {
  bottom: 0;
  background: linear-gradient(transparent, rgba(255, 255, 255, 0.8));
}

.dj-site .billboard h2 {
  background-color: #C20E1A;
}

.audio-site .billboard h2 {
  background-color: #e84a1e;
}

.premium-site .billboard h2 {
  background-color: #C49C48;
}

.stream-site .billboard h2 {
  background-color: #7030A0;
}

.single-product .billboard h1 {
  top: 0;
  margin-top: 0;
  transform: none;
}

.page-template-template-ambassadors-php .strip.billboard.no-image:first-of-type,
.error404 .strip.billboard.no-image:first-of-type,
.page-template-template-glossary .strip.billboard.no-image:first-of-type,
.page-template-template-stores .strip.billboard.no-image:first-of-type,
.page-template-default .strip.billboard.no-image:first-of-type {
  margin-top: 164px;
}
@media all and (max-width: 768px) {
  .page-template-template-ambassadors-php .strip.billboard.no-image:first-of-type,
  .error404 .strip.billboard.no-image:first-of-type,
  .page-template-template-glossary .strip.billboard.no-image:first-of-type,
  .page-template-template-stores .strip.billboard.no-image:first-of-type,
  .page-template-default .strip.billboard.no-image:first-of-type {
    margin-top: 130px;
  }
}

.admin-bar.page-template-template-ambassadors-php .strip.billboard.no-image:first-of-type, .admin-bar.page-template-template-glossary .strip.billboard.no-image:first-of-type {
  margin-top: 150px;
}
@media all and (max-width: 768px) {
  .admin-bar.page-template-template-ambassadors-php .strip.billboard.no-image:first-of-type, .admin-bar.page-template-template-glossary .strip.billboard.no-image:first-of-type {
    margin-top: 155px;
  }
}

.product-navigation {
  background-color: #000;
  padding: 0;
  width: 100%;
  z-index: 99;
  top: 0px;
  position: relative;
  font-size: 0;
}
.product-navigation .tracker {
  height: 100%;
  width: 100px;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: -1;
}
@media all and (max-width: 768px) {
  .product-navigation .tracker {
    display: none;
  }
}
@media all and (max-width: 768px) {
  .product-navigation {
    padding-bottom: 0px;
  }
}
.product-navigation .container {
  padding: 0 !important;
  white-space: nowrap;
  align-items: center;
}
@media all and (max-width: 1170px) {
  .product-navigation .container {
    padding: 0 !important;
    white-space: nowrap;
    align-items: center;
    overflow-x: hidden;
  }
}
.product-navigation a {
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  padding: 20px 15px;
  font-size: 16px;
  text-transform: uppercase;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media all and (max-width: 768px) {
  .product-navigation a {
    padding: 16px 30px;
    font-size: 16px;
    font-weight: bold;
    opacity: 0.5;
    text-transform: none;
    min-width: fit-content;
  }
  .product-navigation a:first-child {
    margin-left: 30px;
  }
  .product-navigation a:last-child {
    margin-right: 30px;
  }
}

.dj-site .product-navigation .tracker {
  background-color: rgba(194, 14, 26, 0.7);
}
@media all and (max-width: 768px) {
  .dj-site .product-navigation a {
    color: #FFF;
    background-color: #C20E1A;
  }
}
.dj-site .product-navigation a.active {
  background-color: #C20E1A;
}
@media all and (max-width: 768px) {
  .dj-site .product-navigation a.active {
    opacity: 1;
    color: #FFF;
    background-color: #C20E1A;
  }
}

.premium-site .product-navigation .tracker {
  background-color: rgba(196, 156, 72, 0.7);
}
@media all and (max-width: 768px) {
  .premium-site .product-navigation a {
    color: #FFF;
    background-color: #C49C48;
  }
}
.premium-site .product-navigation a.active {
  background-color: #C49C48;
}
@media all and (max-width: 768px) {
  .premium-site .product-navigation a.active {
    opacity: 1;
    color: #FFF;
    background-color: #C49C48;
  }
}

.stream-site .product-navigation .tracker {
  background-color: rgba(112, 48, 160, 0.7);
}
@media all and (max-width: 768px) {
  .stream-site .product-navigation a {
    color: #FFF;
    background-color: #7030A0;
  }
}
.stream-site .product-navigation a.active {
  background-color: #7030A0;
}
@media all and (max-width: 768px) {
  .stream-site .product-navigation a.active {
    opacity: 1;
    color: #FFF;
    background-color: #7030A0;
  }
}

.audio-site .product-navigation .tracker {
  background-color: rgba(232, 74, 30, 0.7);
}
@media all and (max-width: 768px) {
  .audio-site .product-navigation a {
    color: #FFF;
    background-color: #e84a1e;
  }
}
.audio-site .product-navigation a.active {
  background-color: #e84a1e;
}
@media all and (max-width: 768px) {
  .audio-site .product-navigation a.active {
    opacity: 1;
    color: #FFF;
    background-color: #e84a1e;
  }
}

.audio-site .product-listing-splash .block h2.title {
  background-color: #e84a1e;
}
.audio-site .product-listing-splash .block.inactive h2 {
  background-color: transparent;
}
.audio-site .product-listing-splash .block.inactive:hover h2 {
  background-color: #e84a1e;
}
@media all and (max-width: 768px) {
  .audio-site .product-listing-splash .block.inactive h2 {
    background-color: #e84a1e;
    color: #fff;
  }
}
.audio-site .product-listing-splash .block .accordion-content {
  background-color: rgba(255, 255, 255, 0.8);
}

.dj-site .product-listing-splash .block h2.title {
  background-color: #C20E1A;
}
.dj-site .product-listing-splash .block.inactive h2 {
  background-color: transparent;
}
.dj-site .product-listing-splash .block.inactive:hover h2 {
  background-color: #C20E1A;
}
@media all and (max-width: 768px) {
  .dj-site .product-listing-splash .block.inactive h2 {
    background-color: #C20E1A;
    color: #fff;
    margin: 40px 0;
  }
}

.premium-site .product-listing-splash .block h2.title {
  background-color: #C49C48;
}
.premium-site .product-listing-splash .block.inactive h2 {
  background-color: transparent;
}
.premium-site .product-listing-splash .block.inactive:hover h2 {
  background-color: #C20E1A;
}
@media all and (max-width: 768px) {
  .premium-site .product-listing-splash .block.inactive h2 {
    background-color: #C20E1A;
    color: #fff;
    margin: 40px 0;
  }
}

.stream-site .product-listing-splash .block h2.title {
  background-color: #7030A0;
}
.stream-site .product-listing-splash .block.inactive h2 {
  background-color: transparent;
}
.stream-site .product-listing-splash .block.inactive:hover h2 {
  background-color: #C20E1A;
}
@media all and (max-width: 768px) {
  .stream-site .product-listing-splash .block.inactive h2 {
    background-color: #C20E1A;
    color: #fff;
    margin: 40px 0;
  }
}

.product-listing-splash {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
  display: flex;
  align-items: center;
  background-attachment: fixed;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .product-listing-splash {
    flex-flow: column;
    height: auto;
    padding: 120px 0 30px;
    background-attachment: unset;
  }
  .product-listing-splash .block {
    flex-flow: column;
  }
}
.product-listing-splash .block {
  flex-grow: 1;
  text-align: center;
  display: flex;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.product-listing-splash .block[data-category=controllers] .title:before, .product-listing-splash .block[data-category=controleurs] .title:before {
  background-image: url(../svg/controllers.svg);
}
.product-listing-splash .block[data-category=dj-speakers] .title:before, .product-listing-splash .block[data-category=party-speakers] .title:before, .product-listing-splash .block[data-category=enceintes] .title:before, .product-listing-splash .block[data-category=enceintes-dj] .title:before, .product-listing-splash .block[data-category=dj-speakers-audio] .title:before, .product-listing-splash .block[data-category=haut-parleurs-dj] .title:before, .product-listing-splash .block[data-category=haut-parleurs] .title:before {
  background-image: url(../svg/dj-speakers.svg);
}
.product-listing-splash .block[data-category=headphones] .title:before, .product-listing-splash .block[data-category=casques] .title:before, .product-listing-splash .block[data-category=ecouteurs] .title:before {
  background-image: url(../svg/headphones.svg);
}
.product-listing-splash .block[data-category=party] .title:before, .product-listing-splash .block[data-category=fete] .title:before {
  background-image: url(../svg/party.svg);
}
.product-listing-splash .block[data-category=software] .title:before, .product-listing-splash .block[data-category=logiciel] .title:before {
  background-image: url(../svg/software.svg);
}
.product-listing-splash .block[data-category=wireless-speakers] .title:before, .product-listing-splash .block[data-category=enceintes-sans-fil] .title:before {
  background-image: url(../svg/wireless-speakers.svg);
}
.product-listing-splash .block h2.title {
  background-color: #C20E1A;
  padding: 2px 5px;
  color: #FFF;
  margin: 0 auto;
  display: inline-block;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
  align-self: center;
  cursor: pointer;
  position: relative;
  top: 8vh;
}
@media all and (max-width: 768px) {
  .product-listing-splash .block h2.title {
    margin: 100px auto 70px;
    padding: 2px 30px;
  }
}
.product-listing-splash .block h2.title:before {
  position: absolute;
  width: 100%;
  min-width: 140px;
  height: 90px;
  left: 50%;
  top: -115px;
  content: "";
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%);
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.product-listing-splash .block.active .accordion-content {
  max-width: 60vw;
  width: 60vw;
  overflow: visible;
  margin-bottom: 0px;
}
@media all and (max-width: 768px) {
  .product-listing-splash .block.active .accordion-content {
    max-width: 100%;
    width: 100vw;
    height: auto;
    max-height: fit-content;
  }
}
.product-listing-splash .block.inactive {
  flex-shrink: 1;
}
.product-listing-splash .block.inactive h2 {
  background-color: transparent;
  color: transparent;
  line-height: 16px;
  font-size: 14px;
}
.product-listing-splash .block.inactive h2:before {
  top: -70px;
  height: 60px;
}
.product-listing-splash .block.inactive:hover h2 {
  color: #FFF;
}
.product-listing-splash .block.inactive:hover h2:before {
  height: 60px;
}
.product-listing-splash .block .accordion-content {
  height: 80vh;
  position: relative;
  top: 10vh;
  max-width: 0vw;
  width: 0vw;
  margin-left: 10px;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background-color: rgba(0, 0, 0, 0.8);
  flex-grow: 1;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .product-listing-splash .block .accordion-content {
    height: 0vw;
    max-height: 0vw;
    top: 0vh;
    padding: 0;
    margin-left: 0;
    margin-bottom: 20px;
    transition: opacity 0.5s ease-in-out;
  }
}
.product-listing-splash .block .accordion-content .child-categories {
  position: absolute;
  right: 100%;
  margin-right: 20px;
}
@media all and (max-width: 768px) {
  .product-listing-splash .block .accordion-content .child-categories {
    display: none;
  }
}
.product-listing-splash .block .accordion-content .child-categories a {
  padding: 5px;
  display: block;
  margin: 5px 0;
  background-color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  color: #B3B3B3;
  font-weight: 600;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.product-listing-splash .block .accordion-content .child-categories a:first-child {
  margin-top: 0;
}
@media all and (max-width: 768px) {
  .product-listing-splash .block .accordion-content .child-categories a {
    display: inline-block;
  }
}
.product-listing-splash .block .accordion-content .child-categories a:hover, .product-listing-splash .block .accordion-content .child-categories a.active {
  background-color: #C20E1A;
  color: #FFF;
}
.product-listing-splash .block .accordion-content .child-categories a.active {
  pointer-events: none;
}
.product-listing-splash .block .accordion-content .products {
  height: 100%;
  overflow-y: hidden;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.product-listing-splash .block .accordion-content .products .owl-item {
  padding: 0 !important;
  opacity: 0.5;
  transition: opacity 0.5s ease-in-out;
}
.product-listing-splash .block .accordion-content .products .owl-item.active {
  opacity: 1;
}
.product-listing-splash .block .accordion-content .products .owl-item.active + .owl-item.active {
  opacity: 0.5;
}
.product-listing-splash .block .accordion-content .products .mCSB_container {
  padding: 30px 20px;
}
@media all and (max-width: 768px) {
  .product-listing-splash .block .accordion-content .products .mCSB_container {
    padding: 20px 20px 40px;
  }
}

.product-tile {
  position: relative;
  width: 50%;
  float: left;
  margin-bottom: 50px;
  border: 1px solid transparent;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.product-tile[style*="display:block"]:nth-child(odd) {
  clear: both;
}
@media all and (max-width: 768px) {
  .product-tile {
    margin: 20px auto;
    padding: 0;
    width: 100%;
    float: none;
  }
}
.product-tile--img {
  max-width: 100%;
  height: 15vw;
  max-height: 230px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 90%;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media all and (max-width: 768px) {
  .product-tile--img {
    height: 40vw;
    background-size: contain !important;
  }
}
.product-tile:hover .product-tile--img {
  background-size: auto 100%;
}
.product-tile:hover h2 {
  font-weight: 500;
  transform: translateX(-50%) scale(1.5);
  color: #fff !important;
  background: #C20E1A;
}
@media all and (max-width: 768px) {
  .product-tile:hover h2 {
    transform: none;
  }
}
.product-tile h2 {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  background: transparent;
  margin: 0;
  padding: 2px;
  z-index: 10;
  font-size: 16px;
  font-weight: 500;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media all and (max-width: 768px) {
  .product-tile h2 {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    max-width: 100%;
    padding: 2px 15px;
    transform: none;
  }
}
.product-tile p {
  color: #FFF;
  font-weight: light;
}

.dj-site .product-tile h2 {
  color: #C20E1A;
}
@media all and (max-width: 768px) {
  .dj-site .product-tile h2 {
    color: #FFF;
    background-color: #C20E1A;
  }
}
.dj-site .product-tile:hover h2 {
  background: #C20E1A;
}

.premium-site .product-tile h2 {
  color: #C49C48;
}
@media all and (max-width: 768px) {
  .premium-site .product-tile h2 {
    color: #FFF;
    background-color: #C49C48;
  }
}
.premium-site .product-tile:hover h2 {
  background: #C49C48;
}

.stream-site .product-tile h2 {
  color: #7030A0;
}
@media all and (max-width: 768px) {
  .stream-site .product-tile h2 {
    color: #FFF;
    background-color: #7030A0;
  }
}
.stream-site .product-tile:hover h2 {
  background: #7030A0;
}

.audio-site .product-tile h2 {
  color: #e84a1e;
}
@media all and (max-width: 768px) {
  .audio-site .product-tile h2 {
    color: #FFF;
    background-color: #e84a1e;
  }
}
.audio-site .product-tile:hover h2 {
  background: #e84a1e;
}

.admin-bar .dj-academy {
  padding-top: 180px;
}

.dj-academy {
  padding-top: 164px;
  display: flex;
  min-height: 100vh;
  flex-wrap: wrap;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
}
@media all and (max-width: 768px) {
  .dj-academy {
    background-size: auto 200vh;
    background-position: 50% top;
  }
}
.dj-academy--tile {
  position: relative;
  flex-basis: 33.33%;
  background-color: rgba(194, 14, 26, 0);
  padding: 40px;
  min-height: 290px;
  display: flex;
  flex-flow: column;
  max-width: 33.33%;
  cursor: pointer;
  overflow: hidden;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media all and (max-width: 768px) {
  .dj-academy--tile {
    flex-basis: 100%;
    max-width: 100%;
    padding: 30px;
    min-height: auto;
  }
}
.dj-academy--tile > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dj-academy--tile p {
  flex-grow: 1;
  color: #FFF;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 0;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 15px;
  z-index: 10;
}
@media all and (max-width: 768px) {
  .dj-academy--tile p {
    font-size: 18px;
    line-height: 22px;
    order: 1;
    max-width: 80%;
    margin-top: 10px;
  }
}
.dj-academy--tile h2 {
  color: #FFF;
  position: relative;
  padding-right: 35px;
  margin-top: 10px;
  z-index: 10;
}
.dj-academy--tile h2:after {
  content: "";
  opacity: 0;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background-image: url(../svg/link-button-white.svg);
  height: 38px;
  width: 28px;
  background-size: auto 38px;
  position: absolute;
  right: 0;
  bottom: 50%;
  transform: translateY(50%);
}
@media all and (max-width: 768px) {
  .dj-academy--tile h2:after {
    bottom: 75%;
  }
}
.dj-academy--tile h3 {
  color: #FFF;
  background-color: #C20E1A;
  padding: 0 3px;
  align-self: flex-start;
  position: relative;
  z-index: 10;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.dj-academy--tile .slidey {
  background-color: rgba(194, 14, 26, 0.8);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  padding: 40px;
  left: 100%;
  z-index: 0;
}
@media all and (max-width: 768px) {
  .dj-academy--tile .slidey {
    background-color: transparent;
    position: relative;
    flex: 1;
    height: auto;
    width: auto;
    padding: 0;
    top: 0;
    left: 0;
  }
}
.dj-academy--tile .spacer {
  flex: 1;
}
@media all and (max-width: 768px) {
  .dj-academy--tile .spacer {
    display: none;
  }
}
.dj-academy--tile:hover p {
  opacity: 1;
}
.dj-academy--tile:hover h2:after {
  opacity: 1;
}
.dj-academy--tile:hover h3 {
  background-color: #000;
}
.dj-academy--tile.hover {
  background-color: #C20E1A;
}
.dj-academy--tile.hover p {
  opacity: 1;
}
.dj-academy--tile.hover h2:after {
  opacity: 1;
}
.dj-academy--tile.hover h3 {
  background-color: #000;
}

.blog-content .news {
  margin-top: 50px;
}

.see-all-news {
  text-align: left;
  padding: 20px 0;
}
.see-all-news a {
  text-decoration: none;
  color: #C20E1A;
}
.see-all-news a:hover {
  text-decoration: underline;
}

section.news {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex: 1 0 100%;
  flex-wrap: wrap;
}
section.news .news-title, section.news .news-tile {
  display: flex;
  width: 25%;
  position: relative;
  overflow: hidden;
  flex-direction: column;
  cursor: pointer;
}
@media all and (max-width: 1170px) {
  section.news .news-title, section.news .news-tile {
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  section.news .news-title, section.news .news-tile {
    width: 100%;
  }
}
section.news .news-title {
  background: #10110f;
  position: relative;
  align-items: center;
  justify-content: center;
  word-wrap: break-word;
  box-sizing: border-box;
}
section.news .news-title:hover > .text-wrapper h2 {
  transform: translate(0, -10px);
}
section.news .news-title:hover > .text-wrapper a {
  transform: translate(0, 10px);
}
section.news .news-title .text-wrapper {
  flex: none;
  text-align: center;
  padding: 40px;
  box-sizing: border-box;
}
section.news .news-title .text-wrapper h2 {
  color: #414141;
  font-size: 50px;
  font-weight: 500;
  line-height: 3rem;
  transform: translate(0, 0);
  transition: transform 0.6s ease;
}
section.news .news-title .text-wrapper a {
  color: #e20a17;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: block;
  transform: translate(0, 0);
  transition: transform 0.6s ease;
}
section.news .news-tile {
  background: #C20E1A;
}
section.news .news-tile:hover > .image-wrapper {
  opacity: 0.4;
  filter: contrast(2);
}
section.news .news-tile:hover > .text-wrapper {
  background-color: #10110f;
}
section.news .news-tile .text-wrapper {
  width: 100%;
  background-color: #1d1e1c;
  transition: background-color 0.6s ease;
  color: white;
  text-align: center;
  display: block;
  height: 100%;
  padding: 30px 60px;
  box-sizing: border-box;
}
section.news .news-tile .text-wrapper .date {
  display: block;
  font-weight: 600;
  font-size: 18px;
}
section.news .news-tile .text-wrapper .title {
  display: block;
  padding-top: 15px;
  font-size: 22px;
  padding-bottom: 15px;
  line-height: 1.7rem;
}
section.news .news-tile .image-wrapper {
  transition: all 0.6s ease;
  opacity: 1;
  width: 100%;
  display: block;
  line-height: 0;
  height: 250px;
  justify-content: space-between;
}
@media all and (max-width: 768px) {
  section.news .news-tile .image-wrapper {
    height: 150px;
  }
}
section.news .news-tile .image-wrapper div {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media all and (max-width: 768px) {
  section.news .news-tile .image-wrapper div {
    height: 150px;
  }
}

@media all and (max-width: 768px) {
  .glossary > .container {
    padding: 0px;
  }
}
.glossary.fixed {
  padding-top: 90px;
}
.glossary.fixed .glossary-headings {
  position: fixed;
  top: 0px;
  left: 0;
  background: #fff;
  width: 100%;
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.25);
}
@media all and (max-width: 768px) {
  .glossary.fixed .glossary-headings > .container {
    padding: 20px 15px;
  }
}
.glossary-headings {
  position: relative;
  padding: 0;
  margin-bottom: 30px;
  white-space: nowrap;
}
.glossary-headings > .container {
  padding: 20px 0px;
  transition: none;
  overflow: visible;
}
@media all and (max-width: 768px) {
  .glossary-headings > .container {
    padding: 20px;
  }
}
.glossary-headings a {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  padding: 2px 5px;
  margin: 0px 4px;
  background-color: transparent;
  color: #000;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  text-decoration: none;
}
.glossary-headings a:hover {
  color: #C20E1A;
}
.glossary-headings a.active {
  background-color: #C20E1A;
  color: #FFF;
  pointer-events: none;
}
.glossary-headings a.disabled {
  color: #ccc;
}
.glossary .term-panel {
  max-width: 80%;
}
@media all and (max-width: 768px) {
  .glossary .term-panel {
    max-width: 100%;
    padding: 0 20px;
  }
}
.glossary .term-panel > h2 {
  display: inline-block;
  padding: 5px;
  background: #C20E1A;
  color: #fff;
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.glossary .term-panel .glossary-term {
  margin-bottom: 20px;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.glossary .term-panel .glossary-term p {
  padding: 0px;
  background-color: transparent;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  display: inline;
  line-height: 20px;
}
.glossary .term-panel .glossary-term.highlighted p {
  padding: 3px;
  background-color: #C20E1A;
  color: #FFF;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 24px;
}
.glossary .term-panel .glossary-term.highlighted p:after {
  background-color: transparent;
}

body.admin-bar .glossary.fixed .glossary-headings {
  top: 32px;
}
@media all and (max-width: 768px) {
  body.admin-bar .glossary.fixed .glossary-headings {
    top: 46px;
  }
}
@media all and (max-width: 600px) {
  body.admin-bar .glossary.fixed .glossary-headings {
    top: 0;
  }
}

.error404 .page404 {
  background: #FFF;
  padding: 50px 0;
}
.error404 .page404 .container {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .error404 .page404 .container {
    width: 614.4px;
  }
}
@media only screen and (min-width: 1024px) {
  .error404 .page404 .container {
    width: 768px;
  }
}
@media only screen and (min-width: 1200px) {
  .error404 .page404 .container {
    padding: 0;
    width: 936px;
  }
}
.error404 .page404 .container .image {
  margin: 0 auto;
}
.error404 .page404 .container p {
  width: auto;
}
.error404 .page404 .container a {
  font-size: 18px;
  padding: 0px 5px;
  display: inline-block;
  margin: 10px 0;
  background: transparent;
  color: #C20E1A;
  text-decoration: none;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.error404 .page404 .container a:hover {
  background-color: #C20E1A;
  color: #FFF;
}

footer {
  overflow: hidden;
  clear: both;
}
footer section.social {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 768px) {
  footer section.social {
    flex-direction: column;
    min-height: 100px;
  }
}
footer section.social .dj-social {
  background-color: #C20E1A;
  display: flex;
  flex: 1 0 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 768px) {
  footer section.social .dj-social {
    width: 100%;
    flex: 1 1 100%;
  }
}
footer section.social .dj-social a:hover svg, footer section.social .dj-social a:focus svg {
  opacity: 0.6;
  transform: translateY(-5px);
}
footer section.social .dj-social svg {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 30px 15px;
  opacity: 1;
  transition: opacity 0.6s ease, transform 0.6s ease;
  cursor: pointer;
  will-change: transform;
}
@media all and (max-width: 768px) {
  footer section.social .dj-social svg {
    margin: 30px 5px;
  }
}
footer section.footer {
  background-color: #030405;
  padding: 60px;
}
@media all and (max-width: 768px) {
  footer section.footer {
    padding: 30px;
  }
}
footer section.footer .footer-logo {
  width: 100%;
}
@media all and (max-width: 768px) {
  footer section.footer .footer-logo {
    display: none;
  }
}
footer section.footer .footer-logo svg {
  width: 100px;
  height: auto;
}
footer section.footer .footer-links {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-top: 30px;
}
@media all and (max-width: 768px) {
  footer section.footer .footer-links {
    padding-top: 0;
    flex-wrap: wrap;
  }
}
footer section.footer .footer-links .links-column {
  display: flex;
  flex-direction: column;
  width: 16.6%;
}
@media all and (max-width: 768px) {
  footer section.footer .footer-links .links-column {
    width: 100%;
  }
  footer section.footer .footer-links .links-column .sub-menu {
    margin: 10px 0 30px;
  }
}
footer section.footer .footer-links .links-column > li > a {
  display: block;
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
}
footer section.footer .footer-links .links-column > li > a:hover {
  text-decoration: underline;
}
@media all and (max-width: 768px) {
  footer section.footer .footer-links .links-column > li > a {
    font-size: 26px;
    pointer-events: all;
    line-height: 32px;
  }
}
footer section.footer .footer-links .links-column ul {
  list-style: none;
}
footer section.footer .footer-links .links-column ul li a {
  text-decoration: none;
  color: white;
  line-height: 24px;
}
footer section.footer .footer-links .links-column ul li a:hover {
  text-decoration: underline;
}
footer section.footer .legal {
  display: block;
  padding-top: 30px;
  width: 100%;
}
footer section.footer .legal .links, footer section.footer .legal .copyright {
  display: block;
}
@media all and (max-width: 768px) {
  footer section.footer .legal .links, footer section.footer .legal .copyright {
    float: none;
    width: 100%;
    text-align: left !important;
  }
  footer section.footer .legal .links ul, footer section.footer .legal .copyright ul {
    overflow: hidden;
    margin-bottom: 10px;
  }
  footer section.footer .legal .links ul li, footer section.footer .legal .copyright ul li {
    float: none !important;
  }
  footer section.footer .legal .links ul li a, footer section.footer .legal .copyright ul li a {
    font-size: 16px;
    line-height: 20px;
  }
}
footer section.footer .legal .links ul li {
  list-style: none;
  float: left;
}
footer section.footer .legal .links ul li:after {
  content: "/";
  padding: 0 15px;
  color: white;
}
@media all and (max-width: 768px) {
  footer section.footer .legal .links ul li:after {
    display: none;
  }
}
footer section.footer .legal .links ul li:last-of-type:after {
  content: "";
}
footer section.footer .legal .links ul li a {
  text-decoration: none;
  color: white;
}
footer section.footer .legal .links ul li a span {
  text-decoration: underline;
}
footer section.footer .legal .links ul li a:hover {
  text-decoration: underline;
}
footer section.footer .legal .copyright {
  color: white;
  text-align: right;
}
@media all and (max-width: 768px) {
  footer section.footer .legal .copyright {
    font-size: 12px;
  }
}

.stream-site footer section.social .dj-social {
  background-color: #7030A0;
}

.premium-site footer section.social .dj-social {
  background-color: #C49C48;
}

.store-filtering .container {
  display: flex;
  overflow: visible;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .store-filtering .container {
    flex-wrap: nowrap;
  }
}
.store-filtering .container .top-bar {
  position: relative;
}
.store-filtering .container .arrow {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid black;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.store-filtering .container .filter {
  cursor: pointer;
  margin-bottom: 10px;
  flex-basis: 100%;
}
.store-filtering .container .filter.reseller {
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  margin-left: 30px;
  position: relative;
}
.store-filtering .container .filter.reseller:before {
  content: "";
  height: 20px;
  width: 20px;
  border: 1px solid #1d1d1b;
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background-color: #FFF;
}
.store-filtering .container .filter.reseller.active:before {
  background-color: #C20E1A;
}
@media only screen and (min-width: 1024px) {
  .store-filtering .container .filter {
    flex-basis: 33%;
  }
}
.store-filtering .container .filter > p {
  line-height: 28px;
}
.store-filtering .container .filter > div {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .store-filtering .container .filter > div {
    padding-right: 40px;
  }
}
.store-filtering .container .filter > div .active {
  padding: 10px;
  border: 1px solid #1d1d1b;
}
.store-filtering .container .filter > div ul {
  padding: 10px 0;
  border: 1px solid #1d1d1b;
  border-top: 0px;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #FFF;
  display: none;
  z-index: 10;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .store-filtering .container .filter > div ul {
    width: calc(100% - 40px);
  }
}
.store-filtering .container .filter > div ul li {
  padding: 10px;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.store-filtering .container .filter > div ul li:hover {
  background-color: #C20E1A;
  color: #FFF;
}
.store-filtering .container .filter > div ul li[data-active=true] {
  display: none;
}

.stores {
  margin: 60px 0;
}
.stores .container {
  display: flex;
  flex-flow: column;
}
.stores .showing-results {
  margin-bottom: 10px;
}
.stores .store-tile {
  display: flex;
  padding: 20px 0;
  border-top: 1px solid #1d1d1b;
  flex-wrap: wrap;
  position: relative;
}
.stores .store-tile[data-reseller=true] {
  background-color: #F1F1F1;
}
@media only screen and (min-width: 1024px) {
  .stores .store-tile {
    flex-wrap: nowrap;
    height: 150px;
  }
}
.stores .store-tile:last-of-type {
  border-bottom: 1px solid #1d1d1b;
}
.stores .store-tile .content {
  flex: 1 1 auto;
  align-self: center;
  padding-left: 20px;
}
@media only screen and (min-width: 1024px) {
  .stores .store-tile .content {
    flex-wrap: wrap;
  }
}
.stores .store-tile .content .address {
  color: #C20E1A;
  margin-bottom: 20px;
}
.stores .store-tile .content .title-bar {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.stores .store-tile .content .title-bar .reseller {
  position: absolute;
  top: 0;
  right: 0;
}
.stores .store-tile .content .title-bar .reseller svg {
  width: 130px;
  height: auto;
}
.stores .store-tile .content .title-bar a {
  text-decoration: none;
}
.stores .store-tile .content .title-bar .title {
  flex: 0 0 100%;
  color: #C20E1A;
  font-weight: 800;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 1024px) {
  .stores .store-tile .content .title-bar .title {
    flex: 0 0 auto;
  }
}
.stores .store-tile .image {
  flex: 0 0 100%;
  height: 100px;
  margin-top: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .stores .store-tile .image {
    margin-top: 0;
    flex: 0 0 25%;
  }
}

.audio-site section.four-spot .spot:hover {
  background: #e84a1e;
}

.premium-site section.four-spot .spot:hover {
  background: #C49C48;
}

.stream-site section.four-spot .spot:hover {
  background: #7030A0;
}

section.four-spot {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
section.four-spot .spot {
  flex: 1 1 25%;
  background: #e5e5e5;
  color: black;
  text-align: center;
  padding: 40px;
  box-sizing: border-box;
  transition: all 0.4s ease;
  max-width: 25%;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media all and (max-width: 1170px) {
  section.four-spot .spot {
    padding: 30px;
    flex: 1 1 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 768px) {
  section.four-spot .spot {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
section.four-spot .spot:nth-of-type(odd) {
  background: #f1f1f1;
}
section.four-spot .spot:hover {
  background: #C20E1A;
  color: white;
}
section.four-spot .spot:hover .spot-image img {
  background-color: #C20E1A;
}
section.four-spot .spot .spot-image {
  position: relative;
  display: block;
  overflow: visible;
}
@media all and (max-width: 768px) {
  section.four-spot .spot .spot-image {
    white-space: normal;
  }
}
section.four-spot .spot .spot-image img {
  width: 100%;
  max-width: 100px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.4s ease;
}
section.four-spot .spot .spot-image img:last-of-type {
  margin-left: 5px;
}
@media all and (max-width: 768px) {
  section.four-spot .spot .spot-image img {
    max-width: 60px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
  }
}
section.four-spot .spot h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  margin: 15px 0;
}
@media all and (max-width: 1170px) {
  section.four-spot .spot h3 {
    font-size: 18px;
  }
}
@media all and (max-width: 768px) {
  section.four-spot .spot h3 {
    font-size: 30px;
    text-align: left;
    margin: 0;
    margin-right: 70px;
    line-height: 34px;
    padding: 15px 0;
  }
}
section.four-spot .spot p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
}
@media all and (max-width: 768px) {
  section.four-spot .spot p {
    text-align: left;
  }
}
section.four-spot .spot ul {
  text-align: left;
  font-weight: 500;
  padding: 20px 0px 20px 20px;
  margin: 0;
  box-sizing: border-box;
}
@media all and (max-width: 1170px) {
  section.four-spot .spot ul {
    font-size: 14px;
  }
}
@media all and (max-width: 768px) {
  section.four-spot .spot ul {
    display: none;
  }
}
@media all and (max-width: 768px) {
  section.four-spot .spot ul {
    font-size: 16px;
  }
}

.audio-site section.two-spot .spot.red {
  background-color: #e84a1e;
}

.audio-site section.two-spot .spot.slideshow:hover, .audio-site section.two-spot .spot.slideshow.hover {
  background-color: #e84a1e;
}
.audio-site section.two-spot .spot.white:hover, .audio-site section.two-spot .spot.white.hover {
  background-color: #e84a1e;
}
.audio-site section.two-spot .spot.dark-grey:hover, .audio-site section.two-spot .spot.dark-grey.hover {
  background-color: #e84a1e;
}
.audio-site section.two-spot .spot.video .youtube {
  background-color: #e84a1e;
}
.audio-site section.two-spot .spot.full-image {
  background-color: #e84a1e;
}

.stream-site section.two-spot .spot.red {
  background-color: #7030A0;
}

.stream-site section.two-spot .spot.slideshow:hover, .stream-site section.two-spot .spot.slideshow.hover {
  background-color: #7030A0;
}
.stream-site section.two-spot .spot.white:hover, .stream-site section.two-spot .spot.white.hover {
  background-color: #7030A0;
}
.stream-site section.two-spot .spot.dark-grey:hover, .stream-site section.two-spot .spot.dark-grey.hover {
  background-color: #7030A0;
}
.stream-site section.two-spot .spot.video .youtube {
  background-color: #7030A0;
}
.stream-site section.two-spot .spot.full-image {
  background-color: #7030A0;
}

.premium-site section.two-spot .spot.red {
  background-color: #C49C48;
}

.premium-site section.two-spot .spot.slideshow:hover, .premium-site section.two-spot .spot.slideshow.hover {
  background-color: #C49C48;
}
.premium-site section.two-spot .spot.white:hover, .premium-site section.two-spot .spot.white.hover {
  background-color: #C49C48;
}
.premium-site section.two-spot .spot.dark-grey:hover, .premium-site section.two-spot .spot.dark-grey.hover {
  background-color: #C49C48;
}
.premium-site section.two-spot .spot.video .youtube {
  background-color: #C49C48;
}
.premium-site section.two-spot .spot.full-image {
  background-color: #C49C48;
}

@media all and (max-width: 768px) {
  .page-template-default section.two-spot:nth-child(even) .spot.full-image:nth-child(2) {
    order: -1;
  }
}

.dj-site section.two-spot .spot.full-image:hover .full-width, .dj-site section.two-spot .spot.full-image.hover .full-width {
  background-color: #C20E1A;
}

.premium-site section.two-spot .spot.full-image:hover .full-width, .premium-site section.two-spot .spot.full-image.hover .full-width {
  background-color: #C49C48;
}

.stream-site section.two-spot .spot.full-image:hover .full-width, .stream-site section.two-spot .spot.full-image.hover .full-width {
  background-color: #7030A0;
}

.audio-site section.two-spot .spot.full-image:hover .full-width, .audio-site section.two-spot .spot.full-image.hover .full-width {
  background-color: #e84a1e;
}
.audio-site section.two-spot .spot .overlay h2.title-overlay {
  background-color: #e84a1e;
}
.audio-site section.two-spot .spot .youtube .overlay .play-button svg path {
  fill: transparent;
  stroke: #e84a1e;
}
.audio-site section.two-spot .spot .youtube:hover .overlay .play-button svg path {
  fill: #e84a1e;
  stroke: #e84a1e;
}

section.two-spot {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  section.two-spot {
    flex-direction: column;
  }
}
section.two-spot .spot {
  flex: 0 1 50%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 50%;
  background: rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-position: center;
}
@media all and (max-width: 768px) {
  section.two-spot .spot {
    max-width: 100%;
  }
}
@media all and (max-width: 768px) {
  section.two-spot .spot {
    min-height: 56.25vw;
  }
}
section.two-spot .spot blockquote {
  max-width: 380px;
}
section.two-spot .spot blockquote p {
  font-size: 24px;
  line-height: 28px;
}
@media all and (max-width: 1170px) {
  section.two-spot .spot blockquote p {
    font-size: 16px;
    line-height: 18px;
  }
}
@media all and (max-width: 768px) {
  section.two-spot .spot blockquote p {
    font-size: 5vw;
    line-height: 6.5vw;
  }
}
section.two-spot .spot blockquote p br {
  line-height: 40px;
}
section.two-spot .spot blockquote .author {
  margin-top: 15px;
}
section.two-spot .spot.full-image {
  background-color: #C20E1A;
  background-blend-mode: normal;
}
section.two-spot .spot.full-image:hover, section.two-spot .spot.full-image.hover {
  background-blend-mode: multiply;
}
section.two-spot .spot.full-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
section.two-spot .spot.full-image .icon {
  position: absolute;
  height: 60px;
  width: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 40px;
  left: 40px;
}
section.two-spot .spot.light-grey {
  background-color: #E5E5E5;
  color: #000;
}
section.two-spot .spot.light-grey a.button > svg path {
  fill: transparent;
}
section.two-spot .spot.white {
  background-color: #FFF;
  color: #1d1d1b;
}
section.two-spot .spot.white:hover, section.two-spot .spot.white.hover {
  background-color: #C20E1A;
}
@media all and (max-width: 768px) {
  section.two-spot .spot.white:nth-child(even) {
    background: rgba(0, 0, 0, 0.03);
  }
}
section.two-spot .spot.white a.button > svg path {
  stroke: transparent;
  fill: #4D4D4F;
}
section.two-spot .spot.white a.button:hover > svg path, section.two-spot .spot.white a.button.hover > svg path {
  fill: #C20E1A;
}
section.two-spot .spot.dark-grey {
  background-color: #333;
  color: #FFF;
}
section.two-spot .spot.dark-grey:hover, section.two-spot .spot.dark-grey.hover {
  background-color: #C20E1A;
}
section.two-spot .spot.red {
  background-color: #C20E1A;
  color: #FFF;
}
section.two-spot .spot.red:hover, section.two-spot .spot.red.hover {
  background-color: #333;
}
section.two-spot .spot.red a.button {
  background-image: url(../svg/link-button.svg);
}
section.two-spot .spot.red h2.title-sub {
  background-color: #1d1d1b !important;
}
section.two-spot .spot.red:hover a.button, section.two-spot .spot.red.hover a.button {
  background-image: url(../svg/link-button-black.svg);
}
@media all and (max-width: 768px) {
  section.two-spot .spot {
    flex: 0 1 50%;
  }
}
section.two-spot .spot.just-text {
  padding: 60px 100px;
}
@media all and (max-width: 768px) {
  section.two-spot .spot.just-text {
    padding: 40px;
  }
}
section.two-spot .spot.video:hover .youtube, section.two-spot .spot.video.hover .youtube {
  background-blend-mode: multiply;
}
section.two-spot .spot.text-full {
  align-items: flex-start;
  padding: 40px;
  height: auto !important;
}
@media all and (max-width: 1170px) {
  section.two-spot .spot.text-full {
    height: auto !important;
  }
}
@media all and (max-width: 768px) {
  section.two-spot .spot.text-full {
    padding: 30px;
  }
}
section.two-spot .spot.text-full p {
  flex-grow: 1;
  text-align: left;
  width: 80%;
  margin-top: 20px;
}
@media all and (max-width: 1170px) {
  section.two-spot .spot.text-full p {
    width: 90%;
    margin-top: 10px;
  }
}
section.two-spot .spot.text-full h2 {
  flex-grow: 0;
}
section.two-spot .spot.text-full h2.title-sub {
  font-size: 18px;
  font-weight: 500;
  color: #FFF;
  padding: 3px 0;
  background: #C20E1A;
  margin-bottom: 10px;
}
@media all and (max-width: 1170px) {
  section.two-spot .spot.text-full h2.title-sub {
    margin-bottom: 0;
  }
}
section.two-spot .spot.text-full a.button {
  position: absolute;
  right: 40px;
  top: 40px;
}
@media all and (max-width: 768px) {
  section.two-spot .spot.text-full a.button {
    right: 30px;
    top: 33px;
  }
}
section.two-spot .spot .youtube {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  background-color: #C20E1A;
  background-blend-mode: normal;
}
@media all and (max-width: 768px) {
  section.two-spot .spot .youtube {
    min-height: 350px;
  }
}
section.two-spot .spot .youtube .overlay {
  top: 50%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
section.two-spot .spot .youtube .overlay .play-button {
  display: inline-block;
  width: 80px;
  height: 105px;
}
section.two-spot .spot .youtube .overlay .play-button svg {
  width: 100%;
}
section.two-spot .spot .youtube .overlay .play-button svg path {
  fill: transparent;
  transition: fill 0.4s ease-in-out;
}
section.two-spot .spot .youtube .overlay h2 {
  display: block;
  font-size: 30px;
  line-height: 34px;
  font-weight: 500;
  margin: 20px 0 10px;
}
@media all and (max-width: 768px) {
  section.two-spot .spot .youtube .overlay h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
section.two-spot .spot .youtube .overlay h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  section.two-spot .spot .youtube .overlay h3 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media all and (max-width: 1170px) {
  section.two-spot .spot .youtube {
    min-height: 350px;
  }
}
@media all and (max-width: 768px) {
  section.two-spot .spot .youtube {
    min-height: 300px;
  }
}
section.two-spot .spot .youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
section.two-spot .spot .youtube:hover, section.two-spot .spot .youtube.hover .overlay .play-button svg path {
  fill: #C20E1A;
}
section.two-spot .spot p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  max-width: 450px;
  margin-bottom: 22px;
}
section.two-spot .spot p:last-of-type {
  margin-bottom: 0;
}
@media all and (max-width: 768px) {
  section.two-spot .spot p {
    width: auto;
  }
}
section.two-spot .spot a.button {
  display: block;
  width: 25px;
  height: 32px;
  margin-top: 25px;
}
section.two-spot .spot a.button.light-grey > svg, section.two-spot .spot a.button > svg {
  width: 100%;
}
section.two-spot .spot a.button.light-grey > svg path, section.two-spot .spot a.button > svg path {
  fill: transparent;
  transition: fill 0.4s ease;
}
@media all and (max-width: 1170px) {
  section.two-spot .spot a.button {
    margin-top: 15px;
  }
}
@media all and (max-width: 768px) {
  section.two-spot .spot a.button {
    margin-top: 3.5vw;
  }
}
section.two-spot .spot:hover, section.two-spot .spot.hover a.button > svg path {
  fill: #C20E1A;
}
section.two-spot .spot blockquote .icon {
  height: 60px;
  width: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px auto;
}
section.two-spot .spot blockquote p:before {
  content: open-quote;
}
section.two-spot .spot blockquote p:after {
  content: close-quote;
}
section.two-spot .spot blockquote footer {
  padding-top: 15px;
  font-size: 22px;
  font-weight: normal;
}
@media all and (max-width: 1170px) {
  section.two-spot .spot blockquote footer {
    font-size: 18px;
  }
}
@media all and (max-width: 768px) {
  section.two-spot .spot blockquote footer {
    font-size: 14px;
  }
}
section.two-spot .spot.slideshow {
  background-color: #333;
}
section.two-spot .spot.slideshow:hover, section.two-spot .spot.slideshow.hover {
  background-color: #C20E1A;
}
section.two-spot .spot.slideshow:hover .slider li img, section.two-spot .spot.slideshow.hover .slider li img {
  mix-blend-mode: multiply;
}
section.two-spot .spot.slideshow a.navigation_nav {
  position: absolute;
  z-index: 3;
  background-image: url(../svg/left-nav.svg);
  width: 30px;
  background-size: 30px;
  height: 100%;
  background-repeat: no-repeat;
  text-indent: -9000px;
  transition: background-image 0.4s ease;
  background-position: center 80%;
  bottom: 0;
  padding: 0 40px;
}
@media all and (max-width: 768px) {
  section.two-spot .spot.slideshow a.navigation_nav {
    padding: 0 20px;
  }
}
section.two-spot .spot.slideshow a.navigation_nav.navigation_nav.prev {
  background-image: url(../svg/left-nav.svg);
  left: 0px;
}
section.two-spot .spot.slideshow a.navigation_nav.navigation_nav.prev:hover, section.two-spot .spot.slideshow a.navigation_nav.navigation_nav.prev.hover {
  background-image: url(../svg/left-nav-active.svg);
}
section.two-spot .spot.slideshow a.navigation_nav.navigation_nav.next {
  background-image: url(../svg/right-nav.svg);
  right: 0px;
}
section.two-spot .spot.slideshow a.navigation_nav.navigation_nav.next:hover, section.two-spot .spot.slideshow a.navigation_nav.navigation_nav.next.hover {
  background-image: url(../svg/right-nav-active.svg);
}
section.two-spot .spot.slideshow .slider {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
section.two-spot .spot.slideshow .slider li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
section.two-spot .spot.slideshow .slider li:first-child {
  position: relative;
  display: block;
  float: left;
}
section.two-spot .spot.slideshow .slider li img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
section.two-spot .spot .full-width {
  width: 100%;
  display: block;
}
section.two-spot .spot div.full-width {
  height: 100%;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-blend-mode: multiply;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  flex: 1;
}
section.two-spot .spot .overlay {
  position: absolute;
  bottom: 40px;
  left: 40px;
  text-align: left;
  overflow: hidden;
  z-index: 2;
}
@media all and (max-width: 768px) {
  section.two-spot .spot .overlay {
    bottom: 30px;
    left: 30px;
  }
}
section.two-spot .spot .overlay h2 {
  position: relative;
  padding: 2px;
}
section.two-spot .spot .overlay h2.title-overlay {
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: white;
  background: #C20E1A;
  margin-bottom: 5px;
  bottom: auto !important;
}
section.two-spot .spot .overlay h2.title-overlay--sub {
  font-size: 42px;
  line-height: 46px;
  display: block;
  color: #FFF;
  text-align: left;
}
@media all and (max-width: 768px) {
  section.two-spot .spot .overlay h2.title-overlay--sub {
    font-size: 28px;
    line-height: 32px;
    max-width: 80%;
  }
}

.latest-news,
.social-mix {
  text-align: center;
}
.latest-news h2,
.social-mix h2 {
  color: #FFF;
  padding: 10px;
  background-color: #C20E1A;
  display: inline-block;
  margin: 50px auto;
}
@media all and (max-width: 768px) {
  .latest-news h2,
  .social-mix h2 {
    font-size: 12vw;
    padding: 0px 10px;
  }
}

.text {
  display: block;
  margin: 0 auto;
  padding: 0 5px;
  width: 100%;
  overflow: hidden;
  color: #1d1d1b;
  padding-bottom: 10px;
  margin: 80px auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .text {
    width: 768px;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .text {
    width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .text {
    padding: 0;
    width: 1170px;
  }
}
@media all and (min-width: 1200px) {
  .text {
    padding-right: 20%;
  }
}
@media all and (max-width: 768px) {
  .text {
    padding: 30px;
    margin: 20px auto;
    padding-right: 60px;
  }
}
@media all and (max-width: 768px) {
  .text {
    margin: 0px auto;
  }
}
.text * {
  margin-bottom: 20px;
}
.text img {
  max-width: 100%;
  height: auto;
}
.text p {
  font-size: 18px;
  line-height: 26px;
}
@media all and (max-width: 768px) {
  .text p {
    font-size: 16px;
    line-height: 24px;
  }
}
.text p a {
  padding: 0px 5px;
  margin: 0 -5px;
  background: transparent;
  color: #C20E1A;
  text-decoration: none;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.text p a:hover {
  color: #FFF;
}
.text p.intro, .text p.sub-heading {
  font-weight: 600;
}
.text p.sub-heading {
  margin-bottom: 0;
}
.text ul, .text ol {
  margin-left: 20px;
  font-size: 18px;
}
@media all and (max-width: 768px) {
  .text ul, .text ol {
    font-size: 16px;
  }
}
.text ul li, .text ol li {
  margin-bottom: 0;
}
.text ul li {
  list-style-type: disc;
  margin: 10px 0;
  font-size: 18px;
  font-weight: 500;
}
@media all and (max-width: 768px) {
  .text ul li {
    font-size: 16px;
  }
}
.text ol li {
  list-style-type: decimal;
}
.text blockquote {
  margin-top: 20px;
}
.text blockquote p {
  display: inline;
  color: white;
  padding: 0.3rem 1rem;
  font-size: 28px;
  line-height: 42px;
  font-weight: bold;
  box-sizing: border-box;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media all and (max-width: 768px) {
  .text blockquote p {
    font-size: 24px;
  }
}
@media all and (max-width: 768px) {
  .text blockquote p {
    font-size: 20px;
  }
}
.text.picker-text {
  margin-bottom: 0;
  padding: 0px 10%;
}
@media all and (max-width: 768px) {
  .text.picker-text {
    padding: 10%;
  }
}
.text.picker-text p {
  font-size: 22px;
  font-weight: 500;
  line-height: 28px !important;
  text-align: center;
  margin-bottom: 0;
}
.text.center {
  padding-right: 1rem;
  padding-left: 1rem;
  box-sizing: border-box;
}
.text.center * {
  text-align: center !important;
}
.text[data-tab=specification] * {
  margin-bottom: 0px;
}
.text[data-tab=specification] h3 {
  margin-top: 20px;
}

.dj-site .text blockquote p {
  background-color: #C20E1A;
}

.premium-site .text blockquote p {
  background-color: #C49C48;
}

.stream-site .text blockquote p {
  background-color: #7030A0;
}

.audio-site .text blockquote p {
  background-color: #e84a1e;
}

.images {
  display: block;
}
.images .image-container {
  width: 100%;
  max-height: 700px;
  overflow: hidden;
}
.images .image-container img {
  width: 100%;
}

.audio-site .images-text .images-text-wrapper .slider li h2 {
  background: #e84a1e;
}
.audio-site .images-text .owl-nav .owl-prev:hover svg path,
.audio-site .images-text .owl-nav .owl-next:hover svg path {
  fill: #e84a1e;
}

.images-text {
  padding: 0 100px;
}
.images-text .owl-nav {
  pointer-events: all;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.images-text .owl-nav svg {
  height: 40px;
}
.images-text .owl-nav svg path {
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.images-text .owl-nav .owl-prev,
.images-text .owl-nav .owl-next {
  pointer-events: auto;
}
.images-text .owl-nav .owl-prev svg path,
.images-text .owl-nav .owl-next svg path {
  fill: #1d1d1b;
}
.images-text .owl-nav .owl-prev:hover svg path,
.images-text .owl-nav .owl-next:hover svg path {
  fill: #C20E1A;
}
@media all and (max-width: 1170px) {
  .images-text {
    padding: 0 20px;
  }
}
.images-text .images-text-wrapper {
  position: relative;
  padding: 40px 110px;
  text-align: center;
}
.images-text .images-text-wrapper .close-button {
  display: none;
}
.images-text .images-text-wrapper.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 100;
  padding: 40px;
}
.images-text .images-text-wrapper.lightbox .slider {
  top: 50%;
  transform: translateY(-50%);
}
.images-text .images-text-wrapper.lightbox .close-button {
  display: block;
  position: absolute;
  top: 20px;
  right: 40px;
  color: #C20E1A;
  text-decoration: none;
  z-index: 1000;
}
@media all and (max-width: 1170px) {
  .images-text .images-text-wrapper {
    padding: 30px;
  }
}
@media all and (max-width: 768px) {
  .images-text .images-text-wrapper {
    padding: 30px 0px;
  }
}
.images-text .images-text-wrapper a.navigation_nav {
  position: absolute;
  z-index: 3;
  background-image: url(../svg/left-nav.svg);
  width: 30px;
  background-size: 30px;
  height: 100%;
  background-repeat: no-repeat;
  text-indent: -9000px;
  transition: background-image 0.4s ease;
  -webkit-backface-visibility: hidden;
  background-position: center;
  bottom: 0;
  padding: 0 40px;
}
@media all and (max-width: 768px) {
  .images-text .images-text-wrapper a.navigation_nav {
    width: 20px;
    background-size: 20px;
    padding: 0;
  }
}
.images-text .images-text-wrapper a.navigation_nav.navigation_nav.prev {
  background-image: url(../svg/left-nav-black.svg);
  left: 0px;
}
@media all and (max-width: 768px) {
  .images-text .images-text-wrapper a.navigation_nav.navigation_nav.prev {
    left: -25px;
  }
}
.images-text .images-text-wrapper a.navigation_nav.navigation_nav.prev:hover {
  background-image: url(../svg/left-nav-black-active.svg);
}
.images-text .images-text-wrapper a.navigation_nav.navigation_nav.next {
  background-image: url(../svg/right-nav-black.svg);
  right: 0px;
}
@media all and (max-width: 768px) {
  .images-text .images-text-wrapper a.navigation_nav.navigation_nav.next {
    right: -25px;
  }
}
.images-text .images-text-wrapper a.navigation_nav.navigation_nav.next:hover {
  background-image: url(../svg/right-nav-black-active.svg);
}
.images-text .images-text-wrapper .slider {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.images-text .images-text-wrapper .slider li {
  -webkit-backface-visibility: hidden;
}
.images-text .images-text-wrapper .slider li img {
  display: block;
  height: auto;
  width: 100%;
  border: 0;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .images-text .images-text-wrapper .slider li img {
    width: calc(100% - 200px);
  }
}
.images-text .images-text-wrapper .slider li p {
  font-size: 22px;
  line-height: 30px;
  width: 510px;
  margin: auto;
  margin-top: 30px;
  display: block;
  font-weight: normal;
}
@media all and (max-width: 768px) {
  .images-text .images-text-wrapper .slider li p {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .images-text .images-text-wrapper .slider li p {
    font-size: 16px;
    line-height: 22px;
  }
}
.images-text .images-text-wrapper .slider li h2 {
  background: #C20E1A;
  color: white;
  padding: 0 5px;
  font-size: 42px;
  font-weight: 600;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 40px;
}
@media all and (max-width: 768px) {
  .images-text .images-text-wrapper .slider li h2 {
    font-size: 7vw;
  }
}

.admin-bar .images-text .images-text-wrapper.lightbox .close-button {
  top: 52px;
}

.images-text-overlay {
  cursor: pointer;
}
.images-text-overlay .image-wrapper {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  position: relative;
}
.images-text-overlay .image-wrapper img {
  width: 100%;
  display: block;
}
.images-text-overlay .image-wrapper .title {
  position: absolute;
  left: 80px;
  top: 80px;
  width: calc(50% - 160px);
  overflow: hidden;
}
@media all and (max-width: 1170px) {
  .images-text-overlay .image-wrapper .title {
    width: calc(70% - 160px);
  }
}
@media all and (max-width: 768px) {
  .images-text-overlay .image-wrapper .title {
    width: calc(80% - 160px);
  }
}
@media all and (max-width: 768px) {
  .images-text-overlay .image-wrapper .title {
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    padding: 30px;
    box-sizing: border-box;
  }
}
.images-text-overlay .image-wrapper .title h2 {
  display: inline-block;
  background: #C20E1A;
  color: white;
  padding: 5px 5px;
  font-size: 46px;
  font-weight: 600;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media all and (max-width: 768px) {
  .images-text-overlay .image-wrapper .title h2 {
    font-size: 32px;
    max-width: 80%;
  }
}
.images-text-overlay .image-wrapper .text-overlay {
  position: absolute;
  z-index: 2;
  left: 80px;
  bottom: 0;
  width: 30%;
  background: white;
  padding: 25px;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  box-sizing: border-box;
  transform: translate(0, 100%);
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media all and (max-width: 1170px) {
  .images-text-overlay .image-wrapper .text-overlay {
    width: 30%;
  }
}
@media all and (max-width: 768px) {
  .images-text-overlay .image-wrapper .text-overlay {
    width: 45%;
  }
}
@media all and (max-width: 768px) {
  .images-text-overlay .image-wrapper .text-overlay {
    display: block;
    position: relative;
    width: 100%;
    transform: translate(0, 0);
    box-sizing: border-box;
    left: auto;
    bottom: auto;
    font-size: 14px;
    background: #e4e4e4;
    font-size: 16px;
    line-height: 22px;
  }
}
.images-text-overlay .image-wrapper .text-overlay a.button {
  display: block;
  background-image: url(../svg/link-button.svg);
  width: 25px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 25px;
  margin: auto;
  margin-top: 15px;
  transition: background-image 0.4s ease;
}
.images-text-overlay .image-wrapper .text-overlay:hover a.button {
  background-image: url(../svg/link-button-active.svg);
}
.images-text-overlay .image-wrapper:hover .text-overlay {
  transform: translate(0, 0);
}

.flow-flow {
  background: #C20E1A;
}

.ff-stream {
  padding: 0 !important;
  min-height: 300px !important;
}

​ .ff-sc-label2 .ff-instagram .ff-icon::before {
  border-color: transparent #C20E1A transparent transparent;
}

.ff-item .ff-item-meta {
  margin-top: 24%;
  margin-bottom: 2%;
}

.ff-no-image .picture-item__inner {
  transition: background-color 0.2s ease-in !important;
}
.ff-no-image:hover .picture-item__inner {
  background-color: #C20E1A !important;
}
.ff-no-image:hover .ff-icon {
  background: #FFF;
}
.ff-no-image:hover .ff-icon .ff-icon-inner {
  color: #000;
}

.ff-item .ff-content {
  margin: 2% 8% 8% 8%;
  overflow: hidden;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  height: auto !important;
  font-size: 16px !important;
}

.ff-item .ff-content a {
  margin-bottom: 0em;
  font-weight: 700;
}

.ff-content br {
  content: "";
  margin: 0em;
  display: block;
  font-size: 8px;
}

.ff-loadmore-wrapper {
  display: none;
}

.ff-layout-grid .ff-has-overlay .ff-img-landscape img {
  object-fit: cover;
}

.shuffle__sizer {
  display: none !important;
}

.ff-stream-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: auto !important;
}

.ff-item.shuffle-item {
  flex-basis: 100%;
  transform: unset !important;
  position: static !important;
}
@media only screen and (min-width: 640px) {
  .ff-item.shuffle-item {
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .ff-item.shuffle-item {
    flex-basis: 25%;
  }
}

.ff-initial-image {
  filter: grayscale(100%) contrast(1.2);
}
.ff-item:hover .ff-initial-image {
  filter: grayscale(100%) brightness(50%) contrast(200%);
}

.ff-item-cont,
.ff-item .ff-img-holder {
  height: 100vw !important;
}
@media only screen and (min-width: 640px) {
  .ff-item-cont,
  .ff-item .ff-img-holder {
    height: 50vw !important;
  }
}
@media only screen and (min-width: 1024px) {
  .ff-item-cont,
  .ff-item .ff-img-holder {
    height: 25vw !important;
  }
}

.ff-item .ff-item-bar {
  position: absolute;
  top: 8px;
  width: 100%;
  border-top: none !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 19px !important;
}

.ff-video-icon {
  display: none !important;
}

.ff-likes {
  margin-right: 8px;
}

.ff-comments,
.ff-shares {
  display: none !important;
}

.ff-item .ff-label-wrapper {
  left: 0;
}
.ff-item .ff-label-wrapper .ff-icon {
  margin: 16px;
  padding: 4px;
  background: #C20E1A;
  border-radius: 9em !important;
  transition: background-color 0.2s ease-in !important;
}
.ff-item .ff-label-wrapper .ff-icon .ff-icon-inner {
  right: 0;
  top: auto;
  transition: background-color 0.2s ease-in !important;
}
.ff-item .ff-label-wrapper .ff-icon:before {
  border: none !important;
}

main.strip-social section.dj-instagram,
main.strip-social section.audio-instagram,
main.strip-social section.about-instagram {
  max-width: 100%;
  flex: 1 0 100%;
  min-width: 100%;
}
main.strip-social section.dj-instagram .instagram-tile,
main.strip-social section.audio-instagram .instagram-tile,
main.strip-social section.about-instagram .instagram-tile {
  width: 100%;
}
@media all and (min-width: 520px) {
  main.strip-social section.dj-instagram .instagram-tile,
  main.strip-social section.audio-instagram .instagram-tile,
  main.strip-social section.about-instagram .instagram-tile {
    width: 50%;
  }
}
@media all and (min-width: 960px) {
  main.strip-social section.dj-instagram .instagram-tile,
  main.strip-social section.audio-instagram .instagram-tile,
  main.strip-social section.about-instagram .instagram-tile {
    width: 25%;
  }
}

.image-picker {
  overflow: visible;
  padding: 30px;
}
.image-picker .container {
  position: relative;
  overflow: visible;
}
.image-picker .container img {
  width: 100%;
}
.image-picker .container .pin {
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: #C20E1A;
  border-radius: 50%;
  border: 2px solid #C20E1A;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 20px #000;
  cursor: pointer;
  z-index: 10;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.image-picker .container .pin:hover {
  border-color: #FFF;
}
.image-picker .container .pin.active {
  z-index: 100;
}
.image-picker .container .pin.active .pin-content {
  display: block;
}
.image-picker .container .pin.active .pin-content .heading,
.image-picker .container .pin.active .pin-content .content {
  opacity: 1;
}
.image-picker .container .pin-content {
  display: none;
  position: absolute;
  width: 150px;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  transition: all 320ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  pointer-events: none;
}
.image-picker .container .pin-content .heading {
  opacity: 0;
  background-color: #C20E1A;
  padding: 10px;
  margin-bottom: 5px;
  box-shadow: 0px 5px 10px #000;
}
.image-picker .container .pin-content .heading p {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
}
.image-picker .container .pin-content .content {
  opacity: 0;
  padding: 10px;
  background-color: #FFF;
  text-align: center;
  box-shadow: 0px 5px 10px #000;
}/*# sourceMappingURL=style.css.map */