@charset "UTF-8";
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,600,700|Open+Sans:400,600');
/*@font-face {
    font-family: 'montserrat-light';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/montserrat-regular-new-2.woff2') format('woff2'),
         url('../fonts/montserrat-regular-new-2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
  font-family: 'mu2icons';
  src: url('../fonts/mu2icons.eot?340896007');
  src: url('../fonts/mu2icons.eot?340896007#iefix') format('embedded-opentype'), url('../fonts/mu2icons.woff?340896007') format('woff'), url('../fonts/mu2icons.ttf?340896007') format('truetype'), url('../fonts/mu2icons.svg?340896007#mu2icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* CSS Reset */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 20px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  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 {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  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;
  /* auto-expanded scrollbar */
}
.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;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.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;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
/* scrollbar position: outside */
.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;
  /* minimum dragger width */
  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;
  /* auto-expanded scrollbar */
  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;
  /* auto-expanded scrollbar */
  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;
}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.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;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.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 {
  /* RTL direction/left-side scrollbar */
  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;
  /* non-visible scrollbar */
  margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -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;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  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:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.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.2);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.4);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-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-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-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-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  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:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}
/* theme: "dark-2" */
.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:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-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-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-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-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-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:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}
/* theme: "dark-thick" */
.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:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}
/* theme "dark-thin" */
.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:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.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,
.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 {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}
.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,
.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 {
  width: 4px;
  /* auto-expanded scrollbar */
}
.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,
.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 {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}
.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,
.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 {
  height: 4px;
  /* auto-expanded scrollbar */
  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;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.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:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.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;
}
/* theme "rounded-dots-dark" */
.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;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.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%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.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;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 0 1px 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 {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  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;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  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.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  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;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  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 {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  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 {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  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:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.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;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.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:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.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:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.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,
.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 {
  width: 12px;
}
.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,
.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 {
  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;
}
/* theme "dark-3" */
.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:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-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-2-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-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.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);
}
/* theme "inset-3", "inset-3-dark" */
.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:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
.auth-form {
  position: relative;
  margin: 30px auto;
  width: 80%;
  border: solid 1px #e7e7e7;
  background: #fff;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.auth-form .errors,
.auth-form .success {
  display: none;
  padding: 4px 8px;
  margin: 5px 0;
  border-radius: 3px;
  font-size: 10px;
}
.auth-form .errors > ul,
.auth-form .success > ul {
  margin: 5px 0;
  padding: 0 0 0 5px;
  list-style: none;
}
.auth-form .errors {
  background: #DB7706;
  color: #ffffff;
}
.auth-form .success {
  background: #2ECC71;
  color: #ffffff;
}
.auth-form .errors.show,
.auth-form .success.show {
  display: inline-block;
}
.auth-form .divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #e7e7e7;
}
.auth-form .right-col {
  display: none;
}
.auth-form .box,
.auth-form .social-login {
  padding: 6px 15px;
}
.auth-form .box h3,
.auth-form .social-login h3 {
  font-size: 24px;
  text-transform: uppercase;
}
.auth-form .box .controls,
.auth-form .social-login .controls {
  margin: 15px 0;
}
.auth-form .box .controls label,
.auth-form .social-login .controls label {
  display: block;
  margin: 10px 0;
}
.auth-form .box .controls input[type="text"],
.auth-form .social-login .controls input[type="text"],
.auth-form .box .controls input[type="password"],
.auth-form .social-login .controls input[type="password"],
.auth-form .box .controls input[type="date"],
.auth-form .social-login .controls input[type="date"],
.auth-form .box .controls input[type="email"],
.auth-form .social-login .controls input[type="email"],
.auth-form .box .controls select,
.auth-form .social-login .controls select,
.auth-form .box .controls textarea,
.auth-form .social-login .controls textarea {
  display: block;
  width: 100%;
  border: solid 1px #cccccc;
  background: #ffffff;
  font-size: 16px;
  padding: 5px 10px;
  outline: none;
}
.auth-form .box .controls .pull-left,
.auth-form .social-login .controls .pull-left {
  float: left;
}
.auth-form .box .controls .pull-right,
.auth-form .social-login .controls .pull-right {
  float: right;
}
.auth-form .box .controls:before,
.auth-form .social-login .controls:before,
.auth-form .box .controls:after,
.auth-form .social-login .controls:after {
  display: table;
}
.auth-form .box .controls:after,
.auth-form .social-login .controls:after {
  content: '';
  clear: both;
}
.auth-form .box .checkbox label,
.auth-form .social-login .checkbox label {
  margin: 0;
  padding: 5px 0;
  vertical-align: middle;
}
.auth-form .box .checkbox label input[type="checkbox"],
.auth-form .social-login .checkbox label input[type="checkbox"] {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.auth-form .box .btn-submit,
.auth-form .social-login .btn-submit {
  display: inline-block;
  padding: 15px 20px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  vertical-align: middle;
  background: #ce0000;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.auth-form .box .btn-submit:hover,
.auth-form .social-login .btn-submit:hover,
.auth-form .box .btn-submit:focus,
.auth-form .social-login .btn-submit:focus {
  outline: none;
  background: #9b0000;
  color: #ffffff;
}
.auth-form .box .btn-submit:disabled,
.auth-form .social-login .btn-submit:disabled {
  background: #aaaaaa;
}
.auth-form .box .btn-submit.btn-success,
.auth-form .social-login .btn-submit.btn-success {
  background: #2ECC71;
  color: #ffffff;
}
.auth-form .box .password-reset,
.auth-form .social-login .password-reset {
  display: inline-block;
  padding: 0 20px;
}
.auth-form .box p,
.auth-form .social-login p {
  margin: 30px 0;
}
.auth-form .box p:last-child,
.auth-form .social-login p:last-child {
  margin-bottom: 0;
}
.auth-form:before,
.auth-form:after {
  display: table;
}
.auth-form:after {
  content: '';
  clear: both;
}
.auth-form .register,
.auth-form .password-reset {
  display: none;
}
.auth-form .social-media-connects {
  text-align: center;
}
.auth-form.mini {
  width: 100%;
}
.auth-form.mini .controls {
  width: 100%;
}
.auth-form .social-login {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 1px #f4f4f4;
  text-align: center;
}
.auth-form .social-login h3 {
  margin: 0 0 15px;
  font-size: 18px;
}
.auth-form .social-login ul {
  margin: 0;
  padding: 0;
}
.auth-form .social-login ul > li {
  display: inline-block;
  margin: 0;
}
.auth-form .social-login ul > li > a {
  padding: 8px;
}
.auth-form .social-login ul > li > a span {
  font-size: 18px;
}
.auth-form .ss-login {
  min-height: 375px;
  text-align: center;
}
.auth-form .registration-benefits {
  padding: 25px 45px;
  text-align: center;
}
.auth-form .registration-benefits .branding {
  padding: 20px;
}
.auth-form .registration-benefits .branding > img {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: auto;
}
.auth-form .registration-benefits .benefits {
  list-style: none;
  padding: 0;
  margin: 0;
}
.auth-form .registration-benefits .benefits > li {
  font-size: 14px;
  font-weight: 300;
  padding: 5px;
  color: #cccccc;
}
@media (min-width: 667px) {
  .auth-form {
    position: relative;
    margin: 30px auto;
  }
  .auth-form .divider {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    margin-left: -1px;
    width: 1px;
    height: 100%;
  }
  .auth-form .left-col {
    float: left;
    width: 50%;
  }
  .auth-form .right-col {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    background-color: #272727;
  }
  .auth-form .box,
  .auth-form .social-login {
    padding: 15px 30px;
  }
  .auth-form.mini {
    width: 400px;
  }
  .auth-form .registration-benefits {
    padding: 50px 45px;
  }
}
@media (min-width: 768px) {
  .auth-form {
    width: 700px;
  }
  .auth-form .box .controls,
  .auth-form .social-login .controls {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .auth-form {
    position: relative;
    margin: 30px auto;
    width: 960px;
  }
  .auth-form .box,
  .auth-form .social-login {
    padding: 15px 45px;
  }
  .auth-form .social-login {
    text-align: left;
  }
  .auth-form .ss-login {
    min-height: 485px;
  }
  .auth-form.mini {
    width: 400px;
  }
}
/* Global Styles */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.debug-console {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  height: 20%;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.7);
}
.debug-console pre {
  color: #fff;
}
html {
  overflow: hidden;
  overflow-y: scroll;
}
html.no-js {
  overflow: hidden;
  overflow-y: hidden;
}
html.no-scroll {
  overflow: hidden;
  overflow-y: hidden;
}
body {
  padding: 139px 0 0;
  /* Previously 108px 0 0 */
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  color: #444444;
  background-color: #f4f4f4;
}
body.no-scroll {
  overflow: hidden;
  /*position: fixed;
    height: 100%;
    width: 100%;*/
}
body.app-bar-disabled {
  padding-top: 63px;
}
section.category {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
@media (min-width: 1200px) {
  body {
    padding-top: 0;
    padding-bottom: 50px;
  }
  body.no-scroll {
    height: auto;
    overflow: auto;
    width: auto;
    position: static;
  }
  body.with-new-header {
    /* Not needed anymore */
    padding-top: 0;
  }
  body.app-bar-disabled {
    padding-top: 0;
  }
}
.page-container {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 667px) {
  #skip-to-content {
    display: none;
  }
}
#skip-to-content {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: -1;
  background: #fff;
  outline: solid 2px #ce0000;
  padding: 10px;
  font-size: 20px;
}
#skip-to-content:focus {
  z-index: 6000;
}
div.page {
  position: relative;
  width: auto;
  background-color: #f4f4f4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  div.page {
    min-height: 700px;
  }
}
@media (min-width: 1366px) {
  /*div.page.push-left {
    margin-left: 250px;
  }*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font: normal 700 28px 'Montserrat', sans-serif;
  color: #272727;
}
a {
  color: #ce0000;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a img {
  border: none;
  outline: none;
}
a:hover,
a:focus {
  color: #9b0000;
  outline: none;
}
a:focus-visible {
  outline: solid 2px #ce0000;
  outline-offset: 3px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* STANDARD GRID & CONTAINER */
.container {
  margin: 0 auto;
  padding: 0 5px;
}
/* PAGE NOT FOUND */
section.not-found {
  padding: 40px 15px;
}
section.not-found img.not-found-thumb {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 200px;
  height: auto;
}
section.not-found h1 {
  font-size: 1.5em;
  text-transform: uppercase;
  text-align: center;
}
section.not-found p {
  font-size: 1em;
  text-align: center;
}
@media (min-width: 992px) {
  section.not-found {
    margin: 0 auto;
    width: 960px;
    padding: 80px 0;
  }
  section.not-found img.not-found-thumb {
    margin-bottom: 30px;
    width: 350px;
  }
  section.not-found h1 {
    font-size: 2em;
  }
}
/*body.push-left {
  section.category {
    .transform(translate3d(-75%, 0, 0));
  }
}

body.push-right {
  section.category {
    .transform(translate3d(75%, 0, 0));
  }
}*/
@media (min-width: 768px) {
  /*body.push-left {
    section.category {
      .transform(translate3d(-400px, 0, 0));
    }
  }

  body.push-right {
    section.category {
      .transform(translate3d(400px, 0, 0));
    }
  }*/
}
/*  MODAL BOXES
    ------------------------------------------------------------------
*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15000;
  width: 100%;
  height: 100%;
  background: #272727;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  white-space: nowrap;
  text-align: center;
  /* Ghost element to center align the modal's content */
}
.modal.modal-semi-transparent {
  background: rgba(0, 0, 0, 0.6);
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.modal .modal-inner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 30px 0;
  width: 95%;
  white-space: normal;
  text-align: left;
}
.modal .modal-inner h2,
.modal .modal-inner h3,
.modal .modal-inner h4,
.modal .modal-inner strong {
  color: #ffffff;
}
.modal .modal-inner h2.success,
.modal .modal-inner h3.success,
.modal .modal-inner h4.success,
.modal .modal-inner strong.success {
  color: #2ECC71;
}
.modal .modal-inner p.error {
  padding: 20px 0;
  color: #ce0000;
  text-align: center;
}
.modal .modal-inner p.error > strong {
  font-size: 120%;
  color: #ce0000;
}
.modal .modal-inner .loading-anim {
  padding: 20px 0;
  text-align: center;
}
.modal .modal-inner > .close {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
  height: 32px;
  width: 32px;
  background: #fff;
  color: #000;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
.modal .modal-inner > .close:hover,
.modal .modal-inner > .close:focus {
  background: #ddd;
}
.modal .modal-inner > .close:focus-visible {
  outline: solid 2px #ffffff;
  outline-offset: 3px;
}
.modal .modal-inner img.block-image {
  display: block;
  width: 100%;
  height: auto;
}
.modal.modal-confirm .modal-controls {
  margin: 20px auto 0;
  text-align: center;
  display: flex;
  justify-content: center;
  max-width: 500px;
}
.modal.modal-confirm .modal-controls .btn {
  flex: 1 1 0;
  margin: 0 7px;
  background: #c1c1c1;
  color: #444444;
  padding: 10px 15px;
}
.modal.modal-confirm .modal-controls .btn:hover {
  background: #2b2b2b;
}
.modal.modal-confirm .modal-controls .btn.btn-primary {
  background-color: #ce0000;
  color: #ffffff;
}
.modal.modal-confirm .modal-controls .btn.btn-primary:disabled {
  opacity: 0.6;
}
.modal.modal-confirm .modal-controls .btn.btn-primary:hover,
.modal.modal-confirm .modal-controls .btn.btn-primary:focus {
  background: #9b0000;
  color: #ffffff;
}
.modal.modal-semi-transparent .modal-inner {
  padding: 15px;
  background: #f4f4f4;
}
.modal.no-padding .modal-inner {
  padding: 0;
}
.modal.modal-auth-form {
  display: none;
}
.modal.modal-auth-form .modal-inner {
  margin: 30px 0;
  width: 90%;
  padding: 0;
  background: none;
}
.modal.modal-auth-form .modal-inner > .auth-form {
  margin: 0;
  width: auto;
  border: none;
}
.modal.modal-auth-form .modal-inner > .auth-form h3 {
  color: #272727;
}
.modal.modal-hide {
  display: none !important;
}
@media (min-width: 768px) {
  .modal .modal-inner {
    margin: 60px 0 80px;
  }
  .modal.modal-auth-form .modal-inner {
    width: 700px;
  }
}
@media (min-width: 1024px) {
  .modal .modal-inner {
    width: 80%;
  }
}
@media (min-width: 1025px) {
  .modal.modal-auth-form .modal-inner {
    width: 800px;
  }
}
@media (min-width: 1300px) {
  .modal .modal-inner {
    width: 70%;
  }
}
/* Modal sizes */
.modal-xsmall .modal-inner {
  width: 80%;
  max-width: 250px;
}
.modal-small .modal-inner {
  width: 90%;
  max-width: 400px;
}
.modal-medium .modal-inner {
  width: 90%;
  max-width: 800px;
}
/*  ICONS
    ------------------------------------------------------------------
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "mu2icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logo:before {
  content: '\e800';
}
/* '' */
.icon-m-logo:before {
  content: '\e801';
}
/* '' */
.icon-menu:before {
  content: '\e802';
}
/* '' */
.icon-mixtapes:before {
  content: '\e803';
}
/* '' */
.icon-dvds:before {
  content: '\e804';
}
/* '' */
.icon-accessories:before {
  content: '\e805';
}
/* '' */
.icon-clothing:before {
  content: '\e806';
}
/* '' */
.icon-help-1:before {
  content: '\e807';
}
/* '' */
.icon-home:before {
  content: '\e808';
}
/* '' */
.icon-edit:before {
  content: '\e809';
}
/* '' */
.icon-rs:before {
  content: '\e80a';
}
/* '' */
.icon-phone:before {
  content: '\e80b';
}
/* '' */
.icon-cart:before {
  content: '\e80c';
}
/* '' */
.icon-login:before {
  content: '\e80d';
}
/* '' */
.icon-save-1:before {
  content: '\e80e';
}
/* '' */
.icon-ig:before {
  content: '\e80f';
}
/* '' */
.icon-tw:before {
  content: '\e810';
}
/* '' */
.icon-down:before {
  content: '\e811';
}
/* '' */
.icon-left:before {
  content: '\e812';
}
/* '' */
.icon-right:before {
  content: '\e813';
}
/* '' */
.icon-up:before {
  content: '\e814';
}
/* '' */
.icon-down-lg:before {
  content: '\e815';
}
/* '' */
.icon-prev:before {
  content: '\e816';
}
/* '' */
.icon-next:before {
  content: '\e817';
}
/* '' */
.icon-up-lg:before {
  content: '\e818';
}
/* '' */
.icon-erase:before {
  content: '\e819';
}
/* '' */
.icon-done:before {
  content: '\e81a';
}
/* '' */
.icon-email:before {
  content: '\e81b';
}
/* '' */
.icon-fb:before {
  content: '\e81c';
}
/* '' */
.icon-tum:before {
  content: '\e81d';
}
/* '' */
.icon-gp:before {
  content: '\e81e';
}
/* '' */
.icon-user:before {
  content: '\e81f';
}
/* '' */
.icon-search:before {
  content: '\e820';
}
/* '' */
.icon-close:before {
  content: '\e821';
}
/* '' */
.icon-register:before {
  content: '\e822';
}
/* '' */
.icon-play:before {
  content: '\e823';
}
/* '' */
.icon-prev-track:before {
  content: '\e824';
}
/* '' */
.icon-logout:before {
  content: '\e825';
}
/* '' */
.icon-download:before {
  content: '\e826';
}
/* '' */
.icon-close-alt:before {
  content: '\e827';
}
/* '' */
.icon-add:before {
  content: '\e828';
}
/* '' */
.icon-remove:before {
  content: '\e829';
}
/* '' */
.icon-unfav:before {
  content: '\e82a';
}
/* '' */
.icon-mix-play:before {
  content: '\e82b';
}
/* '' */
.icon-mix-pause:before {
  content: '\e82c';
}
/* '' */
.icon-mix-prev:before {
  content: '\e82d';
}
/* '' */
.icon-mix-next:before {
  content: '\e82e';
}
/* '' */
.icon-mix-vol-full:before {
  content: '\e82f';
}
/* '' */
.icon-mix-vol-mid:before {
  content: '\e830';
}
/* '' */
.icon-mix-vol-low:before {
  content: '\e831';
}
/* '' */
.icon-mix-vol-mute:before {
  content: '\e832';
}
/* '' */
.icon-playlist:before {
  content: '\e833';
}
/* '' */
.icon-queue:before {
  content: '\e834';
}
/* '' */
.icon-play-lg:before {
  content: '\e835';
}
/* '' */
.icon-warning:before {
  content: '\e836';
}
/* '' */
.icon-share:before {
  content: '\e837';
}
/* '' */
.icon-thumbs-up:before {
  content: '\e838';
}
/* '' */
.icon-thumbs-down:before {
  content: '\e839';
}
/* '' */
.icon-help:before {
  content: '\e83a';
}
/* '' */
.icon-support:before {
  content: '\e83b';
}
/* '' */
.icon-pause:before {
  content: '\e83c';
}
/* '' */
.icon-next-track:before {
  content: '\e83d';
}
/* '' */
.icon-player:before {
  content: '\e83e';
}
/* '' */
.icon-vert-menu:before {
  content: '\e83f';
}
/* '' */
.icon-fav:before {
  content: '\e840';
}
/* '' */
.icon-pause-lg:before {
  content: '\e841';
}
/* '' */
.icon-music-next:before {
  content: '\e842';
}
/* '' */
.icon-music-play:before {
  content: '\e843';
}
/* '' */
.icon-music-prev:before {
  content: '\e844';
}
/* '' */
.icon-music-rewind:before {
  content: '\e845';
}
/* '' */
.icon-music-skip-back:before {
  content: '\e846';
}
/* '' */
.icon-music-skip-forward:before {
  content: '\e847';
}
/* '' */
.icon-music-forward:before {
  content: '\e848';
}
/* '' */
.icon-music-pause:before {
  content: '\e849';
}
/* '' */
.icon-unsave:before {
  content: '\e84a';
}
/* '' */
.icon-save:before {
  content: '\e84b';
}
/* '' */
.icon-lock:before {
  content: '\e84c';
}
/* '' */
.icon-follow-us:before {
  content: '\e84d';
}
/* '' */
.icon-user-new:before {
  content: '\f061';
}
/* '' */
.icon-move-up:before {
  content: '\f0aa';
}
/* '' */
.icon-angle-double-up:before {
  content: '\f102';
}
/* '' */
.icon-angle-double-down:before {
  content: '\f103';
}
/* '' */
.icon-angle-up:before {
  content: '\f106';
}
/* '' */
.icon-angle-down:before {
  content: '\f107';
}
/* '' */
.icon-apple:before {
  content: '\f179';
}
/* '' */
.icon-windows:before {
  content: '\f17a';
}
/* '' */
.icon-android:before {
  content: '\f17b';
}
/* '' */
.icon-nl:before {
  content: '\f1ea';
}
/* '' */
.icon-comments:before {
  content: '\f27a';
}
/* '' */
/* Visibility
   -------------------------------------------------------------------
*/
.mobile-hidden,
.mobile-hidden-in {
  display: none !important;
}
.tablet-only {
  display: none !important;
}
.tablet-only-in {
  display: none !important;
}
.desktop-only {
  display: none !important;
}
.desktop-only-in {
  display: none !important;
}
@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
  .tablet-only {
    display: block !important;
  }
  .tablet-only-in {
    display: inline-block !important;
  }
  .mobile-hidden {
    display: block !important;
  }
  .mobile-hidden-in {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .tablet-only {
    display: none !important;
  }
  .tablet-only-in {
    display: none !important;
  }
  .desktop-only {
    display: block !important;
  }
  .desktop-only-in {
    display: inline-block !important;
  }
}
@media screen {
  .sr-only {
    display: none;
  }
}
/*  BUTTONS
    ------------------------------------------------------------------
*/
.btn {
  display: inline-block;
  padding: 10px 15px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  vertical-align: middle;
  background: #ce0000;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn:hover,
.btn:focus {
  outline: none;
  background: #9b0000;
  color: #ffffff;
}
.btn:focus-visible {
  outline: solid 2px #ce0000;
  outline-offset: 3px;
}
.btn.disabled,
.btn:disabled {
  background: #aaaaaa;
  color: #444444;
}
.btn.btn-std {
  background: #e7e7e7;
  color: #444444;
}
.btn.btn-std:hover,
.btn.btn-std:focus {
  background: #dbdbdb;
  color: #444444;
}
.btn.btn-alt {
  background: #444444;
  color: #ffffff;
}
.btn.btn-alt:hover,
.btn.btn-alt:focus {
  background: #373737;
  color: #ffffff;
}
.btn.btn-inv {
  background: #ffffff;
  color: #ce0000;
}
.btn.btn-inv:hover,
.btn.btn-inv:focus {
  background: #f2f2f2;
  color: #ce0000;
}
.btn.btn-fb {
  background: #3b5998;
  color: #fff;
}
.btn.btn-fb:hover,
.btn.btn-fb:focus {
  background: #2d4373;
  color: #fff;
}
.btn.btn-tw {
  background: #1da1f2;
  color: #fff;
}
.btn.btn-tw:hover,
.btn.btn-tw:focus {
  background: #0c85d0;
  color: #fff;
}
.btn.btn-gp {
  background: #ea4335;
  color: #fff;
}
.btn.btn-gp:hover,
.btn.btn-gp:focus {
  background: #d62516;
  color: #fff;
}
.btn.success,
.btn.btn-checkout {
  background: #2ECC71;
}
.btn.btn-small {
  padding: 7px 10px;
  font-size: 10px;
}
.btn.btn-large {
  padding: 12px 15px;
  font-size: 14px;
}
.btn.btn-link {
  background: none;
  color: #272727;
}
.btn.btn-link:hover,
.btn.btn-link:focus {
  background: none;
  color: #ce0000;
}
.btn-dropdown {
  position: relative;
}
.btn-dropdown .label {
  position: relative;
  display: block;
  padding: 20px 15px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  background: #ce0000;
  color: #ffffff;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  margin: 15px 0 0;
}
.btn-dropdown .label:after {
  display: inline-block;
  margin-left: 8px;
  content: '\e811';
  font-family: "mu2icons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
}
.btn-dropdown.disabled .label {
  background: #aaaaaa;
}
.btn-dropdown.success .label {
  background: #2ECC71;
}
.btn-dropdown .btn-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), 0 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), 0 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), 0 0px 15px rgba(0, 0, 0, 0.1);
  background: white;
}
.btn-dropdown .btn-dropdown-menu > li > .btn {
  -webkit-appearance: none;
  border: none;
  background: none;
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 20px;
  color: #444444;
  font-size: 12px;
  border-bottom: solid 1px #f4f4f4;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-dropdown .btn-dropdown-menu > li > .btn:last-child {
  border-bottom: none;
}
.btn-dropdown .btn-dropdown-menu > li > .btn:hover {
  background-color: #f4f4f4;
}
.btn-dropdown.active .btn-dropdown-menu,
.btn-dropdown:focus .btn-dropdown-menu,
.btn-dropdown:focus-within .btn-dropdown-menu {
  display: block;
}
@media (min-width: 1200px) {
  .btn-dropdown .label {
    display: inline-block;
  }
  .btn-dropdown .btn-dropdown-menu {
    width: 130%;
  }
}
/* FORM ELEMENTS */
input.control,
select,
textarea {
  display: inline-block;
  padding: 9px 15px;
  background: #ffffff;
  border: solid 1px #ce0000;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  vertical-align: middle;
}
input.control:focus,
select:focus,
textarea:focus {
  outline: none;
}
.input-group {
  margin: 0 auto;
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
}
.input-group .control,
.input-group select,
.input-group .buttons {
  display: table-cell;
}
.input-group .control,
.input-group select {
  margin-right: -1px;
  padding: 0 15px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: normal;
  border-radius: 5px 0 0 5px;
  vertical-align: middle;
}
.input-group .buttons {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  margin-left: -1px;
  width: 1%;
  vertical-align: middle;
}
.input-group .buttons .btn {
  margin: 0;
  padding: 9px 15px;
  height: 40px;
  font-size: 14px;
  border-radius: 0 5px 5px 0;
}
.input-group .error {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 5px 10px;
  margin: 5px 0;
  background-color: #DB7706;
  border-radius: 5px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  color: #fff;
}
.input-group .error:after {
  content: '';
  position: absolute;
  top: -16px;
  left: 10px;
  border: solid 10px transparent;
  border-bottom: solid 8px #DB7706;
}
.input-group.success .control,
.input-group.success select {
  border-color: #2ECC71;
}
.input-group.success .buttons .btn {
  background-color: #2ECC71;
}
@media (min-width: 768px) {
  .input-group {
    width: 50%;
    max-width: 640px;
  }
  .input-group .control,
  .input-group select {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 50px;
    margin-bottom: 0;
    padding: 0 20px;
    float: left;
    font-size: 16px;
  }
  .input-group .buttons .btn {
    padding: 0 25px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
  }
}
/*  BREADCRUMBS
    --------------------------------------------------------------------------------------
*/
ul.breadcrumbs {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.breadcrumbs > li {
  display: inline-block;
}
ul.breadcrumbs > li > a {
  text-transform: capitalize;
}
ul.breadcrumbs > li:after {
  display: inline-block;
  padding: 0 10px;
  content: ' > ';
}
ul.breadcrumbs > li:last-child:after {
  display: none;
}
/*  DROPDOWN MENU
    --------------------------------------------------------------------------------------
*/
.dropdown {
  display: inline-block;
  position: relative;
  /* Dropdown Menu */
  /* Active Class */
}
.dropdown > a {
  position: relative;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  white-space: nowrap;
  /*
    &:before {
      position: absolute;
      top: 0px;
      right: 15px;
      .transition(none);

      font-family: "mu2icons";
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      content: '\e806';
      .transform(rotate(90deg));
    }
*/
}
.dropdown > a > span.clear-filter {
  font-size: 0.8em;
  color: #ce0000;
}
.dropdown > ul,
.dropdown > .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  margin: 0;
  padding: 10px 0;
  min-width: 250px;
  width: auto;
  list-style: none;
  overflow: auto;
  border-radius: 3px;
}
.dropdown > ul.to-left,
.dropdown > .dropdown-menu.to-left {
  left: 0;
  right: auto;
}
.dropdown > ul.to-right,
.dropdown > .dropdown-menu.to-right {
  left: auto;
  right: 0;
}
.dropdown > ul > li > a,
.dropdown > .dropdown-menu > li > a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  color: #272727;
}
.dropdown > ul > li > a:hover,
.dropdown > .dropdown-menu > li > a:hover,
.dropdown > ul > li > a:focus,
.dropdown > .dropdown-menu > li > a:focus {
  background-color: #dbdbdb;
}
.dropdown > ul > li.active > a,
.dropdown > .dropdown-menu > li.active > a {
  background-color: #272727;
  color: #ffffff;
}
.dropdown > ul > li.divider,
.dropdown > .dropdown-menu > li.divider {
  height: 1px;
}
.dropdown > ul > li.divider:after,
.dropdown > .dropdown-menu > li.divider:after {
  content: '';
  display: block;
  margin: 5px auto;
  width: 50%;
  height: 1px;
  border-bottom: solid 1px #dbdbdb;
}
.dropdown > ul > li.hide,
.dropdown > .dropdown-menu > li.hide {
  display: none;
}
.dropdown > ul.show,
.dropdown > .dropdown-menu.show {
  display: block;
}
.dropdown > .v-w {
  min-width: 0;
}
.dropdown.active {
  /* Dropdown Menu */
}
.dropdown.active > a {
  background-color: #ffffff;
  color: #272727;
  -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.dropdown.active > ul,
.dropdown.active > .dropdown-menu {
  display: block;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.dropdown.alt {
  display: inline-block;
}
.dropdown.alt > a {
  color: #444444;
}
.dropdown.alt > ul,
.dropdown.alt > .dropdown-menu {
  top: 0;
  right: 25px;
  padding: 0;
  min-width: 120px;
}
.dropdown.alt > ul > li > a,
.dropdown.alt > .dropdown-menu > li > a {
  padding: 8px 10px;
  text-align: left;
  color: #444444;
  font-size: 12px;
  white-space: nowrap;
}
.dropdown.alt.active > a {
  background: none;
  color: #272727;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dropdown.alt.active > ul,
.dropdown.alt.active > .dropdown-menu {
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .dropdown > ul {
    max-height: 300px;
  }
}
.dynamic-dropdown > li.hide {
  display: none !important;
}
.tabbed-menu:before,
.tabbed-menu:after {
  display: table;
}
.tabbed-menu:after {
  content: '';
  clear: both;
}
.tabbed-menu.active {
  width: 360px;
}
.tabbed-menu > .controls {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width: 150px;
}
.tabbed-menu > .controls > li {
  margin: 0;
  padding: 0;
}
.tabbed-menu > .controls > li > a {
  position: relative;
  display: block;
  padding: 5px 10px;
  color: #272727;
  white-space: nowrap;
}
.tabbed-menu > .controls > li > a > .icon {
  position: absolute;
  top: 6px;
  right: 6px;
}
.tabbed-menu > .controls > li > a:hover,
.tabbed-menu > .controls > li > a:focus {
  background-color: #ffffff;
}
.tabbed-menu > .controls > li > a.active {
  background-color: #dbdbdb;
  font-weight: 600;
}
.tabbed-menu > .tabs {
  overflow: hidden;
}
.tabbed-menu > .tabs > .tab {
  display: none;
  border-left: solid 1px #f4f4f4;
}
.tabbed-menu > .tabs > .tab.active {
  display: block;
}
.tabbed-menu > .tabs > .tab > ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabbed-menu > .tabs > .tab > ul > li > a {
  display: block;
  padding: 5px 10px;
  color: #272727;
  white-space: nowrap;
}
.tabbed-menu > .tabs > .tab > ul > li > a:hover,
.tabbed-menu > .tabs > .tab > ul > li > a:focus {
  background-color: #dbdbdb;
}
@media (min-width: 768px) {
  .tabbed-menu.active {
    width: 360px;
  }
}
/*  SITE NOTICES
    ------------------------------------------------------------------
*/
.site-notice {
  position: relative;
  padding: 15px 50px;
  background-color: #ce0000;
}
.site-notice .content {
  color: #ffffff;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
}
.site-notice .content a {
  color: #ffffff;
  border-bottom: solid 1px #ffffff;
}
.site-notice .close {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background: none;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  outline: none;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.2em;
  line-height: normal;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.site-notice .close:hover {
  background-color: #9b0000;
}
/* END OF LIST */
.end-of-list {
  float: left;
  padding: 30px 20px;
  width: 100%;
  clear: both;
  text-align: center;
}
.end-of-list span {
  display: inline-block;
  margin: 5px;
  padding: 8px 15px;
  border: solid 1px #444444;
  border-radius: 3px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  color: #444444;
  text-transform: capitalize;
}
/* NOTHING FOUND */
.nothing-found {
  float: left;
  clear: both;
  padding: 30px 0;
  width: 100%;
  text-align: center;
}
/* PAGINATION */
.pagination {
  padding: 30px;
  text-align: center;
}
.pagination .pagination p {
  font-size: 1.2em;
  color: #ce0000;
}
.pagination a {
  display: inline-block;
  margin: 0 5px;
  padding: 20px 25px;
  border-radius: 4px;
  background-color: #ce0000;
  color: #ffffff;
}
.page-info {
  margin: 5px 0;
  text-align: center;
}
@media (min-width: 1025px) {
  .pagination {
    display: none;
  }
  .page-info {
    display: none;
  }
}
/*  COLOR PREVIEWS
    --------------------------------------------------------------------------------------
*/
.color-preview {
  display: inline-block;
  margin-right: 10px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  border-radius: 100px;
}
.color-black {
  background-color: #000;
}
.color-white {
  background-color: #fff;
  border: solid 1px #ececec;
}
.color-red {
  background-color: #ea0c0c;
}
.color-green {
  background-color: #00cd0a;
}
.color-blue {
  background-color: #0048cd;
}
.color-orange {
  background-color: #ff9102;
}
.color-yellow {
  background-color: #fffc02;
}
.color-purple {
  background-color: #6b00ce;
}
.color-grey {
  background-color: #919191;
}
.color-silver {
  background-color: #e1e1e1;
}
.color-austin {
  background-color: #d46700;
}
.color-beige {
  background-color: #efe3af;
}
.color-brown {
  background-color: #663300;
}
.color-gold {
  background-color: #f4c712;
}
.color-pepper {
  background-color: #d23f2f;
}
.color-pink {
  background-color: #ff69b4;
}
.color-sublimated {
  background: #a5a5a5;
  background: -moz-linear-gradient(top, #a5a5a5 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5a5a5), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #a5a5a5 0%, #000000 100%);
  background: -o-linear-gradient(top, #a5a5a5 0%, #000000 100%);
  background: -ms-linear-gradient(top, #a5a5a5 0%, #000000 100%);
  background: linear-gradient(to bottom, #a5a5a5 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5a5a5', endColorstr='#000000', GradientType=0);
}
.color-turquoise {
  background-color: #0ab5a2;
}
.color- {
  background-color: #000;
}
/* Popup Box */
.popup-box {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  -webkit-transition: left 0.3s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  -moz-transition: left 0.3s ease-in-out, -moz-box-shadow 0.5s ease-in-out;
  transition: left 0.3s ease-in-out, box-shadow 0.5s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.popup-box.show {
  left: 0;
  -webkit-box-shadow: 10px 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 0 10px rgba(0, 0, 0, 0.5);
}
.popup-box.in-front {
  z-index: 10000;
}
.popup-box .product-popup-header {
  padding: 8px 0;
  background: #272727;
  border-bottom: solid 3px #ce0000;
  text-align: center;
}
.popup-box .product-popup-header a {
  display: inline-block;
}
.popup-box .product-popup-header a img {
  display: block;
  width: auto;
  height: 40px;
}
.popup-box .popup-history-back {
  display: none;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 3;
  height: 32px;
  width: 32px;
  color: #fff;
  border: 0;
  outline: 0;
  font-family: 'montserrat-light', 'Helvetica', 'Arial', sans-serif;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
.popup-box .popup-history-back.show {
  display: block;
}
.popup-box .popup-box-inner {
  padding: 0 0 68px;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /*-webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);*/
}
.popup-box .popup-box-inner > article.blog-post,
.popup-box .popup-box-inner > article.product {
  background: #f4f4f4;
  /*.product-thumb-slider {
        margin-top: 0;
      }*/
}
.popup-box .popup-box-inner .loading-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  background-color: #f4f4f4;
  border-radius: 100px;
}
.popup-box .popup-box-inner .loading-popup img {
  width: 100px;
  height: 100px;
  display: block;
}
.popup-box .popup-box-inner .error {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: -100px;
  background: #fff;
  padding: 10px;
  width: 200px;
  height: 150px;
  border-radius: 10px;
}
.popup-box .popup-box-inner .error h2 {
  margin: 0;
  margin-bottom: 10px;
  color: #ce0000;
  font-size: 16px;
}
.popup-box .popup-box-inner .error p {
  margin: 0;
  font-size: 14px;
}
.popup-box > .mixtape-controls {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 50px;
  background-color: #ce0000;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.popup-box > .mixtape-controls.active {
  display: block;
}
.popup-box > .mixtape-controls.visible {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.popup-box > .mixtape-controls button {
  border: none;
  outline: none;
  background: none;
  padding: 0 10px;
  font-size: 24px;
  line-height: 30px;
  height: 50px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.popup-box > .mixtape-controls button:hover {
  background: rgba(0, 0, 0, 0.1);
}
.popup-box > .close,
.popup-box .popup-box-inner > .content-popup-contents > .close,
.popup-box .popup-box-inner > article.member-profile > .close,
.popup-box .popup-box-inner > article.member-profile > .profile-container > .close,
.popup-box .popup-box-inner > article.blog-post > .close,
.popup-box .popup-box-inner > article.blog-post > .blog-post-container > .close,
.popup-box .popup-box-inner > article.product > .close,
.popup-box .popup-box-inner > article.product > .product-container > .close {
  display: block;
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 3;
  height: 32px;
  width: 32px;
  background: #fff;
  color: #000;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
.popup-box > .close:hover,
.popup-box .popup-box-inner > .content-popup-contents > .close:hover,
.popup-box .popup-box-inner > article.member-profile > .close:hover,
.popup-box .popup-box-inner > article.member-profile > .profile-container > .close:hover,
.popup-box .popup-box-inner > article.blog-post > .close:hover,
.popup-box .popup-box-inner > article.blog-post > .blog-post-container > .close:hover,
.popup-box .popup-box-inner > article.product > .close:hover,
.popup-box .popup-box-inner > article.product > .product-container > .close:hover {
  background: #ddd;
}
.popup-box > .close-mobile {
  background: #444444;
  color: #ffffff;
}
.popup-box > .close-mobile:hover {
  color: #272727;
}
.popup-box .popup-box-inner > .content-popup-contents > .close,
.popup-box .popup-box-inner > article.blog-post > .close,
.popup-box .popup-box-inner > article.blog-post > .blog-post-container > .close,
.popup-box .popup-box-inner > article.product > .close,
.popup-box .popup-box-inner > article.product > .product-container > .close {
  top: -50px;
  right: 10px;
}
/*html.csstransforms3d {
  .popup-box {
    left: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, box-shadow 0.5s;
    -moz-transition: -moz-transform 0.3s ease-in-out, box-shadow 0.5s;
    transition: transform 0.3s ease-in-out, box-shadow 0.5s;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);

    &.show {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
}*/
@media (min-width: 768px) {
  .popup-box {
    display: none;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  .popup-box.show {
    display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .popup-box .product-popup-header {
    display: none;
  }
  .popup-box .popup-history-back,
  .popup-box .popup-history-back.show {
    display: none;
  }
  .popup-box .close-mobile {
    display: none;
  }
  .popup-box .popup-box-inner {
    padding: 30px 30px 70px;
    /*.product-added-message {
        &.wide {
          max-width: 990px;
        }
      }*/
  }
  .popup-box .popup-box-inner > article.member-profile .product-thumb-slider,
  .popup-box .popup-box-inner > article.blog-post .product-thumb-slider,
  .popup-box .popup-box-inner > article.product .product-thumb-slider {
    margin-top: 15px;
  }
  .popup-box .popup-box-inner > .content-popup-contents > .close,
  .popup-box .popup-box-inner > article.member-profile > .close,
  .popup-box .popup-box-inner > article.member-profile > .profile-container > .close,
  .popup-box .popup-box-inner > article.blog-post > .close,
  .popup-box .popup-box-inner > article.blog-post > .product-container > .close,
  .popup-box .popup-box-inner > article.product > .close,
  .popup-box .popup-box-inner > article.product > .product-container > .close {
    top: -15px;
    right: -15px;
  }
  html.csstransforms3d .popup-box {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  html.csstransforms3d .popup-box.show {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
.main-container .content-box {
  background-color: #ffffff;
  margin: 30px auto;
  width: auto;
  min-height: 300px;
}
.main-container .content-box .padded {
  padding: 15px;
}
@media (min-width: 768px) {
  .main-container .content-box {
    width: 768px;
    min-height: 500px;
  }
  .main-container .content-box .padded {
    padding: 15px;
  }
}
@media (min-width: 930px) {
  .main-container .content-box {
    width: 930px;
    min-height: 500px;
  }
  .main-container .content-box .padded {
    padding: 15px;
  }
}
.load-item-image,
.load-image {
  opacity: 0;
  -webkit-transition: 0.2s opacity ease-in-out;
  -moz-transition: 0.2s opacity ease-in-out;
  -o-transition: 0.2s opacity ease-in-out;
  transition: 0.2s opacity ease-in-out;
}
.load-item-image .init,
.load-image .init {
  opacity: 0;
}
.load-item-image.loaded,
.load-image.loaded {
  opacity: 1;
}
/* Artist Signup form */
.artist-signup {
  background: center center no-repeat;
  background-size: cover;
}
.artist-signup .artist-signup-inner .header img {
  display: block;
  width: 100%;
  height: auto;
}
.artist-signup .artist-signup-inner h2 {
  margin: 0;
  padding: 10px 0;
  padding-top: 30px;
  color: #272727;
  text-transform: uppercase;
  text-align: center;
}
.artist-signup .artist-signup-inner p {
  margin: 0;
  padding: 5px 0;
  font-size: 18px;
  text-align: center;
  color: #373737;
}
.artist-signup .artist-signup-inner ul,
.artist-signup .artist-signup-inner ol {
  margin: 0;
  margin-left: 0;
  padding: 0;
  padding-bottom: 20px;
  text-align: center;
  list-style: none;
}
.artist-signup .artist-signup-inner ul li,
.artist-signup .artist-signup-inner ol li {
  font-size: 16px;
}
.artist-signup .artist-signup-inner form {
  margin: 0 auto;
}
.artist-signup .artist-signup-inner form .form-control {
  padding: 5px 0;
}
.artist-signup .artist-signup-inner form .form-control label {
  font-size: 12px;
  text-transform: uppercase;
  color: #272727;
}
.artist-signup .artist-signup-inner form .form-control input {
  display: block;
  padding: 5px 10px;
  width: 100%;
  border: solid 1px #777777;
  background: #ffffff;
}
.artist-signup .artist-signup-inner form .form-control .error {
  display: none;
  color: #ce0000;
}
.artist-signup .artist-signup-inner form .submit-form {
  display: inline-block;
  margin: 10px 0;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  background: #ce0000;
  color: #ffffff;
}
.artist-signup .artist-signup-inner form .submit-form:hover {
  background: #9b0000;
}
.artist-signup .artist-signup-inner form .success {
  display: none;
  margin: 5px 0;
  padding: 10px;
  border: solid 1px #2ECC71;
  color: #2ECC71;
  background: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .artist-signup {
    background: center center no-repeat;
    background-size: cover;
  }
  .artist-signup .artist-signup-inner .header img {
    display: block;
    width: 100%;
    height: auto;
  }
  .artist-signup .artist-signup-inner form {
    width: 300px;
  }
  .artist-signup .artist-signup-inner form .form-control input {
    width: 300px;
  }
}
/* New Home Components */
.home-page-c2-a {
  padding: 60px 20px;
  text-align: center;
}
.home-page-c2-a .c2-a-inner h3 {
  margin: 0 0 30px;
  font-size: 32px;
  font-weight: 100;
  text-transform: uppercase;
}
.home-page-c2-a .c2-a-inner .btn {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .home-page-c2-a {
    padding: 150px 100px;
  }
  .home-page-c2-a .c2-a-inner h3 {
    font-size: 48px;
  }
  .home-page-c2-a .c2-a-inner .btn {
    font-size: 20px;
  }
}
.new-loader {
  width: 100%;
  height: 41px;
  padding: 10px 0;
  text-align: center;
}
.new-loader .loader-inner {
  width: 21px;
  height: 21px;
  margin: 0 auto;
  border: 1px solid #8f8f8f;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: cssload-spin 725ms infinite linear;
  -o-animation: cssload-spin 725ms infinite linear;
  -ms-animation: cssload-spin 725ms infinite linear;
  -webkit-animation: cssload-spin 725ms infinite linear;
  -moz-animation: cssload-spin 725ms infinite linear;
}
/*
HTML Code for new spinner loader
<div class="new-inline-loader"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>
*/
.new-inline-loader {
  display: inline-block;
  width: 26px;
  text-align: center;
}
.new-inline-loader > div {
  width: 8px;
  height: 8px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.new-inline-loader.light > div {
  background-color: #fff;
}
.new-inline-loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.new-inline-loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.page-loader,
.search-loader,
.item-loader {
  margin: auto auto;
  width: 161px;
  height: 50px;
  text-align: center;
  font-size: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.page-loader > div,
.search-loader > div,
.item-loader > div {
  background-color: #e2e2e2;
  height: 50px;
  width: 10px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.page-loader .rect2,
.search-loader .rect2,
.item-loader .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.page-loader .rect3,
.search-loader .rect3,
.item-loader .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.page-loader .rect4,
.search-loader .rect4,
.item-loader .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.page-loader .rect5,
.search-loader .rect5,
.item-loader .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.anim-song-preview {
  position: relative;
  display: inline-block;
  margin: 0 20px 10px;
  width: 37px;
  height: 20px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 0;
}
.anim-song-preview.show {
  opacity: 1;
}
.anim-song-preview > .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 5px;
  height: 10%;
  background-color: #444444;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform-origin: bottom;
}
.anim-song-preview > .bar:nth-child(2) {
  left: 8px;
}
.anim-song-preview > .bar:nth-child(3) {
  left: 16px;
}
.anim-song-preview > .bar:nth-child(4) {
  left: 24px;
}
.anim-song-preview > .bar:nth-child(5) {
  left: 32px;
}
.anim-song-preview > .disabled-text {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.anim-song-preview > .label {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 8px;
  margin-top: 5px;
  text-align: center;
}
.anim-song-preview.invert > .bar {
  background-color: #ffffff;
}
.anim-song-preview.invert > .label {
  color: #ffffff;
}
.anim-song-preview.playing > .bar {
  display: block;
  height: 100%;
}
.anim-song-preview.playing > .bar:nth-child(1) {
  animation: song-prev-anim-1 infinite 0.5s ease-in-out;
}
.anim-song-preview.playing > .bar:nth-child(2) {
  animation: song-prev-anim-2 infinite 0.3s ease-in-out;
}
.anim-song-preview.playing > .bar:nth-child(3) {
  animation: song-prev-anim-3 infinite 0.2s ease-in-out;
}
.anim-song-preview.playing > .bar:nth-child(4) {
  animation: song-prev-anim-4 infinite 0.4s ease-in-out;
}
.anim-song-preview.playing > .bar:nth-child(5) {
  animation: song-prev-anim-5 infinite 0.2s ease-in-out;
}
.anim-song-preview.playing > .disabled-text {
  display: none;
}
.anim-song-preview.loading > .bar {
  animation: song-prev-anim-loading infinite 0.8s ease-in-out;
}
.anim-song-preview.loading > .bar:nth-child(1) {
  animation-delay: 0.1s;
}
.anim-song-preview.loading > .bar:nth-child(2) {
  animation-delay: 0.2s;
}
.anim-song-preview.loading > .bar:nth-child(3) {
  animation-delay: 0.3s;
}
.anim-song-preview.loading > .bar:nth-child(4) {
  animation-delay: 0.4s;
}
.anim-song-preview.loading > .bar:nth-child(5) {
  animation-delay: 0.5s;
}
.search-loader > div,
.item-loader > div {
  background-color: #adadad;
}
.page-loader {
  padding: 150px 0;
}
@media (min-width: 768px) {
  .page-loader {
    padding: 200px 0;
    width: 161px;
    height: 100px;
  }
  .page-loader > div {
    height: 100px;
    width: 30px;
  }
}
.btn-loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: solid 2px #ffffff;
  border-left-color: transparent;
  border-radius: 50%;
  vertical-align: middle;
  animation: anim-btn-loader 0.5s linear infinite;
}
@keyframes anim-btn-loader {
  0% {
    transform: rotate(0deg) translateZ(0);
  }
  99% {
    transform: rotate(359deg) translateZ(0);
  }
}
/* Bar animation */
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/* Spinner Animation */
@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes cssload-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes cssload-spin {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* New Spinner animation */
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Sound Bar visualization animation */
@keyframes song-prev-anim-1 {
  0%,
  100% {
    transform: scaleY(1) translateZ(0);
  }
  50% {
    transform: scaleY(0.3) translateZ(0);
  }
}
@keyframes song-prev-anim-2 {
  0%,
  100% {
    transform: scaleY(0.8) translateZ(0);
  }
  50% {
    transform: scaleY(0.4) translateZ(0);
  }
}
@keyframes song-prev-anim-3 {
  0%,
  100% {
    transform: scaleY(0.5) translateZ(0);
  }
  50% {
    transform: scaleY(0.3) translateZ(0);
  }
}
@keyframes song-prev-anim-4 {
  0%,
  100% {
    transform: scaleY(0.7) translateZ(0);
  }
  50% {
    transform: scaleY(0.3) translateZ(0);
  }
}
@keyframes song-prev-anim-5 {
  0%,
  100% {
    transform: scaleY(0.7) translateZ(0);
  }
  50% {
    transform: scaleY(0.6) translateZ(0);
  }
}
@keyframes song-prev-anim-loading {
  0%,
  100% {
    height: 0%;
  }
  50% {
    height: 50%;
  }
}
/* Material Design Elements */
.card {
  margin: 15px 0;
  padding: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
  margin: 0;
  color: #272727 !important;
}
.card h4 {
  margin: 0 0 10px;
  font-size: 14px;
  text-transform: uppercase;
}
.performance-stat {
  position: fixed;
  top: 90px;
  right: 0;
  z-index: 1000000;
  padding: 15px 30px 15px 15px;
  background: #fff;
  -webkit-box-shadow: 0 9px 18px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 9px 18px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.2);
}
.performance-stat:before {
  content: "perfStat";
  display: block;
  font-size: 8px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  color: #ce0000;
  margin-bottom: 5px;
}
/*  Test Page
    --------------------------------------------------------------------------------------
*/
article.test {
  margin: 0 auto;
  width: 960px;
}
article.test h1,
article.test h2,
article.test h3 {
  text-transform: uppercase;
}
article.test h1 {
  font: normal 700 32px 'Montserrat', sans-serif;
}
article.test h2 {
  font: normal 700 28px 'Montserrat', sans-serif;
}
article.test h3 {
  font: normal 700 28px 'Montserrat', sans-serif;
  font-size: 28px;
}
article.test h4 {
  font: normal 700 28px 'Montserrat', sans-serif;
  font-size: 22px;
}
article.test h5 {
  font: normal 700 28px 'Montserrat', sans-serif;
  font-size: 16px;
}
article.test h6 {
  font: normal 700 28px 'Montserrat', sans-serif;
  font-size: 12px;
}
article.test .sub-heading {
  font: normal 300 20px 'Montserrat', sans-serif;
}
article.test p {
  font: normal 400 14px 'Open Sans', sans-serif;
}
article.test table {
  width: 100%;
  border-collapse: collapse;
}
article.test table thead tr th {
  padding: 10px;
  border-top: solid 1px #272727;
  border-bottom: solid 2px #272727;
}
article.test table tbody tr td {
  padding: 10px;
  border-bottom: solid 1px #ddd;
}
#popup-newsletter-sign-up .newsletter-signup-form {
  margin: 0 auto;
  padding: 10px;
}
#popup-newsletter-sign-up .newsletter-signup-form h3 {
  margin: 20px 0;
  font: normal 700 28px 'Montserrat', sans-serif;
  color: #272727;
}
#popup-newsletter-sign-up .newsletter-signup-form h3 .small {
  display: block;
  font: normal 600 24px 'Montserrat', sans-serif;
  font-size: 14px;
  color: #444444;
}
#popup-newsletter-sign-up .newsletter-signup-form .form-control .message {
  display: none;
  font-size: 14px;
  padding: 5px 15px;
  background-color: #444444;
  color: #ffffff;
}
#popup-newsletter-sign-up .newsletter-signup-form .form-control .message.show {
  display: inline-block;
}
#popup-newsletter-sign-up .newsletter-signup-form .form-control .message.success {
  color: #ffffff;
  background-color: #2ECC71;
}
#popup-newsletter-sign-up .newsletter-signup-form .form-control .message.error {
  color: #ffffff;
  background-color: #DB7706;
}
#popup-newsletter-sign-up .newsletter-signup-form .form-control label {
  display: block;
  margin: 15px 0;
  width: 100%;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
#popup-newsletter-sign-up .newsletter-signup-form .form-control input {
  display: block;
  margin: 15px 0;
  padding: 5px 10px;
  width: 100%;
  font-size: 16px;
  border: solid 1px #ddd;
}
#popup-newsletter-sign-up .newsletter-signup-form .form-control button {
  margin: 5px 0;
}
#popup-newsletter-sign-up .newsletter-signup-form .form-control button:disabled {
  background: #aaaaaa;
}
#popup-newsletter-sign-up .newsletter-signup-form.completed .form-control label,
#popup-newsletter-sign-up .newsletter-signup-form.completed .form-control input,
#popup-newsletter-sign-up .newsletter-signup-form.completed .form-control button {
  display: none;
}
@media (min-width: 1200px) {
  #popup-newsletter-sign-up .newsletter-signup-form {
    width: 450px;
  }
}
/* Perfect Fit Popup
   --------------------------------------------------- */
#modal-perfect-fit .modal-inner {
  background-color: #272727;
}
#modal-perfect-fit .controls {
  padding: 30px;
}
#modal-perfect-fit .perfect-fit-promo {
  display: block;
  width: 100%;
  height: auto;
  border: none;
}
.big-badge {
  display: none;
}
@media (min-width: 1200px) {
  .big-badge {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 28px 40px;
  }
  .big-badge > span,
  .big-badge > a {
    display: block;
    font-size: 14px;
    color: #999;
  }
  .big-badge > a {
    margin: 5px 0;
    font-size: 22px;
    color: #fff;
  }
}
.call-banner-strip {
  display: none;
  background-color: #ce0000;
  color: #ffffff;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
.call-banner-strip a {
  display: inline-block;
  padding: 0 10px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  vertical-align: middle;
}
.call-banner-strip .working-hours {
  display: inline-block;
  font-size: 11px;
  line-height: 20px;
  vertical-align: middle;
}
body.app-bar-disabled .call-banner-strip {
  display: block;
}
@media (min-width: 1200px) {
  .call-banner-strip {
    display: none;
  }
  body.app-bar-disabled .call-banner-strip {
    display: none;
  }
}
#ad-banner-halloween {
  margin: 0;
}
#ad-banner-halloween > img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  #ad-banner-halloween {
    margin: 0 15px 15px;
  }
}
.quick-notification {
  position: fixed;
  top: 10px;
  left: 10%;
  z-index: 10000;
  width: 80%;
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 3px;
  animation: quickNotificationOpen 0.3s ease-in;
}
.quick-notification > .close {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: none;
  width: 36px;
  height: 100%;
}
.quick-notification > .close:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.quick-notification > .body {
  padding-right: 36px;
}
@media (min-width: 1200px) {
  .quick-notification {
    left: 50%;
    margin-left: -150px;
    width: 300px;
  }
}
@keyframes quickNotificationOpen {
  0% {
    transform: translate3d(0, -130%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
/* Black Friday Sale */
#banner-2022-bfs-home-primary {
  background-image: url("https://www.mixunit.com/static/img/banners/banner-2022-cm-2.jpg");
}
#banner-2022-bfs-home-primary > .container {
  padding: 0;
  height: auto;
}
#banner-2022-bfs-home-primary > .container > .centered > .sale-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 6px;
  color: #e8ffff;
  text-shadow: 0 0 11px rgba(126, 255, 255, 0.51);
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-primary > .container > .centered > .sale-title {
    font-size: 24px;
    letter-spacing: 10px;
  }
}
#banner-2022-bfs-home-primary > .container > .centered > h1 {
  font-size: 24px;
  line-height: normal;
  font-style: italic;
  color: #e8ffff;
  text-shadow: 0 0 11px rgba(126, 255, 255, 0.51);
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-primary > .container > .centered > h1 {
    font-size: 48px;
  }
}
#banner-2022-bfs-home-primary > .container > .centered > h1 > small {
  position: absolute;
  left: 0;
  font-size: 0.4em;
}
#banner-2022-bfs-home-primary > .container > .centered > h1 > strong {
  display: block;
  font-size: 2em;
}
#banner-2022-bfs-home-primary > .container > .centered > .time-left {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  word-spacing: 5px;
  letter-spacing: 5px;
  font-size: 12px;
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-primary > .container > .centered > .time-left {
    font-size: 14px;
  }
}
#banner-2022-bfs-home-primary > .container > .centered > .additional {
  position: relative;
  margin: 30px auto 0;
  max-width: 600px;
  z-index: 1;
}
#banner-2022-bfs-home-primary > .container > .centered > .additional > .icon-add {
  position: absolute;
  top: -49px;
  left: -23px;
  z-index: -1;
  font-size: 72px;
  color: #fff;
  opacity: 0.1;
}
#banner-2022-bfs-home-primary > .container > .centered > .additional > p {
  padding: 0;
  font-size: 14px;
  color: #e8ffff;
  text-shadow: 0 0 11px rgba(126, 255, 255, 0.51);
}
#banner-2022-bfs-home-primary > .container > .centered > .additional > p > strong {
  display: block;
  font-size: 1.2em;
}
#banner-2022-bfs-home-primary > .container > .centered > .additional > p > a {
  display: inline-block;
  margin: 8px;
  border-bottom: solid 1px #ce0000;
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-primary > .container > .centered > .additional > p {
    font-size: 24px;
    letter-spacing: 2px;
  }
}
#banner-2022-bfs-home-primary > .video-banner-container {
  position: absolute;
  /* z-index: -1; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#banner-2022-bfs-home-primary > .video-banner-container > video {
  width: auto;
  height: 100%;
  transform: translate(-50%, 0);
  margin-left: 50%;
}
@media (orientation: landscape) {
  #banner-2022-bfs-home-primary > .video-banner-container > video {
    width: 100%;
    height: auto;
    transform: none;
    margin-left: 0;
  }
}
#banner-2022-bfs-home-music-group {
  margin: 30px 0;
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-music-group {
    width: auto;
    margin: 70px 100px;
  }
}
#banner-2022-bfs-home-music {
  padding: 0;
  background-image: url("https://www.mixunit.com/static/img/banners/banner-2022-bfs.jpg");
}
#banner-2022-bfs-home-music > .container {
  padding: 0;
  height: auto;
}
#banner-2022-bfs-home-music > .container:before {
  display: none;
}
#banner-2022-bfs-home-music > .container > .centered {
  display: block;
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-music > .container > .centered {
    display: flex;
    height: 300px;
  }
}
#banner-2022-bfs-home-music > .container > .centered > .part-subscription {
  padding: 30px 0;
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-music > .container > .centered > .part-subscription {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
#banner-2022-bfs-home-music > .container > .centered > .part-subscription > h3 {
  font-size: 16px;
  line-height: normal;
  margin: 0 0 17px;
  color: #c1c1c1;
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-music > .container > .centered > .part-subscription > h3 {
    font-size: 24px;
  }
}
#banner-2022-bfs-home-music > .container > .centered > .part-subscription > h3 > strong {
  display: block;
  font-size: 2.6em;
  font-style: italic;
  position: relative;
  color: #fff;
}
#banner-2022-bfs-home-music > .container > .centered > .part-subscription > h3 > strong > span {
  font-size: 0.2em;
  position: absolute;
  top: 0;
}
#banner-2022-bfs-home-music > .container > .centered > .part-downloads {
  padding: 30px 0;
  background-color: rgba(206, 0, 0, 0.33);
}
@media (min-width: 1200px) {
  #banner-2022-bfs-home-music > .container > .centered > .part-downloads {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#banner-2022-bfs-home-music > .container > .centered > .part-downloads > h3 > strong {
  display: block;
  font-size: 2em;
  font-style: italic;
}
/* Toggle Switch */
.toggle-switch {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  min-width: 40px;
  padding: 0 25px;
  height: 20px;
  background: #dbdbdb;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.toggle-switch input {
  display: none;
}
.toggle-switch .dot {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 20px;
  height: 20px;
  transition: width 0.2s;
}
.toggle-switch .dot:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin-top: -2px;
  margin-left: -2px;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  background-color: #272727;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.toggle-switch .switch-text {
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 20px;
}
.toggle-switch.small {
  margin: 0 10px;
  min-width: 30px;
  padding: 0 10px;
  height: 12px;
}
.toggle-switch.small .dot {
  width: 12px;
  height: 12px;
}
.toggle-switch.small .dot:after {
  margin-top: -1px;
  margin-left: -1px;
  width: 14px;
  height: 14px;
}
.toggle-switch.large {
  margin: 0 10px;
  min-width: 70px;
  padding: 0 15px;
  height: 30px;
}
.toggle-switch.large .dot {
  width: 30px;
  height: 30px;
}
.toggle-switch.large .dot:after {
  margin-top: -2px;
  margin-left: -2px;
  width: 34px;
  height: 34px;
}
.toggle-switch.alt {
  background-color: #777777;
  color: #ffffff;
}
.toggle-switch.alt .dot:after {
  background-color: #ffffff;
}
.toggle-switch.alt.slide-to-right {
  background: #2ECC71;
  color: #ffffff;
}
.toggle-switch.slide-to-right {
  background: #2ECC71;
  color: #fff;
}
.toggle-switch.slide-to-right .dot {
  width: 100%;
}
.toggle-switch.slide-to-right .label-left {
  color: #444444;
}
.toggle-switch.slide-to-right .label-right {
  color: #272727;
}
.toggle-switch-label {
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  cursor: pointer;
}
.tabbed-content {
  padding: 1px 0;
}
.tabbed-content .tab-controls {
  margin: 20px 15px 10px;
  padding: 0;
  text-align: center;
  font-size: 0;
  border-bottom: solid 3px #f4f4f4;
}
.tabbed-content .tab-controls > li {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-bottom: -3px;
}
.tabbed-content .tab-controls > li > a {
  display: block;
  padding: 10px 10px;
  border-bottom: solid 3px #f4f4f4;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  color: #444444;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.tabbed-content .tab-controls > li > a:hover,
.tabbed-content .tab-controls > li > a:focus {
  color: #272727;
  border-bottom-color: #cecece;
}
.tabbed-content .tab-controls > li > a:focus-visible {
  outline: solid 2px #272727;
  outline-offset: -3px;
}
.tabbed-content .tab-controls > li.active > a {
  color: #ce0000;
  border-bottom-color: #ce0000;
}
.tabbed-content .tabs .tab {
  display: none;
}
.tabbed-content .tabs .tab.active {
  display: block;
}
.features > .feature {
  flex-shrink: 0;
  text-align: center;
}
.features > .feature > .feature-icon {
  margin: 0 auto;
  width: 64px;
}
.features > .feature > .feature-icon > img {
  display: block;
  width: 100%;
  height: auto;
}
.features > .feature > .feature-contents > .feature-title {
  margin: 10px 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #272727;
}
.features > .feature > .feature-contents > .feature-description {
  margin: 10px 0;
  color: #444444;
}
.features.features-grid {
  display: flex;
  flex-flow: wrap;
}
.features.features-grid > .feature {
  margin: 15px 0;
  padding: 0 20px;
  width: 50%;
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  .features.features-grid > .feature {
    padding: 0 15px;
    width: 25%;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .features.features-grid > .feature {
    padding: 0 30px;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .features.features-grid > .feature {
    padding: 0 40px;
    width: 25%;
  }
  .features.features-grid > .feature > .feature-icon {
    width: 96px;
  }
  .features.features-grid > .feature > .feature-contents > .feature-title {
    font-size: 16px;
  }
}
.features.features-list {
  display: flex;
  flex-flow: wrap;
}
.features.features-list > .feature {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  flex-basis: 100%;
  padding: 15px;
}
.features.features-list > .feature > .feature-icon {
  flex-basis: 64px;
}
.features.features-list > .feature > .feature-contents {
  flex-basis: 100%;
  padding-left: 15px;
}
@media (min-width: 667px) and (orientation: landscape) {
  .features.features-list > .feature {
    flex-basis: 50%;
  }
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  .features.features-list > .feature {
    flex-basis: 50%;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .features.features-list > .feature {
    flex-basis: 50%;
  }
}
@media (min-width: 1200px) {
  .features.features-list > .feature {
    flex-basis: 50%;
  }
  .features.features-list > .feature > .feature-icon {
    flex-basis: 128px;
  }
  .features.features-list > .feature > .feature-contents > .feature-title {
    font-size: 16px;
  }
}
.mobile-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 8000;
  width: 100%;
  height: 60px;
  background: #ce0000;
  color: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-bottom-nav.hide {
  -webkit-transform: translate3d(0, 60px, 0);
  -moz-transform: translate3d(0, 60px, 0);
  -o-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}
.mobile-bottom-nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-bottom-nav > ul:before,
.mobile-bottom-nav > ul:after {
  display: table;
}
.mobile-bottom-nav > ul:after {
  content: '';
  clear: both;
}
.mobile-bottom-nav > ul > li {
  margin: 0;
  padding: 0;
  float: left;
  width: 25%;
}
.mobile-bottom-nav > ul > li.pull-right {
  float: right;
}
.mobile-bottom-nav > ul > li > a {
  display: block;
  padding: 10px 3px;
  height: 60px;
  text-align: center;
  color: #ffffff;
  /*&:hover {
          //background-color: darken(@text, 5%);

          span {
            color: #fff;
          }
        }*/
}
.mobile-bottom-nav > ul > li > a span {
  font-size: 1.5em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.mobile-bottom-nav > ul > li > a .label {
  display: block;
  font-size: 0.7em;
  text-transform: uppercase;
}
.mobile-bottom-nav > ul > li.active > a {
  color: #ffffff;
  background-color: #9b0000;
}
.mobile-bottom-nav > ul > li > .show-up {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 5px;
  background-color: #9b0000;
  list-style: none;
  border-top: solid 1px #9b0000;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
}
.mobile-bottom-nav > ul > li > .show-up:before,
.mobile-bottom-nav > ul > li > .show-up:after {
  display: table;
}
.mobile-bottom-nav > ul > li > .show-up:after {
  content: '';
  clear: both;
}
.mobile-bottom-nav > ul > li > .show-up > li {
  margin: 0;
  padding: 0;
  float: left;
  width: 33.33333333%;
}
.mobile-bottom-nav > ul > li > .show-up > li > a {
  display: block;
  padding: 10px 3px;
  height: 75px;
  text-align: center;
  color: #444444;
}
.mobile-bottom-nav > ul > li > .show-up > li > a span {
  font-size: 2em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.mobile-bottom-nav > ul > li > .show-up > li > a .label {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
}
.mobile-bottom-nav > ul > li > .show-up.up {
  display: block;
}
.mobile-bottom-nav > ul > li > .cart-info p.cart-info {
  float: left;
  margin: 0;
  padding: 10px;
  width: 40%;
  text-align: center;
  color: #ffffff;
}
.mobile-bottom-nav > ul > li > .cart-info p.cart-info span {
  font-size: 2em;
}
.mobile-bottom-nav > ul > li > .cart-info p.cart-info .update-cart-total {
  display: block;
  font-size: 0.9em;
  text-transform: uppercase;
}
.mobile-bottom-nav > ul > li > .cart-info a {
  float: left;
  display: block;
  padding: 10px 3px;
  width: 60%;
  height: 75px;
  text-indent: -9999pt;
  background: url('../img/btn-checkout.png') center center no-repeat;
  background-size: contain;
  color: #ffffff;
}
@media (min-width: 1025px) {
  .mobile-bottom-nav {
    display: none;
  }
}
.mobile-bottom-nav .left-panel {
  position: absolute;
  left: -75%;
  bottom: 100%;
  z-index: 10;
  background: #ffffff;
  width: 75%;
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
  -webkit-box-shadow: 2px 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.mobile-bottom-nav .left-panel.active {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.mobile-bottom-nav .left-panel > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-bottom-nav .left-panel > ul > li {
  margin: 0;
  padding: 0;
}
.mobile-bottom-nav .left-panel > ul > li > a {
  display: block;
  padding: 10px;
  text-transform: uppercase;
  color: #272727;
  border-bottom: solid 1px #f4f4f4;
  font-size: 1.2em;
}
.mobile-bottom-nav .left-panel > ul > li > a span:first-child {
  font-size: 1.3em;
}
.mobile-bottom-nav .left-panel > ul > li > a span.icon-down,
.mobile-bottom-nav .left-panel > ul > li > a span.icon-right {
  float: right;
}
.mobile-bottom-nav .left-panel > ul > li > ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-bottom-nav .left-panel > ul > li > ul > li {
  margin: 0;
  padding: 0;
}
.mobile-bottom-nav .left-panel > ul > li > ul > li > a {
  display: block;
  padding: 5px 10px;
  background-color: #f4f4f4;
  font-size: 1.2em;
}
.mobile-bottom-nav .left-panel > ul > li.active > a span.icon-down:before,
.mobile-bottom-nav .left-panel > ul > li.active > a span.icon-right:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*-------------------------------------- RETIRED --------------------------------------*/
/* Hamburger - Mobile Navigation */
.mobile-navigation {
  display: none;
  position: absolute;
  top: 0;
  width: 80%;
  height: 100%;
  background: #272727;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
.mobile-navigation .branding {
  padding: 15px 40px;
}
.mobile-navigation .branding a {
  display: block;
}
.mobile-navigation .branding a > img {
  display: block;
  width: auto;
  height: 50px;
}
.mobile-navigation > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-navigation > ul > li {
  display: block;
  margin: 1px 0;
  background-color: #1a1a1a;
  /* Dropdown */
}
.mobile-navigation > ul > li > a {
  position: relative;
  display: block;
  padding: 5px 40px;
  width: 100%;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 18px;
  color: #ce0000;
  text-transform: uppercase;
}
.mobile-navigation > ul > li > a:before {
  position: absolute;
  top: 5px;
  right: 25px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "mu2icons";
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  content: '\e806';
}
.mobile-navigation > ul > li > a.active:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mobile-navigation > ul > li > ul {
  position: static;
  top: auto;
  right: auto;
  display: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  list-style: none;
}
.mobile-navigation > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 5px 40px;
  width: 100%;
  font-size: 14px;
  color: #ffffff;
}
.mobile-navigation > ul > li > ul.open {
  display: block;
}
.mobile-navigation .menu-block {
  padding: 20px 40px;
  border-bottom: solid 1px #343434;
}
.mobile-navigation .menu-block h3 {
  margin: 0;
  color: #cccccc;
  font-size: 18px;
}
.mobile-navigation .menu-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-navigation .menu-block ul li a {
  padding: 4px 0;
  display: block;
  color: #ffffff;
  font-size: 14px;
}
.mobile-navigation .menu-block ul li a:hover,
.mobile-navigation .menu-block ul li a:focus {
  color: #ce0000;
}
.mobile-navigation .menu-block ul.social li {
  display: inline-block;
}
.mobile-navigation .menu-block ul.social li a {
  padding: 5px;
  color: #cccccc;
}
.mobile-navigation .menu-block ul.social li a:hover,
.mobile-navigation .menu-block ul.social li a:focus {
  color: #ce0000;
}
.nav-open {
  left: 0%;
}
body.mobile-nav-open div.page {
  /*margin-left: 80%;
    margin-right: -80%;*/
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
  width: 100%;
  /*
    & header.page {
      margin-left: 80%;
      margin-right: -80%;
    }
    */
}
body.fallback-3d-transform div.page {
  left: 0;
}
body.fallback-3d-transform.mobile-nav-open div.page {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  left: 80%;
}
.fixed-side-nav {
  display: none;
}
@media (min-width: 768px) {
  .fixed-side-nav {
    position: fixed;
    top: 0;
    z-index: 9999;
    display: block;
    width: 250px;
    height: 100%;
    padding: 5px 0;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  }
  .fixed-side-nav .close-nav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    padding: 0px 10px;
    background: #ffffff;
    border: none;
    outline: none;
    font-size: 24px;
  }
  .fixed-side-nav .close-nav:hover {
    color: #2b2b2b;
  }
  .fixed-side-nav.left-nav {
    left: -250px;
    -webkit-transition: left 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out;
  }
  .fixed-side-nav.left-nav.nav-open {
    left: 0;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
  }
  .fixed-side-nav.left-nav a.home-link {
    display: block;
    margin: 0;
    padding: 5px 13px;
    margin-bottom: -10px;
    font-size: 16px;
    color: #272727;
  }
  .fixed-side-nav.left-nav a.home-link:hover {
    color: #ce0000;
  }
  .fixed-side-nav.right-nav {
    right: -250px;
    left: auto;
    -webkit-transition: right 0.2s ease-in-out;
    -moz-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
  }
  .fixed-side-nav.right-nav.nav-open {
    right: 0;
    left: auto;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
  }
  .fixed-side-nav.right-nav .close-nav {
    display: block;
  }
}
/* Fixed Nav Components */
.side-nav-comp {
  padding-top: 15px;
  padding-bottom: 20px;
  margin-bottom: 12px;
  border-bottom: solid 1px #e7e7e7;
  /* Social Icons */
  /* Scrollable Item list */
  /* Searchable Item list */
}
.side-nav-comp:last-child {
  border-bottom: none;
}
.side-nav-comp .title {
  display: block;
  margin: 0;
  padding: 7px 15px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  color: #272727;
  text-transform: uppercase;
}
.side-nav-comp .title > a {
  display: block;
  color: #272727;
}
.side-nav-comp .title > a:hover {
  color: #ce0000;
}
.side-nav-comp .title > .clear-filters {
  display: none;
  padding: 3px 8px;
  float: right;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 10px;
  color: #fff;
  background: #818181;
  border-radius: 10px;
}
.side-nav-comp .title > .clear-filters.show {
  display: inline-block;
}
.side-nav-comp .view-all-link {
  float: right;
  display: block;
  padding: 9px 10px;
  font-size: 12px;
}
.side-nav-comp .item-container .items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-nav-comp .item-container .items > li {
  /*&.highlight {
          a {
            color: @primary;
          }
        }*/
}
.side-nav-comp .item-container .items > li > a {
  display: block;
  padding: 5px 15px;
  font-size: 14px;
  color: #444444;
}
.side-nav-comp .item-container .items > li > a:hover {
  background-color: #e7e7e7;
}
.side-nav-comp .item-container .items > li.active a {
  color: #ce0000;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
}
.side-nav-comp .item-container .items > li.nothing-found {
  color: #5e5e5e;
  padding: 5px 15px;
  text-align: center;
  font-size: 12px;
}
.side-nav-comp .item-container .items.colors:before,
.side-nav-comp .item-container .items.colors:after {
  display: table;
}
.side-nav-comp .item-container .items.colors:after {
  content: '';
  clear: both;
}
.side-nav-comp .item-container .items.colors > li {
  float: left;
}
.side-nav-comp .item-container .items.colors > li > a {
  display: block;
  padding: 5px;
  border-radius: 5px;
}
.side-nav-comp .item-container .items.colors > li > a > .color-block {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 3px;
  /*&.active {
                &:after {
                  content: '';
                  display: block;
                  width: 10px;
                  height: 10px;
                  background: @primary;
                  position: relative;
                  top: 12px;
                  left: 12px;
                  border-radius: 100px;
                  border: solid 1px @active;
                }
              }*/
}
.side-nav-comp .item-container .items.colors > li > a > .color-block.color-white {
  border: solid 1px #f4f4f4;
}
.side-nav-comp .item-container .items.colors > li.active a {
  background-color: #e7e7e7;
}
.side-nav-comp ul.social-icons {
  padding: 0;
  list-style: none;
  text-align: center;
}
.side-nav-comp ul.social-icons li {
  display: inline-block;
  margin: 2px;
}
.side-nav-comp ul.social-icons li > a {
  display: block;
  padding: 4px;
  font-size: 16px;
  color: #aaa;
}
.side-nav-comp.side-nav-scrollable .item-container {
  height: 200px;
  overflow: hidden;
}
.side-nav-comp.side-nav-searchable .input-search {
  display: block;
  margin: 5px 3%;
  padding: 5px 6px;
  width: 94%;
  border: solid 1px #848484;
  font-size: 14px;
  color: #272727;
}
.side-nav-comp.side-nav-searchable .input-search:focus {
  outline: none;
  border-color: #5e5e5e;
}
.sticker {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 11;
  width: 64px;
  height: 64px;
}
.sticker > img {
  display: block;
  width: 100%;
  height: auto;
}
.snackbar-container {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 15000;
  width: 100%;
  overflow: hidden;
}
.snackbar-container .snackbar {
  background: #ce0000;
  padding: 10px 15px;
  min-height: 60px;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.snackbar-container .snackbar:before,
.snackbar-container .snackbar:after {
  display: table;
}
.snackbar-container .snackbar:after {
  content: '';
  clear: both;
}
.snackbar-container .snackbar.slide {
  -webkit-transform: translateZ(0) translateY(100%);
  -moz-transform: translateZ(0) translateY(100%);
  transform: translateZ(0) translateY(100%);
}
.snackbar-container .snackbar.hide {
  display: none;
}
.snackbar-container .snackbar .message {
  float: left;
  margin-top: 7px;
  color: #fff;
}
.snackbar-container .snackbar .message > .product-link {
  display: block;
  color: #ffffff;
}
.snackbar-container .snackbar .message > .product-link > img {
  float: left;
  display: inline-block;
  margin-right: 15px;
  width: auto;
  height: 40px;
  vertical-align: middle;
}
.snackbar-container .snackbar .message > .product-link > span {
  display: block;
  min-height: 40px;
  font-size: 12px;
  overflow: hidden;
}
.snackbar-container .snackbar .btn {
  float: right;
  padding: 12px 15px;
}
.snackbar-container .snackbar .btn:focus-visible {
  outline: solid 2px #ffffff;
  outline-offset: 3px;
}
.snackbar-container .snackbar .secondary-controls {
  clear: both;
  padding-top: 10px;
}
.snackbar-container .snackbar .secondary-controls.hide {
  display: none;
}
@media (min-width: 768px) {
  .snackbar-container {
    bottom: 50px;
    left: 50%;
    width: 500px;
    margin-left: -250px;
  }
  .snackbar-container .snackbar {
    min-height: 60px;
  }
}
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
/* Track Object */
.track {
  position: relative;
  margin: 0;
  padding: 18px 10px;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.track:before,
.track:after {
  display: table;
}
.track:after {
  content: '';
  clear: both;
}
.track > .left-area {
  position: relative;
  float: left;
  padding-right: 10px;
  width: 20px;
  transition: transform 0.2s ease-in-out;
}
.track > .center-area {
  overflow: hidden;
  min-height: 35px;
  transition: transform 0.2s ease-in-out;
}
.track > .right-area {
  position: relative;
  padding-left: 10px;
  float: right;
  transition: transform 0.2s ease-in-out;
}
.track .track-no {
  display: block;
  font: normal 300 20px 'Montserrat', sans-serif;
  text-align: right;
  color: #2b2b2b;
  font-size: 12px;
  line-height: 20px;
}
.track .track-title {
  margin: 0;
  font: normal 600 24px 'Montserrat', sans-serif;
  font-size: 16px;
  color: #2b2b2b;
  transition: color 0.2s ease-in-out;
}
.track .track-sub-title {
  margin: 0;
  padding-top: 3px;
  font: normal 300 20px 'Montserrat', sans-serif;
  color: #444444;
  font-size: 14px;
}
.track.details-same-line .track-sub-title {
  display: inline-block;
  font: normal 400 14px 'Open Sans', sans-serif;
  font-size: 16px;
}
.track .preview-controls {
  position: absolute;
  top: -10px;
  right: 100%;
  display: none;
}
.track .track-status {
  display: inline-block;
  padding: 5px;
  margin: 0;
  width: 36px;
  border: none;
  background: none;
  outline: none;
  font-size: 18px;
  transition: opacity 0.2s ease-in-out;
}
.track .track-controls {
  display: inline-block;
}
.track .track-controls > button {
  display: inline-block;
  padding: 5px;
  margin: 0;
  border: none;
  background: none;
  outline: none;
  color: #444444;
  font-size: 18px;
  opacity: 1;
  border-radius: 100px;
  -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.track .track-controls > button:hover,
.track .track-controls > button:focus {
  color: #272727;
  background-color: #f4f4f4;
}
.track .track-controls > button:focus-visible {
  outline: solid 2px #272727;
}
.track .track-controls > button.active {
  color: #ce0000;
}
.track > #seeker-bar,
.track > #seeker-bar-np {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 10px;
  background-color: #ce0000;
  border-radius: 0;
  border: none;
  vertical-align: middle;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  cursor: pointer;
}
.track > #seeker-bar .noUi-base,
.track > #seeker-bar-np .noUi-base {
  background: #ddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.track > #seeker-bar .noUi-base .noUi-connects,
.track > #seeker-bar-np .noUi-base .noUi-connects {
  border-radius: 0;
}
.track > #seeker-bar .noUi-base .noUi-connects .noUi-connect,
.track > #seeker-bar-np .noUi-base .noUi-connects .noUi-connect {
  background-color: #ce0000;
}
.track > #seeker-bar .noUi-handle,
.track > #seeker-bar-np .noUi-handle {
  height: 14px;
  width: 14px;
  right: -7px;
  top: -4px;
  border-radius: 100px;
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  outline: none;
  cursor: pointer;
}
.track > #seeker-bar .noUi-handle:before,
.track > #seeker-bar-np .noUi-handle:before,
.track > #seeker-bar .noUi-handle:after,
.track > #seeker-bar-np .noUi-handle:after {
  content: normal;
}
.track:hover,
.track:focus,
.track:focus-within {
  background-color: #f4f4f4;
}
.track:hover > #seeker-bar,
.track:focus > #seeker-bar,
.track:focus-within > #seeker-bar,
.track:hover > #seeker-bar-np,
.track:focus > #seeker-bar-np,
.track:focus-within > #seeker-bar-np {
  height: 10px;
  z-index: 2;
}
.track.playing .track-title {
  color: #272727;
}
.track.playing .track-status {
  color: #ce0000;
}
/* Tracks - Collection of tracks */
.tracks {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.tracks > .track {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  border: none;
  border-top: solid 1px #eee;
  outline: none;
  overflow: hidden;
}
.tracks > .track .remove-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 20px 0 0;
  width: 60px;
  height: 100%;
  text-align: center;
  background: #ce0000;
  color: #fff;
  opacity: 0;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.tracks > .track .sort-item {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  text-align: center;
  background: #ffffff;
  color: #444444;
  opacity: 0;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.tracks > .track .sort-item > .control {
  padding: 5px 8px;
  display: inline-block;
  text-align: center;
}
.tracks > .track .sort-item > .control > .icon {
  display: block;
  font-size: 20px;
}
.tracks > .track .sort-item > .control > .label {
  position: relative;
  top: -10px;
  display: inline-block;
  font-size: 10px;
}
.tracks > .track.removed {
  height: 0;
  padding: 0;
  border: none;
  background-color: #ce0000;
}
.tracks > .track.removed img {
  opacity: 0;
}
.tracks > .track.moved {
  background-color: #dbffdb;
}
.tracks > .track.moved .sort-item {
  background: #dbffdb;
}
.tracks.edit > .track .left-area,
.tracks.edit > .track .right-area,
.tracks.edit > .track .center-area {
  -webkit-transform: translate(60px, 0);
  -moz-transform: translate(60px, 0);
  transform: translate(60px, 0);
}
.tracks.edit > .track .remove-item,
.tracks.edit > .track .sort-item {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media (min-width: 1025px) {
  /* Track Object */
  .track .preview-controls {
    display: block;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    text-align: center;
  }
  .track .preview-controls .anim-song-preview {
    opacity: 1;
  }
  .track:hover .preview-controls,
  .track:focus .preview-controls,
  .track:focus-within .preview-controls {
    opacity: 1;
    background-color: #f4f4f4;
  }
  .track:focus-visible {
    outline: solid 2px #272727;
    outline-offset: -2px;
  }
  /* Tracks - Collection of tracks */
}
.fixed-side-nav.mix-player-container {
  right: -350px;
  width: 350px;
  z-index: 11000;
}
.fixed-side-nav.mix-player-container.nav-open {
  -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
}
.fixed-side-nav.mix-player-container .close-nav {
  margin-right: 10px;
  margin-top: 11px;
  padding: 0;
  width: 28px;
  height: 28px;
  background-color: #6a6a6a;
  color: #ffffff;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  border-radius: 100px;
}
.fixed-side-nav.mix-player-container .close-nav:hover {
  background-color: #444444;
}
/* Fixed Footer */
@media (min-width: 1200px) {
  .fixed-footer-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12000;
    height: 50px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-transition: left 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }
  .no-scroll .fixed-footer-container {
    right: 17px;
  }
}
.fixed-footer {
  display: none;
}
@media (min-width: 1200px) {
  .fixed-footer {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 15px;
    width: 100%;
    height: 100%;
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
  }
  .fixed-footer:before,
  .fixed-footer:after {
    display: table;
  }
  .fixed-footer:after {
    content: '';
    clear: both;
  }
  .fixed-footer .footer-group-left,
  .fixed-footer .footer-group-right {
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .fixed-footer .footer-group-left {
    left: 15px;
  }
  .fixed-footer .footer-group-right {
    right: 15px;
  }
  .fixed-footer .footer-group-center {
    text-align: center;
  }
  .fixed-footer .footer-links:before,
  .fixed-footer .footer-links:after {
    display: table;
  }
  .fixed-footer .footer-links:after {
    content: '';
    clear: both;
  }
  .fixed-footer .footer-links > ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .fixed-footer .footer-links > ul > li {
    margin: 0;
    padding: 0;
    float: left;
  }
  .fixed-footer .footer-links > ul > li > a,
  .fixed-footer .footer-links > ul > li > ul > li > a {
    display: block;
    padding: 12px 15px;
    outline: none;
    font: normal 600 12px 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 25px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #444444;
  }
  .fixed-footer .footer-links > ul > li > a > img,
  .fixed-footer .footer-links > ul > li > ul > li > a > img {
    display: inline-block;
    border: none;
    width: auto;
    height: 20px;
    vertical-align: middle;
  }
  .fixed-footer .footer-links > ul > li > a:hover,
  .fixed-footer .footer-links > ul > li > ul > li > a:hover {
    color: #272727;
  }
  .fixed-footer .footer-links > ul > li > a.active,
  .fixed-footer .footer-links > ul > li > ul > li > a.active {
    background-color: #f4f4f4;
    color: #272727;
  }
  .fixed-footer .footer-links > ul > li > a.hide,
  .fixed-footer .footer-links > ul > li > ul > li > a.hide {
    display: none;
  }
  .fixed-footer .footer-links > ul > li.hover-slide-menu {
    position: relative;
  }
  .fixed-footer .footer-links > ul > li.hover-slide-menu > ul {
    display: none;
    position: absolute;
    bottom: 0;
    left: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
  }
  .fixed-footer .footer-links > ul > li.hover-slide-menu > ul > li {
    display: inline-block;
  }
  .fixed-footer .footer-links > ul > li.hover-slide-menu:hover > ul {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .fixed-footer .footer-group-center .footer-links {
    display: inline-block;
  }
  .fixed-footer .player-controls .mix-player-controls {
    display: block;
    padding: 10px;
  }
  .fixed-footer .player-controls .mix-player-controls button {
    display: inline-block;
    padding: 5px;
    background: none;
    border: none;
    outline: none;
    vertical-align: middle;
    font-size: 20px;
    color: #444444;
    border-radius: 100px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    /*&.mix-player-play {
            font-size: 30px;
            line-height: 30px;
            width: 31px;
            height: 31px;
          }*/
  }
  .fixed-footer .player-controls .mix-player-controls button:hover {
    color: #272727;
  }
  .fixed-footer .player-controls .mix-player-controls button > span:before {
    margin: 0;
  }
  .fixed-footer .player-controls .mix-player-controls .mix-player-controls-group {
    float: right;
    margin-left: 15px;
    vertical-align: middle;
    line-height: 20px;
  }
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider {
    position: absolute;
    bottom: 26px;
    left: 0;
    display: block;
    opacity: 0;
    margin-left: 5px;
    width: 10px;
    height: 60px;
    background-color: #ffffff;
    vertical-align: middle;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-background {
    background-color: #444444;
  }
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle {
    height: 10px;
    width: 10px;
    left: -1px;
    top: -3px;
    border-radius: 100px;
    border: none;
    background: #272727;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:hover,
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:focus {
    height: 14px;
    width: 14px;
    top: -6px;
    left: -3px;
  }
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:before,
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:after {
    content: normal;
  }
  .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control:hover .vol-slider {
    opacity: 1;
  }
  .fixed-footer .player-controls .mix-player-controls .mixtape-cover {
    float: right;
    vertical-align: middle;
    width: auto;
    height: 30px;
    margin-left: 15px;
    cursor: pointer;
    opacity: 1;
    border-radius: 5px;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .fixed-footer .player-controls .mix-player-controls .mixtape-cover.hide {
    opacity: 0;
  }
  .fixed-footer .player-controls .mix-player-controls .current-track {
    position: relative;
    float: left;
    width: 200px;
    margin-right: 25px;
    padding: 6px 10px;
    line-height: 18px;
    overflow: hidden;
    cursor: pointer;
  }
  .fixed-footer .player-controls .mix-player-controls .current-track:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
  }
  .fixed-footer .player-controls .mix-player-controls .current-track > .title {
    display: inline;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: auto;
  }
  .fixed-footer .player-controls .mix-player-controls .my-profile {
    float: right;
    display: inline-block;
    padding: 4px 8px;
    color: #444444;
  }
  .fixed-footer .player-controls .mix-player-controls .my-profile:hover {
    color: #272727;
  }
  .fixed-footer .preview-mode-controls {
    margin: 15px 0;
  }
}
/* Mix Player */
.mix-player-container {
  display: none;
  position: fixed;
  top: 63px;
  left: 0;
  bottom: 60px;
  z-index: 10000;
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  background: #ffffff;
  -webkit-overflow-scrolling: touch;
}
.mix-player-container .mix-player-toggle-btn {
  display: none;
}
.mix-player-container .mix-player {
  overflow: hidden;
  -webkit-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
  -moz-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
  -o-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
  transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
}
.mix-player-container .mix-player .mix-player-queue-header {
  display: none;
  min-height: 120px;
}
.mix-player-container .mix-player .mix-player-queue-header .empty > .title {
  font-size: 24px;
  margin: 0;
  padding: 30px 0;
  text-align: center;
  text-transform: uppercase;
  color: #ddd;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape,
.mix-player-container .mix-player .mix-player-queue-header .playlist {
  position: relative;
  padding: 10px 15px;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape:before,
.mix-player-container .mix-player .mix-player-queue-header .playlist:before,
.mix-player-container .mix-player .mix-player-queue-header .mixtape:after,
.mix-player-container .mix-player .mix-player-queue-header .playlist:after {
  display: table;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape:after,
.mix-player-container .mix-player .mix-player-queue-header .playlist:after {
  content: '';
  clear: both;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape > .dropdown,
.mix-player-container .mix-player .mix-player-queue-header .playlist > .dropdown {
  position: absolute;
  top: 10px;
  right: 5px;
  z-index: 5;
  background-color: #fff;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape > a,
.mix-player-container .mix-player .mix-player-queue-header .playlist > a {
  display: block;
  border: none;
  outline: none;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape > a img,
.mix-player-container .mix-player .mix-player-queue-header .playlist > a img {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  float: left;
  border: none;
  outline: none;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details {
  overflow: hidden;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details h3,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details h3 {
  margin: 0 0 5px;
  color: #272727;
  font-size: 14px;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details h3 > a,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details h3 > a {
  color: #272727;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details h3 > a:hover,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details h3 > a:hover {
  color: #ce0000;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details h4,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details h4 {
  margin: 0;
  color: #444444;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ul,
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li,
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li {
  margin: 0;
  padding: 0;
  color: #444444;
  font-size: 12px;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul,
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul {
  display: inline-block;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li,
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li {
  display: inline-block;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li > a,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li > a,
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li > a,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li > a {
  color: #444444;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li > a:hover,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li > a:hover,
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li > a:hover,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li > a:hover {
  color: #ce0000;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li:after,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li:after,
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li:after,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li:after {
  content: ',';
  display: inline-block;
  padding: 0 4px;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li:last-child:after,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li:last-child:after,
.mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li:last-child:after,
.mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li:last-child:after {
  content: normal;
}
.mix-player-container .mix-player .mix-player-queue-header .mixtape .btn,
.mix-player-container .mix-player .mix-player-queue-header .playlist .btn {
  margin-top: 5px;
}
.mix-player-container .mix-player .queue-options {
  display: none;
  height: 30px;
}
.mix-player-container .mix-player .queue-options > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.mix-player-container .mix-player .queue-options > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.mix-player-container .mix-player .queue-options > ul > li > a {
  display: block;
  padding: 6px 6px;
  color: #444444;
}
.mix-player-container .mix-player .queue-options > ul > li > a:hover {
  color: #ce0000;
}
.mix-player-container .mix-player #jplayer {
  display: none;
}
.mix-player-container .mix-player .mix-player-queue {
  overflow: hidden;
  background-color: #f4f4f4;
  -webkit-overflow-scrolling: touch;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.empty {
  padding: 100px 30px;
  text-align: center;
  font-size: 20px;
  color: #ccc;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track .dropdown {
  display: none;
  position: absolute;
  top: 11px;
  right: 15px;
  z-index: 5;
  background-color: #eee;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a {
  display: block;
  padding: 10px;
  color: #444444;
  height: 65px;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a .track-no {
  float: left;
  font-size: 10px;
  text-align: right;
  margin-right: 10px;
  width: 20px;
  margin-top: 2px;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a .details {
  overflow: hidden;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a .title {
  color: #272727;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-bottom: 4px;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a .artist {
  display: block;
  color: #818181;
  font-size: 12px;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track.playing > a {
  background-color: #eee;
  color: #ce0000;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track.playing > a .title {
  color: #ce0000;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background-color: #ce0000;
  border-radius: 0;
  border: none;
  vertical-align: middle;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-background {
  background: #ddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle {
  height: 10px;
  width: 10px;
  left: -5px;
  top: 0px;
  border-radius: 0;
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle:before,
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle:after {
  content: normal;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track:hover > #seeker-bar {
  height: 10px;
  z-index: 2;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track:hover > #seeker-bar .noUi-handle {
  height: 14px;
  width: 14px;
  left: -7px;
  top: -2px;
  border-radius: 3px;
  border: none;
  background: #ce0000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track:hover > a {
  background-color: #eee;
}
.mix-player-container .mix-player .mix-player-queue ul.current-queue li.track:hover .dropdown {
  display: block;
}
.mix-player-container.minimized {
  left: 100%;
}
@media (min-width: 1025px) {
  .mix-player-container {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 100%;
    right: 30px;
    z-index: 1;
    width: 400px;
    height: 600px;
    -webkit-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
    -moz-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
    -o-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
    transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
    background: none;
  }
  .mix-player-container .mix-player-toggle-btn {
    display: block;
    position: absolute;
    top: -20px;
    right: 0;
    width: 50px;
    height: 20px;
    border: none;
    outline: none;
    background: #444444;
    color: #fff;
    font-size: 12px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }
  .mix-player-container .mix-player-toggle-btn:hover {
    background: #111111;
  }
  .mix-player-container .mix-player {
    width: 400px;
    height: 600px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    -webkit-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
    -moz-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
    -o-transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
    transition: height 0.5s cubic-bezier(0.17, 0.21, 0.12, 0.99);
  }
  .mix-player-container .mix-player .mix-player-queue-header {
    display: block;
    min-height: 120px;
  }
  .mix-player-container .mix-player .mix-player-queue-header .empty > .title {
    font-size: 24px;
    margin: 0;
    padding: 30px 0;
    text-align: center;
    text-transform: uppercase;
    color: #ddd;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape,
  .mix-player-container .mix-player .mix-player-queue-header .playlist {
    position: relative;
    padding: 10px 15px;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape:before,
  .mix-player-container .mix-player .mix-player-queue-header .playlist:before,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape:after,
  .mix-player-container .mix-player .mix-player-queue-header .playlist:after {
    display: table;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape:after,
  .mix-player-container .mix-player .mix-player-queue-header .playlist:after {
    content: '';
    clear: both;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape > .dropdown,
  .mix-player-container .mix-player .mix-player-queue-header .playlist > .dropdown {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 5;
    background-color: #fff;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape > a,
  .mix-player-container .mix-player .mix-player-queue-header .playlist > a {
    display: block;
    border: none;
    outline: none;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape > a img,
  .mix-player-container .mix-player .mix-player-queue-header .playlist > a img {
    display: block;
    width: 100px;
    height: 100px;
    margin-right: 10px;
    float: left;
    border: none;
    outline: none;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details {
    overflow: hidden;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details h3,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details h3 {
    margin: 0 0 5px;
    color: #272727;
    font-size: 14px;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details h3 > a,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details h3 > a {
    color: #272727;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details h3 > a:hover,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details h3 > a:hover {
    color: #ce0000;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details h4,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details h4 {
    margin: 0;
    color: #444444;
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ul,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li {
    margin: 0;
    padding: 0;
    color: #444444;
    font-size: 12px;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul {
    display: inline-block;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li {
    display: inline-block;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li > a,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li > a,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li > a,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li > a {
    color: #444444;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li > a:hover,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li > a:hover,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li > a:hover,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li > a:hover {
    color: #ce0000;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li:after,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li:after,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li:after,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li:after {
    content: ',';
    display: inline-block;
    padding: 0 4px;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ul > li > ul > li:last-child:after,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ul > li > ul > li:last-child:after,
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .details ol > li > ul > li:last-child:after,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .details ol > li > ul > li:last-child:after {
    content: normal;
  }
  .mix-player-container .mix-player .mix-player-queue-header .mixtape .btn,
  .mix-player-container .mix-player .mix-player-queue-header .playlist .btn {
    margin-top: 5px;
  }
  .mix-player-container .mix-player .queue-options {
    display: block;
    height: 30px;
  }
  .mix-player-container .mix-player .queue-options > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .mix-player-container .mix-player .queue-options > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .mix-player-container .mix-player .queue-options > ul > li > a {
    display: block;
    padding: 6px 6px;
    color: #444444;
  }
  .mix-player-container .mix-player .queue-options > ul > li > a:hover {
    color: #ce0000;
  }
  .mix-player-container .mix-player #jplayer {
    display: none;
  }
  .mix-player-container .mix-player .mix-player-queue {
    height: 450px;
    overflow: hidden;
    background-color: #f4f4f4;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.empty {
    padding: 100px 30px;
    text-align: center;
    font-size: 20px;
    color: #ccc;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track .dropdown {
    display: none;
    position: absolute;
    top: 11px;
    right: 15px;
    z-index: 5;
    background-color: #eee;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a {
    display: block;
    padding: 10px;
    color: #444444;
    height: 65px;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a .track-no {
    float: left;
    font-size: 10px;
    text-align: right;
    margin-right: 10px;
    width: 20px;
    margin-top: 2px;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a .details {
    overflow: hidden;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a .title {
    color: #272727;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-bottom: 4px;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > a .artist {
    display: block;
    color: #818181;
    font-size: 12px;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track.playing > a {
    background-color: #eee;
    color: #ce0000;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track.playing > a .title {
    color: #ce0000;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 4px;
    background-color: #ce0000;
    border-radius: 0;
    border: none;
    vertical-align: middle;
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-background {
    background: #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle {
    height: 10px;
    width: 10px;
    left: -5px;
    top: 0px;
    border-radius: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle:before,
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle:after {
    content: normal;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track:hover > #seeker-bar {
    height: 10px;
    z-index: 2;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track:hover > a {
    background-color: #eee;
  }
  .mix-player-container .mix-player .mix-player-queue ul.current-queue li.track:hover .dropdown {
    display: block;
  }
  .mix-player-container.minimized {
    left: auto;
    height: 120px !important;
  }
  .mix-player-container.minimized .mix-player {
    height: 120px !important;
  }
}
/* Default Color Theme (Light) */
.fixed-footer-default {
  background: #fff;
}
.mix-player-default .mix-player {
  background: #fff;
  border: solid 1px #eee;
}
.mix-player2 .mix-player-controls {
  padding: 10px 15px;
}
.mix-player2 .mix-player-controls button {
  display: inline-block;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  vertical-align: middle;
  font-size: 20px;
  color: #444444;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.mix-player2 .mix-player-controls button:hover {
  color: #272727;
}
.mix-player2 .mix-player-controls button > span:before {
  margin: 0;
}
.mix-player2 .mix-player-controls button.mix-player-play {
  font-size: 30px;
  line-height: 30px;
  width: 31px;
  height: 31px;
}
.mix-player2 .mix-player-controls .mix-player-volume-control {
  display: inline-block;
  margin-left: 10px;
  width: 120px;
  vertical-align: middle;
}
.mix-player2 .mix-player-controls .mix-player-volume-control > .vol-slider {
  display: inline-block;
  opacity: 0;
  margin-left: 5px;
  width: 60px;
  height: 10px;
  background-color: #444444;
  vertical-align: middle;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.mix-player2 .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle {
  height: 10px;
  width: 10px;
  left: -5px;
  top: -1px;
  border-radius: 100px;
  border: none;
  background: #272727;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.mix-player2 .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:hover,
.mix-player2 .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:focus {
  height: 14px;
  width: 14px;
  top: -3px;
  left: -7px;
}
.mix-player2 .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:before,
.mix-player2 .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:after {
  content: normal;
}
.mix-player2 .mix-player-controls:hover .mix-player-volume-control > .vol-slider {
  opacity: 1;
}
.mix-player2 .mix-player-queue-header {
  min-height: 120px;
}
.mix-player2 .mix-player-queue-header .empty > .title {
  font-size: 24px;
  margin: 0;
  padding: 30px 0;
  text-align: center;
  text-transform: uppercase;
  color: #ddd;
}
.mix-player2 .mix-player-queue-header .mixtape,
.mix-player2 .mix-player-queue-header .playlist {
  position: relative;
  padding: 10px 15px;
}
.mix-player2 .mix-player-queue-header .mixtape:before,
.mix-player2 .mix-player-queue-header .playlist:before,
.mix-player2 .mix-player-queue-header .mixtape:after,
.mix-player2 .mix-player-queue-header .playlist:after {
  display: table;
}
.mix-player2 .mix-player-queue-header .mixtape:after,
.mix-player2 .mix-player-queue-header .playlist:after {
  content: '';
  clear: both;
}
.mix-player2 .mix-player-queue-header .mixtape > .dropdown,
.mix-player2 .mix-player-queue-header .playlist > .dropdown {
  position: absolute;
  top: 10px;
  right: 5px;
  z-index: 5;
  background-color: #fff;
}
.mix-player2 .mix-player-queue-header .mixtape > a,
.mix-player2 .mix-player-queue-header .playlist > a {
  display: block;
  border: none;
  outline: none;
}
.mix-player2 .mix-player-queue-header .mixtape > a img,
.mix-player2 .mix-player-queue-header .playlist > a img {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  float: left;
  border: none;
  outline: none;
}
.mix-player2 .mix-player-queue-header .mixtape .details,
.mix-player2 .mix-player-queue-header .playlist .details {
  overflow: hidden;
}
.mix-player2 .mix-player-queue-header .mixtape .details h3,
.mix-player2 .mix-player-queue-header .playlist .details h3 {
  margin: 0 0 5px;
  color: #272727;
  font-size: 14px;
}
.mix-player2 .mix-player-queue-header .mixtape .details h3 > a,
.mix-player2 .mix-player-queue-header .playlist .details h3 > a {
  color: #272727;
}
.mix-player2 .mix-player-queue-header .mixtape .details h3 > a:hover,
.mix-player2 .mix-player-queue-header .playlist .details h3 > a:hover {
  color: #ce0000;
}
.mix-player2 .mix-player-queue-header .mixtape .details h4,
.mix-player2 .mix-player-queue-header .playlist .details h4 {
  margin: 0;
  color: #444444;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.mix-player2 .mix-player-queue-header .mixtape .details ul,
.mix-player2 .mix-player-queue-header .playlist .details ul,
.mix-player2 .mix-player-queue-header .mixtape .details ol,
.mix-player2 .mix-player-queue-header .playlist .details ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mix-player2 .mix-player-queue-header .mixtape .details ul > li,
.mix-player2 .mix-player-queue-header .playlist .details ul > li,
.mix-player2 .mix-player-queue-header .mixtape .details ol > li,
.mix-player2 .mix-player-queue-header .playlist .details ol > li {
  margin: 0;
  padding: 0;
  color: #444444;
  font-size: 12px;
}
.mix-player2 .mix-player-queue-header .mixtape .details ul > li > ul,
.mix-player2 .mix-player-queue-header .playlist .details ul > li > ul,
.mix-player2 .mix-player-queue-header .mixtape .details ol > li > ul,
.mix-player2 .mix-player-queue-header .playlist .details ol > li > ul {
  display: inline-block;
}
.mix-player2 .mix-player-queue-header .mixtape .details ul > li > ul > li,
.mix-player2 .mix-player-queue-header .playlist .details ul > li > ul > li,
.mix-player2 .mix-player-queue-header .mixtape .details ol > li > ul > li,
.mix-player2 .mix-player-queue-header .playlist .details ol > li > ul > li {
  display: inline-block;
}
.mix-player2 .mix-player-queue-header .mixtape .details ul > li > ul > li > a,
.mix-player2 .mix-player-queue-header .playlist .details ul > li > ul > li > a,
.mix-player2 .mix-player-queue-header .mixtape .details ol > li > ul > li > a,
.mix-player2 .mix-player-queue-header .playlist .details ol > li > ul > li > a {
  color: #444444;
}
.mix-player2 .mix-player-queue-header .mixtape .details ul > li > ul > li > a:hover,
.mix-player2 .mix-player-queue-header .playlist .details ul > li > ul > li > a:hover,
.mix-player2 .mix-player-queue-header .mixtape .details ol > li > ul > li > a:hover,
.mix-player2 .mix-player-queue-header .playlist .details ol > li > ul > li > a:hover {
  color: #ce0000;
}
.mix-player2 .mix-player-queue-header .mixtape .details ul > li > ul > li:after,
.mix-player2 .mix-player-queue-header .playlist .details ul > li > ul > li:after,
.mix-player2 .mix-player-queue-header .mixtape .details ol > li > ul > li:after,
.mix-player2 .mix-player-queue-header .playlist .details ol > li > ul > li:after {
  content: ',';
  display: inline-block;
  padding: 0 4px;
}
.mix-player2 .mix-player-queue-header .mixtape .details ul > li > ul > li:last-child:after,
.mix-player2 .mix-player-queue-header .playlist .details ul > li > ul > li:last-child:after,
.mix-player2 .mix-player-queue-header .mixtape .details ol > li > ul > li:last-child:after,
.mix-player2 .mix-player-queue-header .playlist .details ol > li > ul > li:last-child:after {
  content: normal;
}
.mix-player2 .mix-player-queue-header .mixtape .btn,
.mix-player2 .mix-player-queue-header .playlist .btn {
  margin-top: 5px;
}
.mix-player2 #jplayer {
  display: none;
}
.mix-player2 .mix-player-queue {
  height: 300px;
  overflow: hidden;
  background-color: #f4f4f4;
}
.mix-player2 .mix-player-queue ul.current-queue {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mix-player2 .mix-player-queue ul.current-queue li.empty {
  padding: 100px 30px;
  text-align: center;
  font-size: 20px;
  color: #ccc;
}
.mix-player2 .mix-player-queue ul.current-queue li.track {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.mix-player2 .mix-player-queue ul.current-queue li.track .dropdown {
  display: none;
  position: absolute;
  top: 11px;
  right: 15px;
  z-index: 5;
  background-color: #eee;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > a {
  display: block;
  padding: 10px;
  color: #444444;
  height: 65px;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > a .track-no {
  float: left;
  font-size: 10px;
  text-align: right;
  margin-right: 10px;
  width: 20px;
  margin-top: 2px;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > a .details {
  overflow: hidden;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > a .title {
  color: #272727;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-bottom: 4px;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > a .artist {
  display: block;
  color: #818181;
  font-size: 12px;
}
.mix-player2 .mix-player-queue ul.current-queue li.track.playing > a {
  background-color: #eee;
  color: #ce0000;
}
.mix-player2 .mix-player-queue ul.current-queue li.track.playing > a .title {
  color: #ce0000;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > #seeker-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background-color: #ce0000;
  border-radius: 0;
  border: none;
  vertical-align: middle;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-background {
  background: #ddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle {
  height: 10px;
  width: 10px;
  left: -5px;
  top: 0px;
  border-radius: 0;
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mix-player2 .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle:before,
.mix-player2 .mix-player-queue ul.current-queue li.track > #seeker-bar .noUi-handle:after {
  content: normal;
}
.mix-player2 .mix-player-queue ul.current-queue li.track:hover > #seeker-bar {
  height: 10px;
  z-index: 2;
}
.mix-player2 .mix-player-queue ul.current-queue li.track:hover > a {
  background-color: #eee;
}
.mix-player2 .mix-player-queue ul.current-queue li.track:hover .dropdown {
  display: block;
}
.mix-player2 .media-links {
  padding-top: 30px;
}
.mix-player2 .media-links ul.links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mix-player2 .media-links ul.links li {
  margin: 0;
  padding: 0;
}
.mix-player2 .media-links ul.links li a {
  display: block;
  padding: 12px 15px;
  font-size: 14px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #272727;
}
.mix-player2 .media-links ul.links li a:hover {
  background-color: #f4f4f4;
}
.fixed-footer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  height: 65px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-transition: left 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  transition: left 0.2s ease-in-out, transform 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.fixed-footer-container.hide {
  -webkit-transform: translate(0, 100%) translateZ(0);
  -moz-transform: translate(0, 100%) translateZ(0);
  transform: translate(0, 100%) translateZ(0);
}
.fixed-footer-container.footer-player-empty {
  -webkit-transform: translate(0, 100%) translateZ(0);
  -moz-transform: translate(0, 100%) translateZ(0);
  transform: translate(0, 100%) translateZ(0);
}
@media (min-width: 768px) {
  .fixed-footer-container {
    height: 50px;
  }
  .fixed-footer-container.hide,
  .fixed-footer-container.footer-player-empty {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@media (min-width: 768px) {
  .fixed-footer-container {
    z-index: 12000;
  }
  .no-scroll .fixed-footer-container {
    right: 17px;
  }
}
.fixed-footer-container .fixed-footer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0 5px;
  width: 100%;
  height: 100%;
  background: #ce0000;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
.fixed-footer-container .fixed-footer:before,
.fixed-footer-container .fixed-footer:after {
  display: table;
}
.fixed-footer-container .fixed-footer:after {
  content: '';
  clear: both;
}
.fixed-footer-container .fixed-footer .footer-group-left,
.fixed-footer-container .fixed-footer .footer-group-right,
.fixed-footer-container .fixed-footer .footer-group-center {
  display: none;
}
.fixed-footer-container .fixed-footer .footer-group-right {
  display: block;
}
.fixed-footer-container .fixed-footer .footer-group-center {
  text-align: center;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls {
  display: block;
  padding: 15px 6px;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls button {
  display: inline-block;
  padding: 5px 7px;
  background: none;
  border: none;
  outline: none;
  vertical-align: middle;
  font-size: 24px;
  color: #ffffff;
  border-radius: 100px;
  line-height: 25px;
  text-align: center;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  /*&.mix-player-play {
            font-size: 30px;
            line-height: 30px;
            width: 31px;
            height: 31px;
          }*/
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls button:hover {
  color: #ffffff;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls button > span:before {
  margin: 0;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-controls-group {
  float: right;
  margin-left: 15px;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider {
  position: absolute;
  bottom: 26px;
  left: 0;
  display: block;
  opacity: 0;
  margin-left: 5px;
  width: 10px;
  height: 60px;
  background-color: #ffffff;
  vertical-align: middle;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-background {
  background-color: #444444;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle {
  height: 10px;
  width: 10px;
  left: -1px;
  top: -3px;
  border-radius: 100px;
  border: none;
  background: #272727;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:hover,
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:focus {
  height: 14px;
  width: 14px;
  top: -6px;
  left: -3px;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:before,
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:after {
  content: normal;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control:hover .vol-slider {
  opacity: 1;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mixtape-cover {
  float: left;
  display: block;
  vertical-align: middle;
  width: auto;
  height: 36px;
  margin-right: 10px;
  cursor: pointer;
  opacity: 1;
  border-radius: 5px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mixtape-cover.hide {
  opacity: 0;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .current-track {
  position: relative;
  float: none;
  display: block;
  vertical-align: middle;
  width: auto;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
  cursor: pointer;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .current-track:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(left, #ce0000 0%, rgba(206, 0, 0, 0) 10%, rgba(206, 0, 0, 0) 90%, #ce0000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ce0000 0%, rgba(206, 0, 0, 0) 10%, rgba(206, 0, 0, 0) 90%, #ce0000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ce0000 0%, rgba(206, 0, 0, 0) 10%, rgba(206, 0, 0, 0) 90%, #ce0000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .current-track > .title {
  display: inline;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: auto;
  color: #ffffff;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .my-profile {
  float: right;
  display: inline-block;
  padding: 4px 8px;
  color: #444444;
}
.fixed-footer-container .fixed-footer .player-controls .mix-player-controls .my-profile:hover {
  color: #272727;
}
.fixed-footer-container .fixed-footer .preview-mode-controls {
  margin: 15px 0;
}
@media (min-width: 768px) {
  .fixed-footer-container .fixed-footer {
    padding: 0 15px;
    background: #ffffff;
  }
  .fixed-footer-container .fixed-footer .footer-group-left,
  .fixed-footer-container .fixed-footer .footer-group-right,
  .fixed-footer-container .fixed-footer .footer-group-center {
    display: block;
  }
  .fixed-footer-container .fixed-footer .footer-group-left,
  .fixed-footer-container .fixed-footer .footer-group-right {
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .fixed-footer-container .fixed-footer .footer-group-left {
    left: 15px;
  }
  .fixed-footer-container .fixed-footer .footer-group-right {
    right: 15px;
  }
  .fixed-footer-container .fixed-footer .footer-group-center {
    text-align: center;
  }
  .fixed-footer-container .fixed-footer .footer-links:before,
  .fixed-footer-container .fixed-footer .footer-links:after {
    display: table;
  }
  .fixed-footer-container .fixed-footer .footer-links:after {
    content: '';
    clear: both;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li {
    margin: 0;
    padding: 0;
    float: left;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li > a,
  .fixed-footer-container .fixed-footer .footer-links > ul > li > ul > li > a {
    display: block;
    padding: 12px 15px;
    outline: none;
    font: normal 600 12px 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 25px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #444444;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li > a > img,
  .fixed-footer-container .fixed-footer .footer-links > ul > li > ul > li > a > img {
    display: inline-block;
    border: none;
    width: auto;
    height: 20px;
    vertical-align: middle;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li > a:hover,
  .fixed-footer-container .fixed-footer .footer-links > ul > li > ul > li > a:hover {
    color: #272727;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li > a.active,
  .fixed-footer-container .fixed-footer .footer-links > ul > li > ul > li > a.active {
    background-color: #f4f4f4;
    color: #272727;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li > a.hide,
  .fixed-footer-container .fixed-footer .footer-links > ul > li > ul > li > a.hide {
    display: none;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li.hover-slide-menu {
    position: relative;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li.hover-slide-menu > ul {
    display: none;
    position: absolute;
    bottom: 0;
    left: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li.hover-slide-menu > ul > li {
    display: inline-block;
  }
  .fixed-footer-container .fixed-footer .footer-links > ul > li.hover-slide-menu:hover > ul {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .fixed-footer-container .fixed-footer .footer-group-center .footer-links {
    display: inline-block;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls {
    display: block;
    padding: 10px;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls button {
    display: inline-block;
    padding: 5px;
    background: none;
    border: none;
    outline: none;
    vertical-align: middle;
    font-size: 20px;
    color: #444444;
    border-radius: 100px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    /*&.mix-player-play {
              font-size: 30px;
              line-height: 30px;
              width: 31px;
              height: 31px;
            }*/
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls button:hover {
    color: #272727;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls button > span:before {
    margin: 0;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-controls-group {
    margin-left: 15px;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider {
    position: absolute;
    bottom: 26px;
    left: 0;
    display: block;
    opacity: 0;
    margin-left: 5px;
    width: 10px;
    height: 60px;
    background-color: #ffffff;
    vertical-align: middle;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-background {
    background-color: #444444;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle {
    height: 10px;
    width: 10px;
    left: -1px;
    top: -3px;
    border-radius: 100px;
    border: none;
    background: #272727;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:hover,
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:focus {
    height: 14px;
    width: 14px;
    top: -6px;
    left: -3px;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:before,
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control > .vol-slider .noUi-handle:after {
    content: normal;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mix-player-volume-control:hover .vol-slider {
    opacity: 1;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .mixtape-cover {
    float: right;
    margin-right: 0;
    margin-left: 15px;
    height: 30px;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .current-track {
    position: relative;
    width: 200px;
    padding: 6px 10px;
    line-height: 18px;
    overflow: hidden;
    cursor: pointer;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .current-track:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .current-track > .title {
    display: inline;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: auto;
    color: #444444;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .my-profile {
    float: right;
    display: inline-block;
    padding: 4px 8px;
    color: #444444;
  }
  .fixed-footer-container .fixed-footer .player-controls .mix-player-controls .my-profile:hover {
    color: #272727;
  }
  .fixed-footer-container .fixed-footer .preview-mode-controls {
    margin: 15px 0;
  }
}
.popup-features {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12000;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  -webkit-transition: -webkit-transform 0.2s 0.2s ease-in, box-shadow 0.2s 0.2s ease-in;
  -moz-transition: -moz-transform 0.2s 0.2s ease-in, box-shadow 0.2s 0.2s ease-in;
  transition: transform 0.2s 0.2s ease-in, box-shadow 0.2s 0.2s ease-in;
  -webkit-transform: translate(-100%, 0) translateZ(0);
  -moz-transform: translate(-100%, 0) translateZ(0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0) translateZ(0);
}
.popup-features.bring-to-front {
  z-index: 13000;
}
.popup-features .toggle-features {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1100;
  display: none;
  width: 30px;
  height: 30px;
  color: #444444;
  background-color: transparent;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.popup-features .toggle-features:hover {
  color: #272727;
}
.popup-features .popup-header {
  padding: 8px 0;
  background: #272727;
  border-bottom: solid 3px #ce0000;
  text-align: center;
}
.popup-features .popup-header a {
  display: inline-block;
}
.popup-features .popup-header a img {
  display: block;
  width: auto;
  height: 40px;
}
.popup-features .popup-header a.now-playing-btn,
.popup-features .popup-header a.close {
  display: block;
  position: absolute;
  top: 10px;
  z-index: 3;
  color: #cccccc;
  font-size: 30px;
}
.popup-features .popup-header a.now-playing-btn {
  left: 12px;
}
.popup-features .popup-header a.close {
  right: 12px;
}
.popup-features .popup-feature-page {
  display: block;
  position: absolute;
  top: 63px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.popup-features .popup-feature-page.active {
  display: block;
}
.popup-features .popup-feature-page.visible {
  opacity: 1;
  -webkit-transition: opacity 0.2s 0.2s ease-in-out;
  -moz-transition: opacity 0.2s 0.2s ease-in-out;
  transition: opacity 0.2s 0.2s ease-in-out;
}
.popup-features.show {
  -webkit-transform: translate(0, 0) translateZ(0);
  -moz-transform: translate(0, 0) translateZ(0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0) translateZ(0);
  -webkit-transition: -webkit-transform 0.2s ease-out, box-shadow 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out, box-shadow 0.2s ease-out;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
@media (min-width: 1200px) {
  .popup-features {
    top: auto;
    left: auto;
    right: 15px;
    bottom: 50px;
    z-index: 11000;
    width: 400px;
    height: 600px;
    -webkit-transform: translate(0, 100%) translateZ(0);
    -moz-transform: translate(0, 100%) translateZ(0);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%) translateZ(0);
  }
  .popup-features.bring-to-front {
    z-index: 11000;
  }
  .popup-features .popup-header {
    display: none;
  }
  .popup-features .toggle-features {
    display: block;
  }
  .popup-features .popup-feature-page {
    top: 0;
    bottom: auto;
    height: 100%;
  }
  .popup-features.show {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  .popup-features.to-left {
    right: auto;
    left: 15px;
    /*.toggle-features {
        right: auto;
        left: 0;
        margin-right: 0;
        margin-left: 15px;
      }*/
  }
  .no-scroll .popup-features {
    right: 32px;
  }
}
@media (orientation: landscape) and (min-height: 400px) {
  .popup-features {
    height: 82%;
  }
}
@media (orientation: landscape) and (min-height: 500px) {
  .popup-features {
    height: 88%;
  }
}
@media (orientation: landscape) and (min-height: 670px) {
  .popup-features {
    height: 600px;
  }
}
/*
@media (orientation: landscape) and (min-height: 900px) {
  .popup-features {
    height: 600px;
  }
}*/
#profile-box .profile-box-inner .box-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
#profile-box .profile-box-inner .box-header .profile-header {
  display: none;
  padding: 15px;
  position: relative;
}
#profile-box .profile-box-inner .box-header .profile-header > button {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #444444;
  outline: none;
}
#profile-box .profile-box-inner .box-header .profile-header > .profile-history-back {
  display: none;
  top: 15px;
  left: 15px;
}
#profile-box .profile-box-inner .box-header .profile-header > .profile-history-back.show {
  display: block;
}
#profile-box .profile-box-inner .box-header .profile-header > .close {
  top: 15px;
  right: 15px;
  background-color: #444444;
  color: #ffffff;
  border-radius: 100px;
}
#profile-box .profile-box-inner .box-header .profile-header > .title {
  margin: 0;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
}
#profile-box .profile-box-inner .box-header .profile-header .profile-search-box {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
#profile-box .profile-box-inner .box-header .profile-header .profile-search-box.show {
  display: block;
}
#profile-box .profile-box-inner .box-header .profile-header .profile-search-box .icon-search {
  position: absolute;
  top: 50%;
  left: 17px;
  z-index: 1;
  margin-top: -10px;
  cursor: pointer;
}
#profile-box .profile-box-inner .box-header .profile-header .profile-search-box input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 55px 15px 45px;
  border: none;
  outline: none;
}
#profile-box .profile-box-inner .box-header .profile-header .profile-search-box .icon-close {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  margin-top: -9px;
  cursor: pointer;
}
#profile-box .profile-box-inner .box-header .control-bar,
#profile-box .profile-box-inner .box-header .label-add-music-to-playlist {
  position: relative;
  padding: 0;
  height: 35px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
#profile-box .profile-box-inner .box-header .control-bar {
  /*.dropdown {
          position: absolute;
          top: 3px;
          right: 0;
          & > a {
            line-height: 30px;
            padding: 0 15px;
            color: @text;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
          }
          & > ul {
            & > li {
              & > a {

              }

              &.active {
                & > a {
                  font-weight: 600;
                  color: #ce0000;
                  background-color: #dbdbdb;
                }
              }
            }
          }
        }*/
}
#profile-box .profile-box-inner .box-header .control-bar .toggle-new-search,
#profile-box .profile-box-inner .box-header .control-bar .toggle-edit-mode {
  position: absolute;
  padding: 0 15px;
  line-height: 30px;
  background: none;
  border: none;
  color: #444444;
  outline: none;
}
#profile-box .profile-box-inner .box-header .control-bar .toggle-edit-mode {
  top: 3px;
  right: 0;
}
#profile-box .profile-box-inner .box-header .control-bar .toggle-new-search {
  top: 3px;
  left: 0;
}
#profile-box .profile-box-inner .box-header .control-bar .content-section-title {
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  margin: 0;
  font-weight: 600;
  color: #ce0000;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 50%;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li {
  position: relative;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li > .current-source {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  margin: 0;
  font-weight: 600;
  color: #ce0000;
  border: none;
  outline: none;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li > .current-source > .source {
  max-width: 130px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
  font-size: 14px;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li > .current-source > .btn-dismiss {
  display: none;
  color: #444444;
  text-decoration: none;
  outline: none;
  border: none;
  background: #f4f4f4;
  font-size: 10px;
  line-height: 22px;
  vertical-align: text-bottom;
  width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 20px;
  margin-right: 5px;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li > .current-source > .btn-dismiss.show {
  display: inline-block;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  background: #ffffff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2), 0 3px 25px rgba(0, 0, 0, 0.1);
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li > ul > li > a {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  margin: 0;
  font-weight: 600;
  color: #444444;
  border: none;
  outline: none;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li > ul > li > a:hover {
  background-color: #f4f4f4;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown > li > ul > li.hide {
  display: none;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown.active > li > .current-source {
  background-color: #f4f4f4;
}
#profile-box .profile-box-inner .box-header .control-bar .profile-source-dropdown.active > li > ul {
  display: block;
}
#profile-box .profile-box-inner .box-header .label-add-music-to-playlist {
  display: none;
  padding: 5px;
}
#profile-box .profile-box-inner .box-header .label-add-music-to-playlist > span {
  display: block;
  padding: 4px;
  background-color: #ce0000;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
}
#profile-box .profile-box-inner .box-header .list-controls {
  list-style: none;
  margin: 0;
  padding: 10px 15px;
  text-align: center;
}
#profile-box .profile-box-inner .box-header .list-controls.hide {
  display: none;
}
#profile-box .profile-box-inner .box-header .list-controls > li {
  display: inline-block;
}
#profile-box .profile-box-inner .box-header .list-controls > li > a {
  display: inline-block;
  margin: 0 3px;
  padding: 3px 7px;
  border: solid 1px #444444;
  color: #444444;
  border-radius: 5px;
  font-size: 12px;
  text-transform: uppercase;
}
#profile-box .profile-box-inner .box-header .list-controls > li > a:hover {
  background-color: #444444;
  color: #ffffff;
}
#profile-box .profile-box-inner .box-header .list-controls > li.active > a {
  background-color: #444444;
  color: #ffffff;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 82px;
  padding-bottom: 60px;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items::-webkit-scrollbar {
  opacity: 0;
  width: 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item {
  position: relative;
  display: block;
  width: auto;
  height: 110px;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: height 0.2s ease-in-out, background-color 0.2s ease-in-out;
  border: none;
  border-top: solid 1px #f4f4f4;
  outline: none;
  /*
             * Product specific properties
             * --------------------------------------------------------------
             */
  /*
             * Track specific properties
             * --------------------------------------------------------------
             */
  /*
             * Playlist specific properties
             * --------------------------------------------------------------
             */
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .add-item {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9;
  padding: 5px;
  font-size: 20px;
  color: #444444;
  cursor: pointer;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .add-item:hover {
  color: #2b2b2b;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .add-item.done {
  color: #2ECC71;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .remove-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 48px 0;
  width: 60px;
  height: 110px;
  text-align: center;
  background: #ce0000;
  color: #fff;
  opacity: 0;
  -webkit-transform: translate(-100%, 0) translateZ(0);
  -moz-transform: translate(-100%, 0) translateZ(0);
  transform: translate(-100%, 0) translateZ(0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .edit-controls {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 110px;
  text-align: center;
  background: #ffffff;
  color: #444444;
  opacity: 0;
  -webkit-transform: translate(100%, 0) translateZ(0);
  -moz-transform: translate(100%, 0) translateZ(0);
  transform: translate(100%, 0) translateZ(0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .edit-controls > .control {
  padding: 5px 8px;
  display: inline-block;
  text-align: center;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .edit-controls > .control > .icon {
  display: block;
  font-size: 20px;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .edit-controls > .control > .label {
  position: relative;
  top: -10px;
  display: inline-block;
  font-size: 10px;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .controls {
  float: right;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .controls > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .controls > li > .control {
  display: block;
  margin: 0;
  padding: 7px;
  background: none;
  border: none;
  outline: none;
  font-size: 18px;
  color: #444444;
  opacity: 1;
  -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .controls > li > .control:hover {
  color: #272727;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .controls > li > .control.active {
  color: #ce0000;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .controls > li > .control.hide-button {
  opacity: 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content {
  position: relative;
  display: block;
  padding: 5px;
  outline: none;
  border: none;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content:before,
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content:after {
  display: table;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content:after {
  content: '';
  clear: both;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .profile-item-image {
  float: left;
  display: block;
  width: 100px;
  height: 100px;
  border: none;
  outline: none;
  background-color: #f4f4f4;
  overflow: hidden;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .profile-item-image img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 100px;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content h3 {
  position: relative;
  margin: 0;
  padding-left: 10px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  max-height: 40px;
  white-space: normal;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content h3 > a {
  color: #272727;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 60px;
  height: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content ul.tags {
  margin: 0;
  padding: 0 0 0 5px;
  list-style: none;
  overflow: hidden;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content ul.tags > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content ul.tags > li > a {
  display: block;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .item-prices {
  display: block;
  margin-top: 3px;
  padding-left: 10px;
  height: 20px;
  overflow: hidden;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .item-prices .item-price {
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  color: #777777;
  text-decoration: line-through;
  vertical-align: middle;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .item-prices .item-price:last-child {
  color: #444444;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .item-prices .item-price:last-child.highlight-price {
  color: #ce0000;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-name {
  overflow: hidden;
  display: block;
  font: normal 600 24px 'Montserrat', sans-serif;
  font-size: 16px;
  color: #2b2b2b;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-name > a {
  display: block;
  color: #2b2b2b;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-name > a:hover {
  color: #ce0000;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-name > a img {
  float: left;
  display: block;
  margin-right: 15px;
  width: 50px;
  height: 50px;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-details {
  display: block;
  padding-top: 3px;
  font: normal 300 20px 'Montserrat', sans-serif;
  color: #444444;
  font-size: 14px;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-controls {
  float: right;
  padding-right: 5px;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-controls > button {
  display: inline-block;
  padding: 5px;
  margin: 0;
  border: none;
  background: none;
  outline: none;
  color: #444444;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-controls > button:hover {
  color: #272727;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-controls > button.active {
  color: #ce0000;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .track-controls > button.hide-button {
  opacity: 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .btn-mobile-preview {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  border: none;
  border-radius: 3px;
  background: #f4f4f4;
  color: #444444;
  text-transform: uppercase;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 10px;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .preview-controls {
  display: none;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content.with-controls {
  padding-right: 40px;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.playing .controls > li > .control.hide-button {
  opacity: 1;
  color: #ce0000;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.playing .profile-item-content .track-controls button.hide-button {
  opacity: 1;
  color: #ce0000;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.track {
  padding: 18px 5px;
  height: auto;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.track .remove-item {
  padding: 20px 0 0;
  height: 100%;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.track .edit-controls {
  height: 100%;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.track .profile-item-content {
  padding: 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.playlist {
  padding: 18px 5px;
  height: auto;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.playlist .remove-item {
  padding: 20px 0 0;
  height: 100%;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.playlist .edit-controls {
  height: 100%;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.playlist .profile-item-content {
  padding: 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item:first-child {
  border-top: none;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item:hover .profile-item-content {
  /*h3 {
                  color: @primary;
                }*/
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item:hover .controls > li .control {
  opacity: 1;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.processing {
  opacity: 0.2;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.processing .remove-item,
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.processing .edit-controls {
  cursor: not-allowed;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.removed {
  height: 0;
  padding: 0;
  border: none;
  background-color: #ce0000;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.removed img {
  opacity: 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.moved {
  background-color: #dbffdb;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.moved .edit-controls {
  background: #dbffdb;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .eof {
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  border-top: solid 1px #f4f4f4;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .nothing-found,
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .error {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  padding: 30px 0;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .nothing-found > span,
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .error > span {
  display: block;
  font-size: 36px;
  color: #777777;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .error {
  color: #DB7706;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .error > span {
  color: #DB7706;
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items.edit-mode .profile-item .remove-item,
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items.edit-mode .profile-item .edit-controls {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}
#profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items.edit-mode .profile-item .profile-item-content {
  -webkit-transform: translate(60px, 0);
  -moz-transform: translate(60px, 0);
  transform: translate(60px, 0);
}
#profile-box .profile-box-inner .profile-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 60px;
  background-color: #ce0000;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
#profile-box .profile-box-inner .profile-footer .profile-footer-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}
#profile-box .profile-box-inner .profile-footer .profile-footer-controls > li {
  display: inline-block;
  width: 20%;
}
#profile-box .profile-box-inner .profile-footer .profile-footer-controls > li > a {
  display: block;
  height: 60px;
  font-size: 12px;
  color: #ffffff;
}
#profile-box .profile-box-inner .profile-footer .profile-footer-controls > li > a > span {
  display: block;
  font-size: 16px;
  padding: 10px 5px 2px;
}
#profile-box .profile-box-inner .profile-footer .profile-footer-controls > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#profile-box .profile-box-inner .profile-footer .profile-footer-controls > li.active > a {
  background-color: rgba(0, 0, 0, 0.2);
}
#profile-box .profile-box-inner .internal-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
}
#profile-box .profile-box-inner .internal-popup.show {
  display: block;
}
#profile-box .profile-box-inner .internal-popup:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
#profile-box .profile-box-inner .internal-popup .popup-centered {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 75%;
  max-width: 300px;
}
#profile-box .profile-box-inner .internal-popup .popup-centered .internal-popup-content {
  background: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
#profile-box .profile-box-inner .internal-popup .popup-centered .internal-popup-content .message {
  margin: 0 0 20px;
  font-size: 14px;
}
#profile-box .profile-box-inner .internal-popup .popup-centered .internal-popup-content .btn {
  margin: 6px 2px;
}
#profile-box .profile-box-inner #profile-box-search-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 35, 35, 0.2);
  display: none;
}
#profile-box .profile-box-inner #profile-box-search-box.active {
  display: block;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 85%;
  height: 100%;
  background-color: #ffffff;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner > .close-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  padding: 13px;
  color: #444444;
  text-align: center;
  font-size: 10px;
  line-height: 24px;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner > .close-search:hover {
  color: #272727;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 50px;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel h3 {
  font-size: 18px;
  margin: 0;
  padding: 15px;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input {
  position: relative;
  margin: 10px 15px;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-input {
  position: relative;
  padding: 5px 5px 5px 32px;
  background: #f4f4f4;
  border: solid 1px #919191;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-input label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 5px 5px 5px 32px;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-input input {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  border: none;
  background: none;
  outline: none;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-input .icon-search {
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 10;
  padding: 5px;
  font-size: 12px;
  line-height: 24px;
  cursor: pointer;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-input .icon-search:hover {
  color: #272727;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-dropdown {
  position: absolute;
  top: 100%;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #272727;
  width: 100%;
  border: solid 1px #414141;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-dropdown.show {
  display: block;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-dropdown > li > a {
  display: block;
  padding: 10px 5px;
  border-bottom: solid 1px #414141;
  color: #ffffff;
  font-weight: 600;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-dropdown > li > a:hover {
  background-color: #414141;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .search-box-input .search-dropdown > li > li:last-child > a {
  border-bottom: none;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list li a {
  display: block;
  padding: 10px 15px;
  color: #232323;
  font-weight: 600;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list li.collapsed > ul {
  display: block;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list > li ul {
  display: none;
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list > li ul > li > .new-loader {
  width: auto;
  display: inline-block;
  padding: 5px;
  height: 32px;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list > li ul.horizontal {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 15px 0 0;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list > li ul.horizontal > li {
  display: inline-block;
}
#profile-box .profile-box-inner #profile-box-search-box > .search-box-inner .scrollable-panel .collapsible-list > li ul.horizontal > li > a {
  padding: 10px;
  color: #ce0000;
}
#profile-box.hide-controls .profile-box-inner .box-header {
  -webkit-transform: translate(0, -100%) translateZ(0);
  -moz-transform: translate(0, -100%) translateZ(0);
  transform: translate(0, -100%) translateZ(0);
}
#profile-box.hide-controls .profile-box-inner .profile-footer {
  -webkit-transform: translate(0, 100%) translateZ(0);
  -moz-transform: translate(0, 100%) translateZ(0);
  transform: translate(0, 100%) translateZ(0);
}
#profile-box.hide-controls .playlist--add-music {
  -webkit-transform: translate(0, 100%) translateZ(0);
  -moz-transform: translate(0, 100%) translateZ(0);
  transform: translate(0, 100%) translateZ(0);
}
#profile-box .playlist--add-new {
  padding: 5px;
}
#profile-box .playlist--add-new.hide {
  display: none;
}
#profile-box .playlist--add-new > .playlist--new-name {
  position: relative;
  padding: 5px 5px 5px 15px;
  background: #f4f4f4;
  border: solid 1px #919191;
}
#profile-box .playlist--add-new > .playlist--new-name label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 5px 5px 5px 15px;
  font-size: 16px;
  line-height: 24px;
  color: #777777;
}
#profile-box .playlist--add-new > .playlist--new-name label.hide {
  display: none;
}
#profile-box .playlist--add-new > .playlist--new-name input {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #272727;
  border: none;
  background: none;
  outline: none;
}
#profile-box .playlist--add-new > .playlist--new-name input:disabled {
  color: #444444;
}
#profile-box .playlist--add-new > .playlist--new-name .icon-search {
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 10;
  padding: 5px;
  font-size: 12px;
  line-height: 24px;
  cursor: pointer;
}
#profile-box .playlist--add-new > .playlist--new-name .icon-search:hover {
  color: #272727;
}
#profile-box .playlist--add-new > .playlist--new-name #playlist--do-create {
  border: none;
  -webkit-appearance: none;
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  z-index: 10;
  padding: 0 20px;
  background-color: #ce0000;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 18px;
  color: #ffffff;
  border-radius: 20px;
}
#profile-box .playlist--add-new > .playlist--new-name #playlist--do-create.hide {
  display: none;
}
#profile-box .playlist--add-new > .playlist--new-name .new-inline-loader {
  display: none;
  position: absolute;
  top: 6px;
  right: 60px;
  z-index: 10;
}
#profile-box .playlist--add-new.loading > .playlist--new-name .new-inline-loader {
  display: block;
}
#profile-box .playlist--add-music {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  padding: 30px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#profile-box .playlist--add-music.hide {
  display: none;
}
#profile-box .playlist--add-music > button {
  display: block;
  width: 100%;
}
#profile-box.add-music-mode .profile-box-inner .box-header .label-add-music-to-playlist {
  display: block;
}
#profile-box.add-music-mode .profile-box-inner .profile-contents .profile-item-list .profile-items {
  padding-top: 112px;
}
#profile-box.add-music-mode .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.playlist .add-item {
  display: block;
}
#profile-box.add-music-mode.source-playlist .profile-box-inner .profile-contents .profile-item-list .profile-items {
  padding-top: 115px;
}
#profile-box.update-playlist-mode .profile-box-inner .box-header .label-add-music-to-playlist {
  display: block;
}
#profile-box.update-playlist-mode .profile-box-inner .profile-contents .profile-item-list .profile-items {
  padding-top: 112px;
}
#profile-box.update-playlist-mode .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.product .add-item,
#profile-box.update-playlist-mode .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.track .add-item {
  display: block;
}
#profile-box.update-playlist-mode .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.product .profile-item-content .controls,
#profile-box.update-playlist-mode .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.track .profile-item-content .controls,
#profile-box.update-playlist-mode .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.product .profile-item-content .track-controls,
#profile-box.update-playlist-mode .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item.track .profile-item-content .track-controls {
  display: none;
}
#profile-box.update-playlist-mode .profile-box-inner .playlist--add-music {
  display: none !important;
}
@media (min-width: 1200px) {
  #profile-box .profile-box-inner .box-header .profile-header {
    display: block;
  }
  #profile-box .profile-box-inner .box-header .profile-header > button {
    color: #444444;
  }
  #profile-box .profile-box-inner .box-header .profile-header > .close {
    display: none;
  }
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items {
    padding-top: 134px;
    padding-bottom: 0;
  }
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item #mixtape-preview-overlay {
    left: auto;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 53px;
  }
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item #mixtape-preview-overlay.active {
    height: 70px;
  }
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item #mixtape-preview-overlay .preview-track-title,
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item #mixtape-preview-overlay .anim-song-preview {
    display: none;
  }
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item #mixtape-preview-overlay .preview-mode-next,
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item #mixtape-preview-overlay .preview-mode-prev {
    top: 24px;
    padding: 0;
  }
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .btn-mobile-preview {
    display: none;
  }
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item .profile-item-content .preview-controls {
    display: block;
    position: absolute;
    bottom: 0;
    right: 70px;
    z-index: 8;
  }
  #profile-box .profile-box-inner .profile-contents .profile-item-list .profile-items .profile-item:hover .profile-item-content .preview-controls {
    opacity: 1;
  }
  #profile-box .profile-box-inner .profile-footer {
    display: none;
  }
  #profile-box.add-music-mode .profile-box-inner .profile-contents .profile-item-list .profile-items {
    padding-top: 170px;
  }
  #profile-box.update-playlist-mode .profile-box-inner .profile-contents .profile-item-list .profile-items {
    padding-top: 170px;
  }
}
@media (min-width: 1200px) {
  #profile-box #profile-box-search-box > .search-box-inner {
    width: 70%;
  }
}
/* Subscriptions profile box */
#profile-box-data-subscriptions .account-balance {
  padding: 20px;
  background-color: #272727;
  color: #fff;
  margin: 10px;
  border-radius: 3px;
  font-size: 18px;
  text-align: center;
}
#profile-box-data-subscriptions .active-subscriptions > .subscription {
  padding: 15px;
  margin: 10px 10px;
  background-color: #fff;
  box-shadow: 0 2px 9px 3px rgba(0, 0, 0, 0.28);
}
#profile-box-data-subscriptions .active-subscriptions > .subscription > h4 {
  margin: 0 0 8px;
  font-size: 20px;
  text-transform: uppercase;
}
#profile-box-data-subscriptions .active-subscriptions > .subscription > em {
  display: block;
  margin: 0 0 5px;
}
#profile-box-data-subscriptions .past-subscriptions > .subscription {
  padding: 15px;
  margin: 10px 10px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
#now-playing-popup .loading-item {
  display: none;
  position: absolute;
  top: 63px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1500;
  background: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  text-align: center;
  /* Ghost element to center align the modal's content */
}
#now-playing-popup .loading-item:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
#now-playing-popup .loading-item.show {
  display: block;
}
#now-playing-popup .loading-item .centered {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 30px 0;
  width: 95%;
  white-space: normal;
}
#now-playing-popup .loading-item .centered .item-loader > div {
  background-color: #272727;
}
@media (min-width: 1200px) {
  #now-playing-popup .loading-item {
    top: 0;
  }
}
#now-playing > .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 60px;
  background-color: #ce0000;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#now-playing > .controls button {
  border: none;
  outline: none;
  background: none;
  padding: 0 15px;
  font-size: 24px;
  line-height: 30px;
  height: 60px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
#now-playing > .controls button:hover {
  background: rgba(0, 0, 0, 0.1);
}
#now-playing .now-playing-inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding-bottom: 50px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#now-playing .now-playing-inner::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
#now-playing .now-playing-inner .btn-play {
  position: relative;
  margin: 0;
  width: 100%;
  padding-top: 100%;
  background: #444444 no-repeat center center;
  background-size: contain;
  cursor: pointer;
}
#now-playing .now-playing-inner .btn-play .btn-play-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 140px;
  margin-top: -70px;
  margin-left: -70px;
  text-align: center;
}
#now-playing .now-playing-inner .btn-play .btn-play-inner .icon {
  color: #ffffff;
  font-size: 100px;
  opacity: 0.8;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.3));
}
#now-playing .now-playing-inner .queue-title {
  margin: 15px 0;
  padding: 0 15px;
  text-align: center;
  border-bottom: solid 1px #f4f4f4;
}
#now-playing .now-playing-inner .queue-title .queue-name {
  margin: 0;
  font-size: 16px;
  cursor: pointer;
}
#now-playing .now-playing-inner .queue-title .queue-meta {
  margin: 0;
  padding: 8px 0;
  font-size: 12px;
}
#now-playing .now-playing-inner ul.queue-controls {
  margin: 15px 0;
  padding: 0 15px;
  text-align: center;
}
#now-playing .now-playing-inner ul.queue-controls.hide {
  display: none;
}
#now-playing .now-playing-inner ul.queue-controls > li {
  display: inline-block;
  padding: 0;
}
#now-playing .now-playing-inner ul.queue-controls > li > a {
  display: block;
  padding: 10px;
  color: #444444;
}
#now-playing .now-playing-inner ul.queue-controls > li > a .icon {
  display: block;
  font-size: 20px;
}
#now-playing .now-playing-inner ul.queue-controls > li > a .label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
}
#now-playing .now-playing-inner ul.queue-controls > li > a.active {
  color: #ce0000;
}
#now-playing .now-playing-inner .product-controls {
  margin: 15px 0;
  padding: 0 15px;
  text-align: center;
}
#now-playing .now-playing-inner .product-controls.hide {
  display: none;
}
#now-playing .now-playing-inner .product-controls .btn-dropdown .label {
  width: 100%;
}
#now-playing .now-playing-inner .product-controls .btn-dropdown .btn-dropdown-menu {
  width: 100%;
}
#now-playing .now-playing-inner .product-tags {
  margin: 0;
  padding: 15px;
  list-style: none;
  text-align: center;
  border: solid 1px #f4f4f4;
  border-left: none;
  border-right: none;
}
#now-playing .now-playing-inner .product-tags.hide {
  display: none;
}
#now-playing .now-playing-inner .product-tags > li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
#now-playing .now-playing-inner .product-tags > li > a {
  display: block;
  margin: 2px;
  padding: 6px 10px;
  font-size: 12px;
}
#now-playing .now-playing-inner .product-tags > li.loading {
  display: block;
  text-align: center;
}
#now-playing .now-playing-inner ul.queue-items {
  padding: 0;
}
#now-playing .now-playing-inner ul.queue-items li.empty {
  padding: 100px 30px;
  text-align: center;
  font-size: 20px;
  color: #ccc;
}
@media (min-width: 1200px) {
  #now-playing > .controls {
    display: none;
  }
  #now-playing .now-playing-inner .now-playing-details {
    padding: 5px;
  }
  #now-playing .now-playing-inner .now-playing-details:before,
  #now-playing .now-playing-inner .now-playing-details:after {
    display: table;
  }
  #now-playing .now-playing-inner .now-playing-details:after {
    content: '';
    clear: both;
  }
  #now-playing .now-playing-inner .btn-play {
    float: left;
    margin: 0;
    width: 50%;
    padding-top: 50%;
    /*&:hover {
          .btn-play-inner {
            .icon {
              opacity: 1;
            }
          }
        }*/
  }
  #now-playing .now-playing-inner .btn-play .btn-play-inner {
    display: none;
    /*.icon {
            opacity: 0.4;
            transition: opacity 0.2s ease-in-out;
          }*/
  }
  #now-playing .now-playing-inner .queue-title,
  #now-playing .now-playing-inner ul.queue-controls,
  #now-playing .now-playing-inner .product-controls {
    float: right;
    width: 50%;
  }
  #now-playing .now-playing-inner .queue-title {
    margin: 0;
    padding: 15px;
  }
  #now-playing .now-playing-inner .queue-title .queue-name {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
  }
  #now-playing .now-playing-inner .queue-title .queue-meta {
    display: none;
  }
  #now-playing .now-playing-inner ul.queue-controls {
    margin: 0;
  }
  #now-playing .now-playing-inner .product-controls {
    margin: 8px 0;
  }
  #now-playing .now-playing-inner .product-controls .btn-dropdown {
    display: inline-block;
  }
  #now-playing .now-playing-inner .product-controls .btn-dropdown .label {
    width: auto;
    margin: 0;
    font-size: 12px;
    padding: 10px 15px;
  }
  #now-playing .now-playing-inner .product-controls .btn-dropdown .btn-dropdown-menu {
    width: 250px;
    left: auto;
    right: 0;
  }
  #now-playing .now-playing-inner .product-tags > li > a {
    padding: 2px 5px;
  }
}
.player-empty {
  padding: 80px 0;
}
.player-empty h2 {
  color: #272727 !important;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.player-empty p {
  text-align: center;
}
.dashboard-widgets {
  margin: 0 auto;
  width: 860px;
}
.dashboard-widgets:before,
.dashboard-widgets:after {
  display: table;
}
.dashboard-widgets:after {
  content: '';
  clear: both;
}
.dashboard-widgets .widget {
  margin: 15px;
  width: 400px;
  background: #fff;
  float: left;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.1);
}
.dashboard-widgets .widget > .title {
  margin: 0;
  padding: 15px;
  text-transform: uppercase;
  border-bottom: solid 1px #e7e7e7;
}
.dashboard-widgets .widget > .options {
  margin: 0;
  padding: 15px;
  float: right;
  list-style: none;
}
.dashboard-widgets .widget > .options > li {
  display: block;
  padding-left: 5px;
  float: left;
}
.dashboard-widgets .widget > .options > li:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 20px;
  padding-left: 5px;
  border-right: solid 1px #eee;
  vertical-align: middle;
}
.dashboard-widgets .widget > .options > li:last-child:after {
  content: normal;
}
.dashboard-widgets .widget > .options > li > a {
  display: inline-block;
  padding: 3px 5px;
  font-size: 10px;
  text-transform: uppercase;
  color: #444444;
  vertical-align: middle;
}
.dashboard-widgets .widget > .options > li.active > a {
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  color: #ce0000;
}
.dashboard-widgets .widget .content {
  min-height: 320px;
}
.dashboard-widgets .widget .content > ul.items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dashboard-widgets .widget .content > ul.items > li {
  position: relative;
  display: block;
  margin: 0;
  padding: 10px;
  height: 40px;
  font-size: 16px;
}
.dashboard-widgets .widget .content > ul.items > li:nth-child(2n - 1) {
  background-color: #f4f4f4;
}
.dashboard-widgets .widget .content > ul.items > li > .play-this {
  float: left;
  margin-right: 10px;
  color: #6a6a6a;
  cursor: pointer;
}
.dashboard-widgets .widget .content > ul.items > li > .play-this:hover,
.dashboard-widgets .widget .content > ul.items > li > .play-this:focus {
  color: #ce0000;
}
.dashboard-widgets .widget .content > ul.items > li > .title {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #444444;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}
.dashboard-widgets .widget .content > ul.items > li > .dropdown {
  float: right;
}
.dashboard-widgets .widget .controls {
  padding: 15px;
  text-align: right;
  border-top: solid 1px #e7e7e7;
}
.dashboard-widgets .widget .controls .btn {
  display: inline-block;
  font-size: 10px;
}
.app-bar-placeholder {
  display: none;
  height: 45px;
}
.app-bar-placeholder.show {
  display: block;
}
.app-bar {
  position: fixed;
  top: 94px;
  /* previously 63px */
  left: 0;
  z-index: 1500;
  width: 100%;
  height: 45px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.app-bar.hide {
  -webkit-transform: translate3d(0, -94px, 0);
  -moz-transform: translate3d(0, -94px, 0);
  transform: translate3d(0, -94px, 0);
}
.app-bar.init {
  display: none;
}
.app-bar.disabled {
  display: none;
}
.app-bar .show-only-on-fixed {
  display: none !important;
}
.app-bar .call-banner-strip {
  display: block;
  position: absolute;
  bottom: 100%;
  width: 100%;
  margin: 0;
}
.app-bar .dropdown .dropdown-menu > li.overview {
  text-align: center;
}
.app-bar .dropdown .dropdown-menu > li.overview > a {
  padding: 10px;
  font: normal 400 14px 'Open Sans', sans-serif;
}
.app-bar .dropdown .dropdown-menu > li.overview > div {
  padding: 10px;
  font: normal 400 14px 'Open Sans', sans-serif;
}
.app-bar .dropdown .dropdown-menu > li.overview > .cart-details .btn-checkout {
  margin: 10px 0;
}
.app-bar .dropdown .dropdown-menu > li.divider:after {
  width: 100%;
  border-bottom-color: #3b3b3b;
}
.app-bar .left-controls,
.app-bar .right-controls,
.app-bar .center-controls {
  display: none;
}
.app-bar .left-controls > ul,
.app-bar .right-controls > ul,
.app-bar .center-controls > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.app-bar .left-controls > ul > li,
.app-bar .right-controls > ul > li,
.app-bar .center-controls > ul > li {
  display: inline-block;
}
.app-bar .left-controls > ul > li > a,
.app-bar .right-controls > ul > li > a,
.app-bar .center-controls > ul > li > a,
.app-bar .left-controls > ul > li > .label,
.app-bar .right-controls > ul > li > .label,
.app-bar .center-controls > ul > li > .label {
  display: block;
  position: relative;
  padding: 0 10px;
  color: #444444;
  text-transform: uppercase;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 45px;
}
.app-bar .left-controls > ul > li > a:hover,
.app-bar .right-controls > ul > li > a:hover,
.app-bar .center-controls > ul > li > a:hover,
.app-bar .left-controls > ul > li > a:focus,
.app-bar .right-controls > ul > li > a:focus,
.app-bar .center-controls > ul > li > a:focus {
  color: #272727;
}
.app-bar .left-controls > ul > li > a:focus-visible,
.app-bar .right-controls > ul > li > a:focus-visible,
.app-bar .center-controls > ul > li > a:focus-visible {
  outline: solid 2px #272727;
  outline-offset: 3px;
}
.app-bar .left-controls > ul > li.label,
.app-bar .right-controls > ul > li.label,
.app-bar .center-controls > ul > li.label {
  display: none;
}
.app-bar .left-controls {
  display: block;
  float: left;
}
.app-bar .right-controls {
  display: block;
  text-align: right;
}
.app-bar .center-controls {
  margin: 0 auto;
  float: left;
}
.app-bar .center-controls .title {
  text-align: center;
  font: normal 300 20px 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 45px;
}
.app-bar .drawer {
  position: fixed;
  top: 100%;
  z-index: 1500;
  display: none;
  width: 80%;
  background-color: #ffffff;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.app-bar .drawer.show {
  display: block;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
}
.app-bar .drawer.to-left {
  left: 0;
}
.app-bar .drawer.to-right {
  right: 0;
}
.app-bar .drawer .drawer-inner {
  position: relative;
  padding: 15px;
  /* TODO Remove */
}
.app-bar .drawer .drawer-inner > .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  padding: 13px;
  color: #666666;
  text-align: center;
  font-size: 10px;
  line-height: 24px;
}
.app-bar .drawer .drawer-inner > .close:focus-visible {
  outline-offset: -8px;
}
.app-bar .drawer .drawer-inner h3 {
  margin: 0 0 10px;
  font-size: 18px;
  text-align: center;
}
.app-bar .drawer .drawer-inner h3.drawer-title {
  padding: 15px;
  text-align: left;
}
.app-bar .drawer .drawer-inner .search-box {
  position: relative;
  background: #f4f4f4;
}
.app-bar .drawer .drawer-inner .search-box label {
  position: absolute;
  z-index: 0;
  padding: 5px;
  font-size: 18px;
  line-height: 24px;
  color: #555555;
  border: solid 1px transparent;
}
.app-bar .drawer .drawer-inner .search-box input {
  position: relative;
  display: block;
  padding: 5px;
  padding-right: 30px;
  width: 100%;
  background: none;
  border: solid 1px #919191;
  outline: none;
  font-size: 18px;
  line-height: 24px;
}
.app-bar .drawer .drawer-inner .search-box input:focus {
  border-color: #777777;
}
.app-bar .drawer .drawer-inner .search-box button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: none;
  background: none;
}
.app-bar .drawer .drawer-inner .search-input {
  position: relative;
  padding: 8px 8px 8px 32px;
  background: #f4f4f4;
  border: solid 1px #919191;
}
.app-bar .drawer .drawer-inner .search-input label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 8px 8px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
}
.app-bar .drawer .drawer-inner .search-input input {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 40px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  border: none;
  background: none;
  outline: none;
}
.app-bar .drawer .drawer-inner .search-input .icon-search {
  position: absolute;
  top: 2px;
  left: 0;
  padding: 8px;
  font-size: 12px;
  line-height: 24px;
}
.app-bar .drawer .drawer-inner .search-input .loading-search {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
.app-bar .drawer .drawer-inner .search-input .loading-search.show {
  display: block;
}
.app-bar .drawer .drawer-inner .search-input .clear-results {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 40px;
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
  color: #444444;
}
.app-bar .drawer .drawer-inner .search-input .clear-results:hover {
  color: #272727;
}
.app-bar .drawer .drawer-inner .search-input .clear-results.show {
  display: block;
}
.app-bar .drawer .drawer-inner .search-results {
  display: none;
}
.app-bar .drawer .drawer-inner .info-block {
  margin: 30px 0;
}
.app-bar .drawer .drawer-inner .info-block .featured-items > .show-all-featured {
  display: none;
}
.app-bar .drawer .drawer-inner .info-block .featured-items.minimized {
  position: relative;
  overflow: hidden;
  height: 240px;
}
.app-bar .drawer .drawer-inner .info-block .featured-items.minimized > .show-all-featured {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 42px;
  border: none;
  background: #ffffff;
  font: normal 600 14px 'Montserrat', sans-serif;
  color: #272727;
  text-transform: uppercase;
}
.app-bar .drawer .drawer-inner .info-block .featured-items.minimized > .show-all-featured:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 25px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.app-bar .drawer .drawer-inner .info-block .featured-items > .featured-item {
  position: relative;
  margin: 0;
  padding: 10px;
  font-size: 18px;
  text-transform: uppercase;
  border-top: solid 1px #eee;
}
.app-bar .drawer .drawer-inner .info-block .featured-items > .featured-item:last-child {
  border-bottom: solid 1px #eee;
}
.app-bar .drawer .drawer-inner .info-block .featured-items > .featured-item > a {
  display: block;
}
.app-bar .drawer .drawer-inner .info-block .featured-items > .featured-item > a > .item-count {
  position: absolute;
  top: 14px;
  right: 6px;
  color: #444444;
  font-size: 60%;
}
.app-bar .drawer .drawer-inner .info-block .thumbnail {
  display: block;
  padding: 5px 0;
  text-align: center;
}
.app-bar .drawer .drawer-inner .info-block .thumbnail img {
  display: none;
  width: 100%;
  height: auto;
  border: solid 1px #f4f4f4;
}
.app-bar .drawer .drawer-inner .info-block .thumbnail h4 {
  margin: 5px 0;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
}
.app-bar .drawer .drawer-inner .info-block ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.app-bar .drawer .drawer-inner .info-block ul.list > li {
  margin: 0;
  padding: 0;
}
.app-bar .drawer .drawer-inner .info-block ul.list > li > a {
  display: block;
  padding: 5px 10px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  text-align: center;
}
.app-bar .drawer .drawer-inner .info-block ul.list > li > a:hover {
  color: #272727;
}
.app-bar .drawer .drawer-inner .info-block ul.list > li.error {
  padding: 10px 0;
  text-align: center;
  font-size: 12px;
  color: #DB7706;
}
.app-bar .drawer .drawer-inner .info-block ul.list > li.not-found {
  color: #444444;
  text-transform: uppercase;
}
.app-bar .preview-mode-controls {
  padding: 12px 15px;
  float: right;
}
.app-bar .preview-mode-controls .toggle-switch-label {
  font-size: 10px;
}
.app-bar .preview-mode-badge {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 0;
  background: #2ECC71;
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.app-bar .preview-mode-badge.show {
  height: 30px;
}
.app-bar.hide {
  /*.preview-mode-badge {
      -webkit-transform: translateY(-100%) translateZ(0);
      -moz-transform: translateY(-100%) translateZ(0);
      -ms-transform: translateY(-100%) translateZ(0);
      transform: translateY(-100%) translateZ(0);
    }*/
}
@media (min-width: 1200px) {
  .app-bar-placeholder {
    height: 35px;
  }
  .app-bar {
    top: 0;
    z-index: 900;
    height: 35px;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  .app-bar.init {
    display: none;
  }
  .app-bar .mobile-only {
    display: none !important;
  }
  .app-bar .branding > .brand-logo {
    display: inline-block;
    width: 36px;
    height: 19px;
    background: url('../img/logo-header.png') center center no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  .app-bar.fixed-to-top {
    position: fixed;
    z-index: 3000;
    background-color: #272727;
  }
  .app-bar.fixed-to-top ~ .app-bar-placeholder {
    display: block;
  }
  .app-bar.fixed-to-top .show-only-on-fixed {
    display: inline-block !important;
  }
  .app-bar.fixed-to-top .hide-on-fixed {
    display: none !important;
  }
  .app-bar.fixed-to-top .left-controls,
  .app-bar.fixed-to-top .right-controls {
    display: block;
  }
  .app-bar.fixed-to-top .left-controls > ul > li > a,
  .app-bar.fixed-to-top .right-controls > ul > li > a,
  .app-bar.fixed-to-top .left-controls > ul > li > .label,
  .app-bar.fixed-to-top .right-controls > ul > li > .label {
    color: #cccccc;
  }
  .app-bar.fixed-to-top .left-controls > ul > li > a:hover,
  .app-bar.fixed-to-top .right-controls > ul > li > a:hover,
  .app-bar.fixed-to-top .left-controls > ul > li > .label:hover,
  .app-bar.fixed-to-top .right-controls > ul > li > .label:hover {
    color: #ffffff;
  }
  .app-bar.fixed-to-top .left-controls > ul > li.active > a,
  .app-bar.fixed-to-top .right-controls > ul > li.active > a {
    color: #ffffff;
    background-color: transparent;
  }
  .app-bar.fixed-to-top .left-controls > ul > li:last-child > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ce0000;
  }
  .app-bar.fixed-to-top .center-controls {
    display: none;
  }
  .app-bar.fixed-to-top .preview-mode-controls .toggle-switch-label {
    color: #ffffff;
  }
  .app-bar.fixed-to-top .preview-mode-controls .toggle-switch .dot:after {
    background-color: #ffffff;
  }
  .app-bar.disabled ~ .app-bar-placeholder {
    display: none;
  }
  .app-bar .left-controls > ul,
  .app-bar .right-controls > ul,
  .app-bar .center-controls > ul {
    white-space: nowrap;
  }
  .app-bar .left-controls > ul > li,
  .app-bar .right-controls > ul > li,
  .app-bar .center-controls > ul > li {
    white-space: normal;
  }
  .app-bar .left-controls > ul > li > a,
  .app-bar .right-controls > ul > li > a,
  .app-bar .center-controls > ul > li > a,
  .app-bar .left-controls > ul > li > .label,
  .app-bar .right-controls > ul > li > .label,
  .app-bar .center-controls > ul > li > .label {
    font-size: 12px;
    line-height: 35px;
  }
  .app-bar .left-controls > ul > li.label,
  .app-bar .right-controls > ul > li.label,
  .app-bar .center-controls > ul > li.label {
    display: inline-block;
  }
  .app-bar .left-controls,
  .app-bar .right-controls {
    display: block;
    position: absolute;
    top: 0;
  }
  .app-bar .left-controls {
    left: 15px;
    border-right: solid 1px rgba(0, 0, 0, 0.1);
    float: none;
  }
  .app-bar .right-controls {
    right: 15px;
    border-left: solid 1px rgba(0, 0, 0, 0.1);
  }
  .app-bar .center-controls {
    display: none;
    width: 500px;
    height: 35px;
    float: none;
    text-align: center;
  }
  .app-bar .center-controls .title {
    font-size: 14px;
    line-height: 35px;
  }
  .app-bar .drawer {
    display: block;
    width: 400px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: translate(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: transform 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out, -moz-box-shadow 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  .app-bar .drawer.show {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.15);
  }
  .app-bar .drawer .drawer-inner .info-block {
    margin: 30px 0;
  }
  .app-bar .drawer .drawer-inner .info-block .grid {
    margin: 0 -10px;
  }
  .app-bar .drawer .drawer-inner .info-block .grid:before,
  .app-bar .drawer .drawer-inner .info-block .grid:after {
    display: table;
  }
  .app-bar .drawer .drawer-inner .info-block .grid:after {
    content: '';
    clear: both;
  }
  .app-bar .drawer .drawer-inner .info-block .grid .col {
    float: left;
    padding: 10px;
    width: 50%;
  }
  .app-bar .drawer .drawer-inner .info-block .thumbnail {
    padding: 0;
  }
  .app-bar .drawer .drawer-inner .info-block .thumbnail img {
    display: block;
  }
  .app-bar .drawer .drawer-inner .info-block ul.list > li > a {
    text-align: left;
  }
  .app-bar .preview-mode-controls {
    padding: 7px 10px;
    float: none;
  }
  .app-bar .preview-mode-badge {
    height: 30px;
    background-color: #e7e7e7;
    color: #555555;
    overflow: visible;
  }
  .app-bar .preview-mode-badge:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -42px;
    height: 0;
    width: 0;
    border: solid 5px transparent;
    border-bottom-color: #e7e7e7;
    border-top: none;
    transition: all 0.5s ease-in-out;
  }
  .app-bar .preview-mode-badge.first-time {
    animation: nudgePreviewBadge 2s 3s ease-out;
    background-color: #444444;
    color: #ffffff;
  }
  .app-bar .preview-mode-badge.first-time:before {
    border-bottom-color: #444444;
  }
  .app-bar .preview-mode-badge.show {
    background-color: #2ECC71;
    color: #ffffff;
  }
  .app-bar .preview-mode-badge.show:before {
    border-bottom-color: #2ECC71;
  }
}
@keyframes nudgePreviewBadge {
  0% {
    transform: translateY(0%) translateZ(0);
  }
  10% {
    transform: translateY(20%) translateZ(0);
  }
  15% {
    transform: translateY(-20%) translateZ(0);
  }
  20% {
    transform: translateY(20%) translateZ(0);
  }
  25% {
    transform: translateY(-20%) translateZ(0);
  }
  30% {
    transform: translateY(20%) translateZ(0);
  }
  40% {
    transform: translateY(0%) translateZ(0);
  }
  100% {
    transform: translateY(0%) translateZ(0);
  }
}
#new-search {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  z-index: 11000;
  width: 100%;
  background-color: #ffffff;
  border-bottom: solid 5px #ce0000;
}
#new-search.show {
  display: block;
}
#new-search .search-controls {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background: #ce0000;
}
#new-search .search-controls .search-input > input {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  border: none;
  background: none;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 50px;
  outline: none;
}
#new-search .search-controls .search-input label {
  position: absolute;
  z-index: 0;
  padding-left: 10px;
  padding-right: 50px;
  color: #ffffff;
  font-size: 20px;
  line-height: 40px;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#new-search .search-controls .search-input label.hide {
  opacity: 0;
}
#new-search .search-controls > .close-search {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 12px;
}
#new-search .search-suggestions,
#new-search .search-results {
  position: absolute;
  top: 40px;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  background: #ffffff;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#new-search .search-suggestions::-webkit-scrollbar,
#new-search .search-results::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
#new-search .search-suggestions .suggestion {
  margin: 15px 0;
}
#new-search .search-suggestions .suggestion.hide {
  display: none;
}
#new-search .search-suggestions .suggestion .suggestion-title {
  margin: 0;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
#new-search .search-suggestions .suggestion ul.categories {
  margin: 0;
  padding: 10px 15px;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
}
#new-search .search-suggestions .suggestion ul.categories::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
#new-search .search-suggestions .suggestion ul.categories:hover::-webkit-scrollbar {
  opacity: 1;
  width: auto;
}
#new-search .search-suggestions .suggestion ul.categories > li {
  display: inline-block;
  width: 80px;
  margin: 0 4px;
}
#new-search .search-suggestions .suggestion ul.categories > li a {
  display: block;
  padding: 5px;
  text-align: center;
  white-space: normal;
  border: solid 1px #f4f4f4;
  outline: none;
}
#new-search .search-suggestions .suggestion ul.categories > li a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  border: none;
}
#new-search .search-suggestions .suggestion ul.categories > li a .label {
  display: block;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 15px;
  height: 30px;
  overflow: hidden;
  color: #444444;
}
#new-search .search-suggestions .suggestion .recent-searches {
  margin: 0;
  padding: 0;
  list-style: none;
}
#new-search .search-suggestions .suggestion .recent-searches > li {
  border-top: solid 1px #f4f4f4;
}
#new-search .search-suggestions .suggestion .recent-searches > li a {
  display: block;
  padding: 7px 15px;
  color: #444444;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#new-search .search-suggestions .suggestion .recent-searches > li a:hover {
  background-color: #f4f4f4;
}
#new-search .search-results {
  display: none;
}
#new-search .search-results .results-title {
  margin: 15px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}
#new-search .search-results .results .search-loader {
  margin: 10px auto;
}
#new-search .search-results .results .search-loader > div {
  height: 50px;
  width: 10px;
}
#new-search .search-results .results .result-type {
  margin: 10px 0;
  padding: 5px;
  background-color: #f4f4f4;
  font-weight: 600;
  font-size: 14px;
}
#new-search .search-results .results .result-type > span {
  display: inline-block;
  padding: 5px 10px;
  background-color: #444444;
  color: #ffffff;
  border-radius: 5px;
  text-transform: uppercase;
}
#new-search .search-results .results .categories .category > a {
  display: block;
  padding: 6px 15px;
  border: none;
  outline: none;
  border-bottom: solid 1px #f4f4f4;
  font: normal 600 14px 'Montserrat', sans-serif;
  color: #444444;
}
#new-search .search-results .results .categories .category > a > .highlighted-keyword {
  font-weight: 800;
  color: #272727;
}
#new-search .search-results .results .categories .category:last-child > a {
  border-bottom: none;
}
#new-search .search-results .results .products:before,
#new-search .search-results .results .products:after {
  display: table;
}
#new-search .search-results .results .products:after {
  content: '';
  clear: both;
}
#new-search .search-results .results .products .product {
  position: relative;
  display: block;
  padding: 10px 5px;
  border-bottom: solid 1px #efefef;
}
#new-search .search-results .results .products .product:last-child {
  border-bottom: none;
}
#new-search .search-results .results .products .product:before,
#new-search .search-results .results .products .product:after {
  display: table;
}
#new-search .search-results .results .products .product:after {
  content: '';
  clear: both;
}
#new-search .search-results .results .products .product img {
  float: left;
  margin: 3px 10px 3px 3px;
  width: 70px;
  height: auto;
}
#new-search .search-results .results .products .product .product-details {
  padding-left: 10px;
  overflow: hidden;
  color: #444444;
}
#new-search .search-results .results .products .product .product-details .product-title {
  margin: 0 0 10px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
}
#new-search .search-results .results .products .product .product-details > span {
  margin-right: 10px;
}
#new-search .search-results .results .products .product .product-details .item-price {
  display: inline-block;
  color: #444444;
  font-size: 12px;
  line-height: 14px;
}
#new-search .search-results .results .products .product .product-details .item-price > span {
  text-decoration: line-through;
}
#new-search .search-results .results .products .product .product-details .item-price > span:last-child {
  text-decoration: none;
}
#new-search .search-results .results .products .product .product-details .item-price > span.highlighted {
  color: #ce0000;
}
#new-search .search-results .results .products .product .product-details span.category {
  float: right;
  padding: 8px 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #777777;
}
#new-search .search-results .results .products .product .show-editor-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#new-search .search-results .results .products .product .show-editor-popup {
  display: none;
  position: absolute;
  bottom: 0;
  left: 40%;
  z-index: 2;
  margin: 0px;
  padding: 0;
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: #666;
  border: none;
  font-size: 18px;
  line-height: 32px;
}
#new-search .search-results .results .products .product .show-editor-popup:hover {
  color: #333;
}
#new-search .search-results .results .products .product:hover .show-editor-popup,
#new-search .search-results .results .products .product:focus .show-editor-popup {
  display: block;
}
#new-search .search-results .results .more-results {
  display: block;
  padding: 15px 5px;
  text-align: center;
  border-top: solid 1px #efefef;
  font: 'Montserrat';
  font-weight: bold;
  text-transform: uppercase;
}
#new-search .search-results.show {
  display: block;
}
#new-search-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  /*65px;*/
  left: 0;
  right: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.6);
}
#new-search-popup.show {
  display: block;
}
#new-search-popup #new-search-popup-left-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 90%;
  background-color: #ffffff;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#new-search-popup #new-search-popup-left-nav.collapsed {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
#new-search-popup #new-search-popup-left-nav > .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 50px;
  padding: 13px;
  color: #444444;
  text-align: center;
  font-size: 10px;
  line-height: 24px;
}
#new-search-popup #new-search-popup-left-nav > .close:hover,
#new-search-popup #new-search-popup-left-nav > .close:focus {
  color: #272727;
}
#new-search-popup #new-search-popup-left-nav > .close:focus-visible {
  outline: solid 2px #272727;
  outline-offset: -3px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner {
  position: relative;
  min-height: 100%;
  padding-bottom: 250px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner h3 {
  font-size: 18px;
  margin: 0;
  padding: 15px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input {
  position: relative;
  margin: 30px 15px 10px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input {
  position: relative;
  margin-right: 50px;
  padding: 8px 8px 8px 32px;
  background: #f4f4f4;
  border: solid 1px #919191;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 8px 8px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input input {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  border: none;
  background: none;
  outline: none;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .icon-search {
  position: absolute;
  top: 2px;
  left: 0;
  padding: 8px;
  font-size: 12px;
  line-height: 24px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .loading-search {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .loading-search.show {
  display: block;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .clear-results {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 40px;
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
  color: #444444;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .clear-results:hover,
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .clear-results:focus {
  color: #272727;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .clear-results.show {
  display: block;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input:focus-within {
  border-color: #272727;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  border: solid 1px #919191;
  border-left: none;
  background: none;
  font-weight: bold;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ffffff;
  width: 100%;
  border: solid 1px #919191;
  border-top: none;
  box-shadow: 0 7px 17px rgba(0, 0, 0, 0.2);
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-dropdown.show {
  display: block;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-dropdown > li > a {
  display: block;
  padding: 10px 5px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  font-weight: 600;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-dropdown > li > a:hover,
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-dropdown > li > a:focus {
  background-color: #f4f4f4;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-dropdown > li > li:last-child > a {
  border-bottom: none;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li a {
  display: block;
  padding: 10px 15px;
  color: #272727;
  font-weight: 600;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li a:focus {
  background-color: #f4f4f4;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li a:focus-visible {
  outline: solid 2px #272727;
  outline-offset: -3px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li:hover > a,
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li:focus-within > a {
  background-color: #f4f4f4;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li.collapsed > ul {
  display: block;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul {
  display: none;
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul > li > .new-loader {
  width: auto;
  display: inline-block;
  padding: 5px;
  height: 32px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 15px 0 0;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal > li {
  display: inline-block;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal > li > a {
  padding: 10px;
  color: #ce0000;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  overflow: hidden;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .contact-number {
  margin: 40px 0 25px;
  text-align: center;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .contact-number > a {
  display: block;
  font-size: 20px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .contact-number > a:focus-visible {
  outline: solid 2px #272727;
  outline-offset: -3px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .contact-number > span {
  display: block;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.nav-list {
  list-style: none;
  display: block;
  margin: 40px 0 25px;
  padding: 0;
  text-align: center;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.nav-list > li {
  display: inline-block;
  vertical-align: top;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .nav-icon {
  display: block;
  padding: 10px 10px;
  color: #444444;
  text-align: center;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .nav-icon .icon {
  display: block;
  margin-bottom: 5px;
  font-size: 32px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .nav-icon .label {
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .nav-icon:hover,
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .nav-icon:focus {
  color: #272727;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .nav-icon:focus-visible {
  outline: solid 2px #272727;
  outline-offset: -3px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav h3 {
  margin: 15px 0 10px;
  padding: 0;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social {
  list-style: none;
  display: block;
  margin: 0 0 15px;
  padding: 0;
  text-align: center;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li {
  display: inline-block;
  vertical-align: middle;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a {
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 3px;
  font-size: 18px;
  border-radius: 50px;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a span {
  display: block;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a.fb {
  color: #3b5998;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a.fb:hover {
  background-color: #3b5998;
  color: #fff;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a.tw {
  color: #1da1f2;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a.tw:hover {
  background-color: #1da1f2;
  color: #fff;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a.ig {
  color: #833ab4;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a.ig:hover {
  background-color: #833ab4;
  color: #fff;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a.tum {
  color: #35465c;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav ul.social > li > a.tum:hover {
  background-color: #35465c;
  color: #fff;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .social-popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  padding: 10px 15px;
  transition: transform 0.4s ease-in-out, box-shadow 0.2s ease-in-out;
  transform: translateY(100%) translateZ(0);
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .social-popup:before,
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .social-popup:after {
  display: table;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .social-popup:after {
  content: '';
  clear: both;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .social-popup.show {
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2);
  transform: translateY(0) translateZ(0);
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .social-popup > .left-part {
  float: left;
}
#new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-nav .social-popup > .right-part {
  float: right;
}
#new-search-popup #new-search-popup-results {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in, box-shadow 0.2s ease-in;
  -moz-transition: -moz-transform 0.2s ease-in, box-shadow 0.2s ease-in;
  transition: transform 0.2s ease-in, box-shadow 0.2s ease-in;
  -webkit-transform: translate(100%, 0) translateZ(0);
  -moz-transform: translate(100%, 0) translateZ(0);
  transform: translate(100%, 0) translateZ(0);
}
#new-search-popup #new-search-popup-results.show {
  -webkit-transform: translate(0, 0) translateZ(0);
  -moz-transform: translate(0, 0) translateZ(0);
  transform: translate(0, 0) translateZ(0);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.2s ease-out, box-shadow 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out, box-shadow 0.2s ease-out;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
#new-search-popup #new-search-popup-results .results-popup-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 8px 0;
  background: #272727;
  border-bottom: solid 3px #ce0000;
  text-align: center;
}
#new-search-popup #new-search-popup-results .results-popup-header .logo {
  display: inline-block;
}
#new-search-popup #new-search-popup-results .results-popup-header .logo img {
  display: block;
  width: auto;
  height: 40px;
}
#new-search-popup #new-search-popup-results .results-popup-header .close {
  display: block;
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 3;
  height: 32px;
  width: 32px;
  background: #fff;
  color: #000;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
#new-search-popup #new-search-popup-results .results-popup-header .close:hover {
  background: #ddd;
}
#new-search-popup #new-search-popup-results .results-inner {
  position: relative;
  margin: 0 auto;
  padding: 63px 0 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
#new-search-popup #new-search-popup-results .results-inner > .close {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 3;
  height: 32px;
  width: 32px;
  background: #fff;
  color: #000;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
#new-search-popup #new-search-popup-results .results-inner > .close:hover {
  background: #ddd;
}
#new-search-popup #new-search-popup-results .results-inner .title {
  text-align: center;
  padding: 40px;
}
#new-search-popup #new-search-popup-results .results-inner .title h2 {
  margin: 0;
}
#new-search-popup #new-search-popup-results .results-inner .title h4 {
  margin: 12px 0 0;
  font: normal 300 20px 'Montserrat', sans-serif;
  color: #444444;
  font-size: 16px;
}
#new-search-popup #new-search-popup-results .results-inner .title h4 > .search-keyword,
#new-search-popup #new-search-popup-results .results-inner .title h4 > .result-count {
  font-weight: 600;
}
#new-search-popup #new-search-popup-results .results-inner > .row:before,
#new-search-popup #new-search-popup-results .results-inner > .row:after {
  display: table;
}
#new-search-popup #new-search-popup-results .results-inner > .row:after {
  content: '';
  clear: both;
}
#new-search-popup #new-search-popup-results .results-inner > .row .filters > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
#new-search-popup #new-search-popup-results .results-inner > .row .filters > ul::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
#new-search-popup #new-search-popup-results .results-inner > .row .filters > ul:hover::-webkit-scrollbar {
  opacity: 1;
  width: auto;
}
#new-search-popup #new-search-popup-results .results-inner > .row .filters > ul > li {
  display: inline-block;
}
#new-search-popup #new-search-popup-results .results-inner > .row .filters > ul > li.divider {
  background: #ddd;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0;
  padding: 5px 0;
}
#new-search-popup #new-search-popup-results .results-inner > .row .filters > ul > li > a {
  display: block;
  padding: 5px 10px;
  color: #444444;
  font-weight: 600;
  border-radius: 3px;
  border: solid 1px #444444;
  margin: 0 5px;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
#new-search-popup #new-search-popup-results .results-inner > .row .filters > ul > li > a:hover {
  color: #444444;
  background-color: rgba(0, 0, 0, 0.1);
}
#new-search-popup #new-search-popup-results .results-inner > .row .filters > ul > li > a.active {
  color: #ce0000;
  background-color: #e7e7e7;
}
#new-search-popup #new-search-popup-results .results-inner > .row .results {
  overflow: hidden;
}
#new-search-popup #new-search-popup-results .results-inner .item-grid {
  margin: 0 auto;
  width: 100%;
  max-width: 450px;
}
#new-search-popup #new-search-popup-results .results-inner .item-grid .item-grid-contents .item {
  width: 50%;
}
@media (min-width: 768px) {
  #new-search-popup #new-search-popup-left-nav .left-nav-inner {
    padding-bottom: 250px;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input {
    margin: 40px 10px 15px;
  }
}
@media (min-width: 1200px) {
  #new-search-popup {
    display: none;
    position: fixed;
    top: 148px;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.6);
  }
  #new-search-popup:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 17px;
    background-color: #f4f4f4;
  }
  #new-search-popup.show {
    display: block;
  }
  #new-search-popup.with-overview {
    top: 200px;
  }
  #new-search-popup.fixed-to-top {
    top: 35px;
  }
  #new-search-popup #new-search-popup-left-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 350px;
    background-color: #ffffff;
    /*&.collapsed {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
      }*/
  }
  #new-search-popup #new-search-popup-left-nav > .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    padding: 13px;
    color: #444444;
    text-align: center;
    font-size: 10px;
    line-height: 24px;
  }
  #new-search-popup #new-search-popup-left-nav > .close:hover {
    color: #272727;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner h3 {
    font-size: 18px;
    margin: 0;
    padding: 15px;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input {
    position: relative;
    margin: 10px 15px;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input {
    position: relative;
    margin: 0;
    padding: 8px 8px 8px 32px;
    background: #f4f4f4;
    border: solid 1px #919191;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 8px 8px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input input {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 40px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    border: none;
    background: none;
    outline: none;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .icon-search {
    position: absolute;
    top: 2px;
    left: 0;
    padding: 8px;
    font-size: 12px;
    line-height: 24px;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .loading-search {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .loading-search.show {
    display: block;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .clear-results {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 40px;
    font-size: 18px;
    line-height: 24px;
    padding: 8px;
    color: #444444;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .clear-results:hover {
    color: #272727;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .search-input .clear-results.show {
    display: block;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner #new-search-popup-input .btn-search {
    display: none;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li a {
    display: block;
    padding: 10px 15px;
    color: #232323;
    font-weight: 600;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list li.collapsed > ul {
    display: block;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul {
    display: none;
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul > li > .new-loader {
    width: auto;
    display: inline-block;
    padding: 5px;
    height: 32px;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 15px 0 0;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal > li {
    display: inline-block;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal > li > a {
    padding: 10px;
    color: #ce0000;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-list {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: solid 1px #f4f4f4;
    border-bottom: solid 1px #f4f4f4;
    background-color: #ffffff;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-list > li {
    display: block;
    margin: 0;
    padding: 0;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-list > li > a {
    display: block;
    padding: 10px 15px;
    color: #232323;
    font-weight: 600;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid > li {
    display: inline-block;
  }
  #new-search-popup #new-search-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid > li > a {
    display: block;
    padding: 10px 5px;
    color: #232323;
  }
  #new-search-popup #new-search-popup-results {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 350px;
    right: 0;
    padding: 15px;
    overflow: hidden;
    overflow-y: scroll;
  }
  #new-search-popup #new-search-popup-results.show {
    display: block;
  }
  #new-search-popup #new-search-popup-results .results-popup-header {
    display: none;
  }
  #new-search-popup #new-search-popup-results .results-inner {
    position: relative;
    margin: 0 auto;
    padding: 15px;
    width: 90%;
    background-color: #f4f4f4;
    overflow: visible;
    height: auto;
    min-height: 300px;
  }
  #new-search-popup #new-search-popup-results .results-inner > .close {
    display: block;
    /*position: absolute;
          top: 0;
          right: 0;
          width: 50px;
          padding: 13px;
          color: @text;
          text-align: center;
          font-size: 10px;
          line-height: 24px;*/
  }
  #new-search-popup #new-search-popup-results .results-inner > .close:hover {
    color: #272727;
  }
  #new-search-popup #new-search-popup-results .results-inner .title {
    text-align: center;
    padding: 40px;
  }
  #new-search-popup #new-search-popup-results .results-inner .title h2 {
    margin: 0;
  }
  #new-search-popup #new-search-popup-results .results-inner .title h4 {
    margin: 12px 0 0;
    font: normal 300 20px 'Montserrat', sans-serif;
    color: #444444;
    font-size: 16px;
  }
  #new-search-popup #new-search-popup-results .results-inner .title h4 > .search-keyword,
  #new-search-popup #new-search-popup-results .results-inner .title h4 > .result-count {
    font-weight: 600;
  }
  #new-search-popup #new-search-popup-results .results-inner > .row:before,
  #new-search-popup #new-search-popup-results .results-inner > .row:after {
    display: table;
  }
  #new-search-popup #new-search-popup-results .results-inner > .row:after {
    content: '';
    clear: both;
  }
  #new-search-popup #new-search-popup-results .results-inner > .row .filters {
    float: left;
    width: 250px;
    text-align: left;
  }
  #new-search-popup #new-search-popup-results .results-inner > .row .filters > ul {
    margin: 0 15px 0 0;
    border-right: solid 1px #cecece;
    overflow: visible;
    white-space: normal;
  }
  #new-search-popup #new-search-popup-results .results-inner > .row .filters > ul > li {
    display: block;
  }
  #new-search-popup #new-search-popup-results .results-inner > .row .filters > ul > li > a {
    padding: 10px 5px;
    margin: 0;
    border-radius: 0;
    border: none;
  }
  #new-search-popup #new-search-popup-results .results-inner > .row .results {
    overflow: hidden;
  }
  #new-search-popup #new-search-popup-results .results-inner .item-grid {
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
  }
  #new-search-popup #new-search-popup-results .results-inner .item-grid .item-grid-contents .item {
    width: 50%;
  }
}
@media (min-width: 1400px) {
  #new-search-popup #new-search-popup-results .results-inner > .row .filters {
    width: 220px;
  }
  #new-search-popup #new-search-popup-results .results-inner .item-grid {
    max-width: 700px;
  }
  #new-search-popup #new-search-popup-results .results-inner .item-grid .item-grid-contents .item {
    width: 33.33333333%;
  }
}
@media (min-width: 1580px) {
  #new-search-popup #new-search-popup-results .results-inner > .row .filters {
    width: 300px;
  }
  #new-search-popup #new-search-popup-results .results-inner .item-grid {
    max-width: 800px;
  }
}
@media (min-width: 1800px) {
  #new-search-popup #new-search-popup-results .results-inner .item-grid {
    max-width: 1200px;
  }
  #new-search-popup #new-search-popup-results .results-inner .item-grid .item-grid-contents .item {
    width: 25%;
  }
}
.filters > a > .badge {
  display: inline-block;
  padding: 1px 6px;
  background: #ce0000;
  color: #ffffff;
  font-size: 8px;
  line-height: normal;
  vertical-align: baseline;
  border-radius: 15px;
}
.filters .filters-popup {
  display: none;
  position: fixed;
  top: 100%;
  right: 0;
  width: 100%;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
}
.filters .filters-popup:after {
  content: '';
  position: absolute;
  top: -16px;
  right: 10px;
  border: solid 10px transparent;
  border-bottom: solid 8px #ffffff;
}
.filters .filters-popup.show {
  display: block;
}
.filters .filters-popup .filters-popup-inner {
  background: #ffffff;
}
.filters .filters-popup .filters-popup-inner .title {
  margin: 0;
  padding: 15px;
  text-align: left;
  font: normal 700 28px 'Montserrat', sans-serif;
  font-size: 14px;
}
.filters .filters-popup .filters-popup-inner .title > a {
  display: block;
  padding: 5px 3px;
  float: right;
  font-size: 12px;
}
.filters .filters-popup .filters-popup-inner .filter-list-container {
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  height: 300px;
}
.filters .filters-popup .filters-popup-inner .filters-lists .list-title {
  position: relative;
  margin: 0;
  padding: 10px 15px;
  font: normal 600 24px 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.filters .filters-popup .filters-popup-inner .filters-lists .list-title:after {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  margin-left: 8px;
  content: '\e811';
  font-family: "mu2icons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
}
.filters .filters-popup .filters-popup-inner .filters-lists ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 15px 0;
  text-align: left;
}
.filters .filters-popup .filters-popup-inner .filters-lists ul li label {
  display: block;
  padding: 10px 15px;
  border-top: solid 1px #f4f4f4;
}
.filters .filters-popup .filters-popup-inner .filters-lists ul li label input {
  float: right;
}
.filters .filters-popup .filters-popup-inner .filters-lists ul li label:hover,
.filters .filters-popup .filters-popup-inner .filters-lists ul li label.selected {
  background-color: #f4f4f4;
}
.filters .filters-popup .filters-popup-inner .filters-lists.show .list-title:after {
  content: '\e814';
}
.filters .filters-popup .filters-popup-inner .filters-lists.show ul {
  display: block;
}
.filters .filters-popup .filters-popup-inner .filters-controls {
  padding: 15px;
}
@media (min-width: 768px) {
  .filters {
    position: relative;
  }
  .filters .filters-popup {
    position: absolute;
    width: 320px;
  }
}
@media (min-width: 1025px) {
  .filters .filters-popup {
    width: 320px;
  }
}
/*  PAGE HEADER
    -----------------------------------------------------------------------------------
*/
header.page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  padding: 10px 0;
  background-color: #272727;
  border-bottom: solid 3px #ce0000;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  /*&.push-left {
    margin-left: 250px;
  }*/
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
header.page.hide {
  -webkit-transform: translate3d(0, -63px, 0);
  -moz-transform: translate3d(0, -63px, 0);
  transform: translate3d(0, -63px, 0);
}
header.page:before,
header.page:after {
  display: table;
}
header.page:after {
  content: '';
  clear: both;
}
header.page .toggle-mob-nav {
  display: none;
  /*position: absolute;
    top: 12px;
    left: 10px;*/
  padding: 12px 10px;
  background: none;
  border: none;
  cursor: pointer;
}
header.page .toggle-mob-nav .btn-bar {
  display: block;
  width: 30px;
  height: 3px;
  margin-bottom: 5px;
  background: #cccccc;
}
header.page .toggle-mob-nav .btn-bar:last-child {
  margin-bottom: 0;
}
header.page .toggle-mob-nav:hover,
header.page .toggle-mob-nav:focus {
  outline: none;
}
header.page .toggle-mob-nav:hover .btn-bar,
header.page .toggle-mob-nav:focus .btn-bar {
  background-color: #ffffff;
}
header.page .toggle-mob-nav:focus {
  outline: none;
}
header.page .toggle-mob-nav.open .btn-bar {
  background-color: #ffffff;
  /* Turn to an arrow
        &:nth-child(1) {
          width: 20px;
          .transform(translate(13px, 2px) rotate(45deg));
        }
        
        &:nth-child(3) {
          width: 20px;
          .transform(translate(13px, -2px) rotate(-45deg));
        }
        */
  /* Turn to close button */
  /*&:nth-child(1) {
          .transform(translateY(8px) rotate(45deg));
        }
        
        &:nth-child(2) {
          opacity: 0;
        }
        
        &:nth-child(3) {
          .transform(translateY(-8px) rotate(-45deg));
        }*/
}
header.page .side-left,
header.page .side-right {
  position: absolute;
  bottom: 7px;
  left: 0;
  z-index: 50;
}
header.page .side-left ul.nav > li > a,
header.page .side-right ul.nav > li > a {
  color: #cccccc;
  font-size: 19px;
  display: block;
  padding: 10px 12px;
}
header.page .side-left ul.nav > li > a > .icon-search:before,
header.page .side-right ul.nav > li > a > .icon-search:before {
  top: 2px;
  position: relative;
}
header.page .side-left ul.nav > li > a > .label,
header.page .side-right ul.nav > li > a > .label {
  font-size: 14px;
}
header.page .side-left ul.nav > li.desktop-only,
header.page .side-right ul.nav > li.desktop-only {
  display: none;
}
header.page .side-left ul.nav > li.mobile-only,
header.page .side-right ul.nav > li.mobile-only {
  display: inline-block;
}
header.page .side-left {
  margin-left: 15px;
  /*ul.social {
        margin: 0;
        padding: 0 15px;
        list-style: none;
        li {
          display: inline-block;
          a {
            font-size: 16px;
            color: @header-text;

            &:hover, &:focus {
              color: @header-active;
            }
          }
        }
      }*/
}
header.page .side-right {
  left: auto;
  right: 0;
  margin-right: 15px;
  /*ul.member-menu {
        padding: 0 15px;
      }

      a {
        padding-left: 3px;
        display: inline-block;
        color: @header-text;
        vertical-align: middle;
        font-size: 12px;
        
        .icon-cart {
          font-size: 16px;
        }

        .icon-user {
          padding-right: 2px;
          font-size: 13px;
        }

        &:hover, :focus {
          color: @header-active;
        }

        &.mcafee-badge {
          padding: 0;
          vertical-align: bottom;

        }
      }
      
      img {
        !*padding: 0 10px;*!
        vertical-align: bottom;
        width: 100%;
        height: auto;
      }*/
}
header.page .center {
  text-align: center;
  /* nav */
}
header.page .center > .branding {
  display: inline-block;
  padding: 0 10px;
  vertical-align: bottom;
}
header.page .center > .branding > a {
  display: block;
}
header.page .center > .branding > a > img {
  display: block;
  width: auto;
  height: 40px;
}
header.page .center > nav {
  position: absolute;
  right: 10px;
  display: inline-block;
  /* Special Buttons */
}
header.page .center > nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header.page .center > nav > ul > li {
  display: none;
}
header.page .center > nav > ul > li > a {
  position: relative;
  display: block;
}
header.page .center > nav > ul > li.visible-mobile,
header.page .center > nav > ul > li.visible-tablet,
header.page .center > nav > ul > li.visible {
  display: none;
  padding: 0 3px;
  float: left;
  font-size: 24px;
  line-height: 50px;
}
header.page .center > nav > ul > li.account {
  display: none;
}
header.page .center > nav > ul > li.account ul {
  left: auto;
  right: 0;
}
header.page .center > nav > ul > li.account ul:after {
  left: auto;
  right: 5px;
}
header.page .center > nav .mob-search {
  display: none;
}
header.page .center > nav .mob-search .icon-search {
  position: relative;
  top: 3px;
}
header.page .center > nav .mob-search.active {
  color: #ffffff;
}
header.page .center > nav .mob-cart,
header.page .center > nav .account > a {
  color: #cccccc;
}
header.page .center > nav .mob-cart:hover,
header.page .center > nav .account > a:hover,
header.page .center > nav .mob-cart:focus,
header.page .center > nav .account > a:focus {
  color: #ffffff;
}
header.page .center > nav .mob-cart .update-cart-count,
header.page .center > nav .account > a .update-cart-count {
  font-size: 0.6em;
  vertical-align: top;
}
header.page .center > nav:first-of-type {
  text-align: right;
}
header.page ul.nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
header.page ul.nav > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
header.page ul.nav > li > ul {
  display: none;
  position: absolute;
  top: 134%;
  left: auto;
  right: 0;
  z-index: 2;
  margin: 0;
  padding: 5px 0;
  min-width: 150px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  list-style: none;
  background: #ce0000;
}
header.page ul.nav > li > ul:after {
  position: absolute;
  top: -14px;
  left: auto;
  right: 16px;
  content: '';
  border: solid 7px transparent;
  border-bottom-color: #ce0000;
}
header.page ul.nav > li > ul > li.label {
  padding: 3px 10px;
  font-size: 12px;
  color: #fff;
}
header.page ul.nav > li > ul > li > a {
  display: block;
  padding: 7px 10px;
  color: #ffffff;
  white-space: nowrap;
}
header.page ul.nav > li > ul > li > a:hover {
  background: #9b0000;
}
header.page ul.nav > li > ul > li > #fb_connect {
  padding: 5px 8px;
}
header.page ul.nav > li > ul > li.divder {
  margin: 3px 0;
  height: 1px;
  background: #b50000;
}
header.page ul.nav > li.active > a,
header.page ul.nav > li > a.active {
  color: #ffffff;
}
header.page ul.nav .account {
  display: none;
}
@media (min-width: 1200px) {
  header.page {
    position: relative;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }
  header.page .toggle-mob-nav {
    display: block;
  }
  header.page .side-left,
  header.page .side-right {
    bottom: 15px;
    display: block;
  }
  header.page .side-left ul.nav > li.desktop-only,
  header.page .side-right ul.nav > li.desktop-only {
    display: inline-block;
  }
  header.page .side-left ul.nav > li.mobile-only,
  header.page .side-right ul.nav > li.mobile-only {
    display: none;
  }
  header.page .center > .branding > a > img {
    height: 50px;
  }
  header.page .center > nav {
    position: relative;
    right: auto;
    width: 37%;
  }
  header.page .center > nav > ul {
    white-space: nowrap;
  }
  header.page .center > nav > ul > li {
    display: inline-block;
  }
  header.page .center > nav > ul > li > a {
    display: block;
    padding: 5px 7px;
    font: normal 600 12px 'Montserrat', sans-serif;
    color: #cccccc;
    font-size: 12px;
    text-transform: uppercase;
  }
  header.page .center > nav > ul > li > a:after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    z-index: 1;
    margin-left: -4px;
    border: solid 7px transparent;
    -webkit-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
  }
  header.page .center > nav > ul > li > a:hover,
  header.page .center > nav > ul > li > a:focus,
  header.page .center > nav > ul > li > a.active {
    color: #ffffff;
  }
  header.page .center > nav > ul > li > a.active:after {
    border-bottom-color: #ce0000;
  }
  header.page .center > nav > ul > li > a.hide-arrow:after {
    border-bottom-color: transparent;
  }
  header.page .center > nav > ul > li.visible-mobile {
    display: none;
  }
  header.page .center > nav > ul > li.visible-tablet,
  header.page .center > nav > ul > li.visible {
    display: inline-block;
    padding: 0;
    float: none;
    font-size: inherit;
    line-height: normal;
  }
  header.page .center > nav > ul > li.visible-tablet > a,
  header.page .center > nav > ul > li.visible > a {
    font-size: 1.05em;
  }
  header.page .center > nav > ul > li.visible-tablet > a.mob-cart,
  header.page .center > nav > ul > li.visible > a.mob-cart {
    font-size: 1.3em;
  }
  header.page .center > nav > ul > li.account {
    display: inline-block;
  }
  header.page .center > nav > ul > li.account.active > a {
    color: #ffffff;
  }
  header.page .center > nav .mob-search {
    display: block;
  }
  header.page .center > nav .mob-search .icon-search {
    top: 1px;
  }
  header.page .center > nav .account {
    display: block;
  }
  header.page .center > nav .account.active > a {
    color: #ffffff;
  }
  header.page .center > nav:last-child > ul > li > a {
    padding: 5px 6px;
  }
  .no-scroll header.page {
    margin-right: 17px;
  }
}
@media (min-width: 1460px) {
  header.page .side-left,
  header.page .side-right {
    display: block;
  }
  header.page .center .branding {
    padding: 0 15px;
  }
  header.page .center > nav {
    width: 29%;
  }
  header.page .center > nav ul > li > a {
    padding: 5px 8px;
    font-size: 12px;
  }
  header.page .center > nav ul > li.visible-tablet {
    display: none;
  }
  header.page .center > nav ul > li.visible > a {
    font-size: 1em;
  }
  header.page .center > nav ul > li.visible > a.mob-search {
    font-size: 1.4em;
  }
  header.page .center > nav:last-child > ul > li > a {
    padding: 5px 5px;
  }
  header.page ul.nav li.account {
    display: inline-block;
  }
}
@media (min-width: 1366px) {
  header.page .toggle-mob-nav {
    display: block;
  }
}
@media (min-width: 1530px) {
  header.page .center > nav ul > li > a {
    padding: 5px 7px;
    font-size: 12px;
  }
  header.page .center > nav:last-child > ul > li > a {
    padding: 5px 5px;
  }
}
/*  STICKY PAGE HEADER
    -----------------------------------------------------------------------------------
*/
header.page-sticky:before,
.page-controls:before,
header.page-sticky:after,
.page-controls:after {
  display: table;
}
header.page-sticky:after,
.page-controls:after {
  content: '';
  clear: both;
}
header.page-sticky .branding,
.page-controls .branding {
  float: left;
  padding: 10px 15px;
  vertical-align: bottom;
}
header.page-sticky .branding > a,
.page-controls .branding > a {
  display: block;
}
header.page-sticky .branding > a > img,
.page-controls .branding > a > img {
  display: block;
  width: auto;
  height: 50px;
}
header.page-sticky ul.breadcrumbs,
.page-controls ul.breadcrumbs {
  display: none;
  float: left;
  padding: 0 20px;
  line-height: 70px;
}
header.page-sticky ul.breadcrumbs a,
.page-controls ul.breadcrumbs a {
  color: #cccccc;
}
header.page-sticky ul.breadcrumbs a:hover,
.page-controls ul.breadcrumbs a:hover,
header.page-sticky ul.breadcrumbs a:focus,
.page-controls ul.breadcrumbs a:focus {
  color: #ffffff;
}
header.page-sticky .side-right,
.page-controls .side-right {
  float: right;
}
header.page-sticky nav > ul,
.page-controls nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header.page-sticky nav > ul > li,
.page-controls nav > ul > li {
  float: left;
  padding-top: 10px;
}
header.page-sticky nav > ul > li > a,
.page-controls nav > ul > li > a {
  display: block;
  padding: 0 15px;
  line-height: 50px;
  color: #ce0000;
  white-space: nowrap;
}
header.page-sticky nav > ul > li > a:before,
.page-controls nav > ul > li > a:before {
  right: 15px;
}
header.page-sticky nav > ul > li.btn-search > a,
.page-controls nav > ul > li.btn-search > a,
header.page-sticky nav > ul > li.btn-cart > a,
.page-controls nav > ul > li.btn-cart > a {
  padding: 0 15px;
  font-size: 24px;
}
header.page-sticky nav > ul > li.btn-search > a:hover,
.page-controls nav > ul > li.btn-search > a:hover,
header.page-sticky nav > ul > li.btn-cart > a:hover,
.page-controls nav > ul > li.btn-cart > a:hover,
header.page-sticky nav > ul > li.btn-search > a:focus,
.page-controls nav > ul > li.btn-search > a:focus,
header.page-sticky nav > ul > li.btn-cart > a:focus,
.page-controls nav > ul > li.btn-cart > a:focus,
header.page-sticky nav > ul > li.btn-search > a.active,
.page-controls nav > ul > li.btn-search > a.active,
header.page-sticky nav > ul > li.btn-cart > a.active,
.page-controls nav > ul > li.btn-cart > a.active {
  color: #ffffff;
}
header.page-sticky nav > ul > li.btn-cart > a,
.page-controls nav > ul > li.btn-cart > a {
  padding: 0 15px;
  font-size: 14px;
  color: #cccccc;
}
header.page-sticky nav > ul > li.btn-cart > a span.icon-cart,
.page-controls nav > ul > li.btn-cart > a span.icon-cart {
  font-size: 24px;
  line-height: normal;
}
header.page-sticky nav > ul > li.btn-cart > a:hover,
.page-controls nav > ul > li.btn-cart > a:hover,
header.page-sticky nav > ul > li.btn-cart > a:focus,
.page-controls nav > ul > li.btn-cart > a:focus {
  color: #ffffff;
}
header.page-sticky ul.breadcrumbs a {
  color: #ffffff;
}
header.page-sticky ul.breadcrumbs a:hover,
header.page-sticky ul.breadcrumbs a:focus {
  color: #ffffff;
}
header.page-sticky .side-right {
  float: right;
}
header.page-sticky nav > ul > li > a {
  color: #ffffff;
}
header.page-sticky nav > ul > li > a:hover {
  color: #ffffff;
}
header.page-sticky nav > ul > li.active > a {
  color: #272727;
}
header.page-sticky nav > ul > li.active > a:hover {
  color: #272727;
}
header.page-sticky nav > ul > li.btn-cart > a {
  color: #ffffff;
}
header.page-sticky nav > ul > li.btn-cart > a:hover,
header.page-sticky nav > ul > li.btn-cart > a:focus {
  color: #ffffff;
}
header.page-sticky nav > ul > li.dropdown {
  display: none;
}
header.page-sticky {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  padding: 0 15px;
  z-index: 1000;
  background-color: #272727;
  background-color: rgba(26, 35, 35, 0.9);
  border-bottom: solid 3px #ce0000;
}
@media (min-width: 768px) {
  header.page-sticky nav > ul > li.dropdown {
    display: block;
  }
}
@media (min-width: 1178px) {
  header.page-sticky ul.breadcrumbs {
    display: block;
  }
}
/* Glow effect for branding logo */
.branding a img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.branding a:hover img,
.branding a:focus img {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
  -moz-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
  -o-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
  filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
}
header#primary {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  width: 100%;
  background-color: #272727;
  border-bottom: solid 3px #ce0000;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  /*&.push-left {
    margin-left: 250px;
  }*/
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
header#primary.hide {
  -webkit-transform: translate3d(0, -63px, 0);
  -moz-transform: translate3d(0, -63px, 0);
  transform: translate3d(0, -63px, 0);
}
header#primary:before,
header#primary:after {
  display: table;
}
header#primary:after {
  content: '';
  clear: both;
}
header#primary .container {
  margin: 0 auto;
  width: auto;
}
header#primary nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
header#primary nav > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
header#primary nav > ul > li > a {
  display: block;
  padding: 0 10px;
  height: 50px;
  color: #cccccc;
  text-align: center;
  font: normal 600 12px 'Montserrat', sans-serif;
  line-height: 50px;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
header#primary nav > ul > li > a:hover,
header#primary nav > ul > li > a:focus {
  color: #ffffff;
}
header#primary nav.grid:before,
header#primary nav.grid:after {
  display: table;
}
header#primary nav.grid:after {
  content: '';
  clear: both;
}
header#primary nav.grid ul {
  float: left;
}
header#primary nav.grid ul > li {
  display: block;
}
header#primary nav.grid .col-third {
  width: 33.33333333%;
}
header#primary nav.grid .col-fourth {
  width: 25%;
}
header#primary nav.grid .col-fifth {
  width: 20%;
}
header#primary .dropdown.active > a {
  background-color: #343434;
  color: #ffffff;
}
header#primary .dropdown .dropdown-menu {
  background-color: #343434;
}
header#primary .dropdown .dropdown-menu > li.overview {
  text-align: center;
}
header#primary .dropdown .dropdown-menu > li.overview > a {
  padding: 10px;
  color: #cccccc;
  font: normal 400 14px 'Open Sans', sans-serif;
}
header#primary .dropdown .dropdown-menu > li.overview > div {
  padding: 10px;
  color: #cccccc;
  font: normal 400 14px 'Open Sans', sans-serif;
}
header#primary .dropdown .dropdown-menu > li.overview > .cart-details .btn-checkout {
  margin: 10px 0;
}
header#primary .dropdown .dropdown-menu > li.divider:after {
  width: 100%;
  border-bottom-color: #3b3b3b;
}
header#primary .dropdown .dropdown-menu > li > a {
  font: normal 600 12px 'Montserrat', sans-serif;
  color: #cccccc;
}
header#primary .dropdown .dropdown-menu > li > a:hover,
header#primary .dropdown .dropdown-menu > li > a:focus {
  background-color: #3b3b3b;
}
header#primary .branding {
  display: inline-block;
  padding: 8px;
}
header#primary .branding > .brand-logo {
  display: block;
  width: 126px;
  height: 40px;
  background: url('../img/logo-header.png') center center no-repeat;
  background-size: contain;
}
header#primary > .header-top {
  position: relative;
  text-align: center;
}
header#primary > .header-top > .overview {
  display: none;
}
header#primary > .header-top .mobile-nav-right,
header#primary > .header-top .mobile-nav-left {
  position: absolute;
  top: 0;
  z-index: 10;
}
header#primary > .header-top .mobile-nav-right > a,
header#primary > .header-top .mobile-nav-left > a,
header#primary > .header-top .mobile-nav-right > .dropdown > a,
header#primary > .header-top .mobile-nav-left > .dropdown > a {
  color: #cccccc;
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  box-shadow: none;
}
header#primary > .header-top .mobile-nav-right > a > span,
header#primary > .header-top .mobile-nav-left > a > span,
header#primary > .header-top .mobile-nav-right > .dropdown > a > span,
header#primary > .header-top .mobile-nav-left > .dropdown > a > span {
  display: block;
  font-size: 24px;
}
header#primary > .header-top .mobile-nav-right > a > span.label,
header#primary > .header-top .mobile-nav-left > a > span.label,
header#primary > .header-top .mobile-nav-right > .dropdown > a > span.label,
header#primary > .header-top .mobile-nav-left > .dropdown > a > span.label {
  display: none;
  text-transform: uppercase;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 9px;
}
header#primary > .header-top .mobile-nav-right > a > span.cart-item-count,
header#primary > .header-top .mobile-nav-left > a > span.cart-item-count,
header#primary > .header-top .mobile-nav-right > .dropdown > a > span.cart-item-count,
header#primary > .header-top .mobile-nav-left > .dropdown > a > span.cart-item-count {
  display: none;
  position: absolute;
  top: 25px;
  right: -4px;
  font-size: 12px;
}
header#primary > .header-top .mobile-nav-right > a.small,
header#primary > .header-top .mobile-nav-left > a.small,
header#primary > .header-top .mobile-nav-right > .dropdown > a.small,
header#primary > .header-top .mobile-nav-left > .dropdown > a.small {
  padding: 15px 3px;
}
header#primary > .header-top .mobile-nav-right > a.small > span,
header#primary > .header-top .mobile-nav-left > a.small > span,
header#primary > .header-top .mobile-nav-right > .dropdown > a.small > span,
header#primary > .header-top .mobile-nav-left > .dropdown > a.small > span {
  font-size: 16px;
}
header#primary > .header-top .mobile-nav-right > a.hide,
header#primary > .header-top .mobile-nav-left > a.hide,
header#primary > .header-top .mobile-nav-right > .dropdown > a.hide,
header#primary > .header-top .mobile-nav-left > .dropdown > a.hide {
  display: none;
}
header#primary > .header-top .mobile-nav-right > a.animated,
header#primary > .header-top .mobile-nav-left > a.animated,
header#primary > .header-top .mobile-nav-right > .dropdown > a.animated,
header#primary > .header-top .mobile-nav-left > .dropdown > a.animated {
  animation: throb-icon 0.6s infinite cubic-bezier(0.17, 0.78, 0.77, 0.6);
}
header#primary > .header-top .mobile-nav-right > .dropdown.active > a,
header#primary > .header-top .mobile-nav-left > .dropdown.active > a {
  color: #ffffff;
}
header#primary > .header-top .mobile-nav-right > .dropdown > .dropdown-menu,
header#primary > .header-top .mobile-nav-left > .dropdown > .dropdown-menu {
  min-width: 300px;
}
header#primary > .header-top .mobile-nav-left {
  left: 0;
}
header#primary > .header-top .mobile-nav-right {
  right: 0;
}
header#primary > .header-top .mobile-close {
  display: block;
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 3;
  height: 32px;
  width: 32px;
  background: #444444;
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
header#primary > .header-top .mobile-close:hover {
  color: #272727;
}
header#primary .header-bottom,
header#primary .header-bottom-placeholder {
  display: none;
}
header#primary .mega-menu {
  display: none;
}
@media (min-width: 1200px) {
  header#primary {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
    width: auto;
    background-color: transparent;
    border-bottom: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  header#primary.hide {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  header#primary .container {
    margin: 0 auto;
    width: 800px;
  }
  header#primary nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  header#primary nav > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  header#primary nav > ul > li > a {
    display: block;
    padding: 0 10px;
    height: 50px;
    color: #cccccc;
    text-align: center;
    font: normal 600 12px 'Montserrat', sans-serif;
    line-height: 50px;
    text-transform: uppercase;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }
  header#primary nav > ul > li > a:hover,
  header#primary nav > ul > li > a:focus {
    color: #ffffff;
  }
  header#primary nav.grid:before,
  header#primary nav.grid:after {
    display: table;
  }
  header#primary nav.grid:after {
    content: '';
    clear: both;
  }
  header#primary nav.grid ul {
    float: left;
  }
  header#primary nav.grid ul > li {
    display: block;
  }
  header#primary nav.grid .col-third {
    width: 33.33333333%;
  }
  header#primary nav.grid .col-fourth {
    width: 25%;
  }
  header#primary nav.grid .col-fifth {
    width: 20%;
  }
  header#primary .dropdown.active > a {
    background-color: #343434;
    color: #ffffff;
  }
  header#primary .dropdown .dropdown-menu {
    background-color: #343434;
  }
  header#primary .dropdown .dropdown-menu > li.divider:after {
    width: 100%;
    border-bottom-color: #3b3b3b;
  }
  header#primary .dropdown .dropdown-menu > li > a {
    font: normal 600 12px 'Montserrat', sans-serif;
    color: #cccccc;
  }
  header#primary .dropdown .dropdown-menu > li > a:hover,
  header#primary .dropdown .dropdown-menu > li > a:focus {
    background-color: #3b3b3b;
  }
  header#primary .branding {
    display: inline-block;
    padding: 15px;
  }
  header#primary .branding > .brand-logo {
    display: block;
    width: 200px;
    height: 100px;
    /*background: url('../img/logo-2019-50.png') center center no-repeat;
        background-size: contain;*/
  }
  header#primary .group-left,
  header#primary .group-right {
    position: absolute;
    top: 0;
  }
  header#primary .group-left {
    left: 15px;
  }
  header#primary .group-right {
    right: 15px;
  }
  header#primary > .header-top {
    background-color: #1a1a1a;
    text-align: center;
  }
  header#primary > .header-top .mobile-nav-right,
  header#primary > .header-top .mobile-nav-left {
    display: none;
  }
  header#primary > .header-top .mobile-close {
    display: none;
  }
  header#primary > .header-top > .overview {
    padding: 15px 15px 0;
  }
  header#primary > .header-top > .overview h3 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #cccccc;
  }
  header#primary > .header-top > .overview p {
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    color: #cccccc;
  }
  header#primary .header-bottom,
  header#primary .header-bottom-placeholder {
    height: 50px;
  }
  header#primary .header-bottom-placeholder {
    display: none;
  }
  header#primary .header-bottom {
    display: block;
    position: relative;
    z-index: 3000;
    background-color: #272727;
    border-bottom: solid 3px #ce0000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }
  header#primary .header-bottom .group-left > ul > li > a span[class^="icon-"],
  header#primary .header-bottom .group-right > ul > li > a span[class^="icon-"],
  header#primary .header-bottom .group-left > ul > li > a span[class*=" icon-"],
  header#primary .header-bottom .group-right > ul > li > a span[class*=" icon-"] {
    font-size: 18px;
  }
  header#primary .header-bottom .group-left .branding {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 12px;
    margin-left: 10px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }
  header#primary .header-bottom .group-left .branding.show {
    display: block;
    animation: brandingFadeIn;
    animation-duration: 0.2s;
    animation-fill-mode: both;
  }
  header#primary .header-bottom .group-left .branding > .brand-logo {
    width: 45px;
    height: 24px;
  }
  header#primary .mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3000;
    width: 100%;
    padding: 15px 0;
    background-color: #ce0000;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  }
  header#primary .mega-menu.active {
    display: block;
  }
  header#primary .mega-menu .mega-menu-tab {
    display: none;
  }
  header#primary .mega-menu .mega-menu-tab.active {
    display: block;
  }
  header#primary .mega-menu nav ul {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
  }
  header#primary .mega-menu nav ul:last-child {
    border-right: none;
  }
  header#primary .mega-menu nav ul > li.divider {
    height: 1px;
    width: 90%;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 10px auto;
  }
  header#primary .mega-menu nav ul > li > a {
    height: auto;
    padding: 5px 0;
    color: #ffffff;
    font-size: 10px;
    line-height: 24px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  header#primary .mega-menu nav ul > li > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  header#primary.fixed-to-top {
    /*.header-bottom, .mega-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2000;
      }*/
    /*.mega-menu {
        top: 50px;
      }*/
    /*.header-bottom-placeholder {
        display: block;
      }*/
  }
  header#primary.cart {
    border-bottom: solid 3px #ce0000;
  }
  header#primary.cart .branding {
    padding: 9px;
  }
  header#primary.cart .branding > .brand-logo {
    width: 64px;
    height: 35px;
  }
}
@keyframes brandingFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes throb-icon {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.2);
  }
  90% {
    transform: scale(1.05);
  }
}
header#primary-20 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  width: 100%;
  background-color: #272727;
  border-bottom: solid 3px #ce0000;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  /*&.push-left {
    margin-left: 250px;
  }*/
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
header#primary-20.hide {
  -webkit-transform: translate3d(0, -63px, 0);
  -moz-transform: translate3d(0, -63px, 0);
  transform: translate3d(0, -63px, 0);
}
header#primary-20:before,
header#primary-20:after {
  display: table;
}
header#primary-20:after {
  content: '';
  clear: both;
}
header#primary-20 .container {
  margin: 0 auto;
  width: auto;
}
header#primary-20 nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
header#primary-20 nav > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
header#primary-20 nav > ul > li > a {
  display: block;
  padding: 0 10px;
  height: 50px;
  color: #cccccc;
  text-align: center;
  font: normal 600 12px 'Montserrat', sans-serif;
  line-height: 50px;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
header#primary-20 nav > ul > li > a:hover,
header#primary-20 nav > ul > li > a:focus {
  color: #ffffff;
}
header#primary-20 nav > ul > li > a:focus-visible {
  outline: solid 2px #ffffff;
  outline-offset: -3px;
}
header#primary-20 nav.grid:before,
header#primary-20 nav.grid:after {
  display: table;
}
header#primary-20 nav.grid:after {
  content: '';
  clear: both;
}
header#primary-20 nav.grid ul {
  float: left;
}
header#primary-20 nav.grid ul > li {
  display: block;
}
header#primary-20 nav.grid .col-third {
  width: 33.33333333%;
}
header#primary-20 nav.grid .col-fourth {
  width: 25%;
}
header#primary-20 nav.grid .col-fifth {
  width: 20%;
}
header#primary-20 nav.grid .col {
  width: 16.66666667%;
}
header#primary-20 .dropdown.active > a {
  background-color: #343434;
  color: #ffffff;
}
header#primary-20 .dropdown .dropdown-menu {
  background-color: #343434;
}
header#primary-20 .dropdown .dropdown-menu > li.overview {
  text-align: center;
}
header#primary-20 .dropdown .dropdown-menu > li.overview > a {
  padding: 10px;
  color: #cccccc;
  font: normal 400 14px 'Open Sans', sans-serif;
}
header#primary-20 .dropdown .dropdown-menu > li.overview > div {
  padding: 10px;
  color: #cccccc;
  font: normal 400 14px 'Open Sans', sans-serif;
}
header#primary-20 .dropdown .dropdown-menu > li.overview > .cart-details .btn-checkout {
  margin: 10px 0;
}
header#primary-20 .dropdown .dropdown-menu > li.divider:after {
  width: 100%;
  border-bottom-color: #3b3b3b;
}
header#primary-20 .dropdown .dropdown-menu > li > a {
  font: normal 600 12px 'Montserrat', sans-serif;
  color: #cccccc;
  padding: 15px 10px;
  letter-spacing: 0.1em;
}
header#primary-20 .dropdown .dropdown-menu > li > a:hover,
header#primary-20 .dropdown .dropdown-menu > li > a:focus {
  background-color: #3b3b3b;
  color: #ffffff;
}
header#primary-20 .dropdown .dropdown-menu > li > a:focus-visible {
  outline: solid 2px #ffffff;
  outline-offset: -3px;
}
header#primary-20 .branding {
  display: inline-block;
  padding: 8px;
  outline-color: #ffffff;
}
header#primary-20 .branding:focus-visible {
  outline: solid 2px #ffffff;
  outline-offset: -3px;
}
header#primary-20 .branding > .brand-logo {
  display: block;
  width: 126px;
  height: 40px;
  background: url('../img/logo-header.png') center center no-repeat;
  background-size: contain;
}
header#primary-20 > .header-top {
  position: relative;
  z-index: 4000;
  text-align: center;
}
header#primary-20 > .header-top > .overview {
  display: none;
}
header#primary-20 > .header-top .mobile-nav-right,
header#primary-20 > .header-top .mobile-nav-left {
  position: absolute;
  top: 0;
  z-index: 10;
}
header#primary-20 > .header-top .mobile-nav-right > a,
header#primary-20 > .header-top .mobile-nav-left > a,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a {
  color: #cccccc;
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  box-shadow: none;
}
header#primary-20 > .header-top .mobile-nav-right > a:hover,
header#primary-20 > .header-top .mobile-nav-left > a:hover,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a:hover,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a:hover,
header#primary-20 > .header-top .mobile-nav-right > a:focus,
header#primary-20 > .header-top .mobile-nav-left > a:focus,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a:focus,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a:focus {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.15);
}
header#primary-20 > .header-top .mobile-nav-right > a:focus-visible,
header#primary-20 > .header-top .mobile-nav-left > a:focus-visible,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a:focus-visible,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a:focus-visible {
  outline: solid 2px #ffffff;
  outline-offset: -3px;
}
header#primary-20 > .header-top .mobile-nav-right > a > span,
header#primary-20 > .header-top .mobile-nav-left > a > span,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a > span,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a > span {
  display: block;
  font-size: 24px;
}
header#primary-20 > .header-top .mobile-nav-right > a > span.label,
header#primary-20 > .header-top .mobile-nav-left > a > span.label,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a > span.label,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a > span.label {
  display: none;
  text-transform: uppercase;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 9px;
}
header#primary-20 > .header-top .mobile-nav-right > a > span.cart-item-count,
header#primary-20 > .header-top .mobile-nav-left > a > span.cart-item-count,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a > span.cart-item-count,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a > span.cart-item-count {
  display: none;
  position: absolute;
  top: 25px;
  right: -4px;
  font-size: 12px;
}
header#primary-20 > .header-top .mobile-nav-right > a.small,
header#primary-20 > .header-top .mobile-nav-left > a.small,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a.small,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a.small {
  padding: 15px 3px;
}
header#primary-20 > .header-top .mobile-nav-right > a.small > span,
header#primary-20 > .header-top .mobile-nav-left > a.small > span,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a.small > span,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a.small > span {
  font-size: 16px;
}
header#primary-20 > .header-top .mobile-nav-right > a.hide,
header#primary-20 > .header-top .mobile-nav-left > a.hide,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a.hide,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a.hide {
  display: none;
}
header#primary-20 > .header-top .mobile-nav-right > a.animated,
header#primary-20 > .header-top .mobile-nav-left > a.animated,
header#primary-20 > .header-top .mobile-nav-right > .dropdown > a.animated,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > a.animated {
  animation: throb-icon 0.6s infinite cubic-bezier(0.17, 0.78, 0.77, 0.6);
}
header#primary-20 > .header-top .mobile-nav-right > .dropdown.active > a,
header#primary-20 > .header-top .mobile-nav-left > .dropdown.active > a {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.15);
}
header#primary-20 > .header-top .mobile-nav-right > .dropdown > .dropdown-menu,
header#primary-20 > .header-top .mobile-nav-left > .dropdown > .dropdown-menu {
  min-width: 300px;
}
header#primary-20 > .header-top .mobile-nav-left {
  left: 0;
}
header#primary-20 > .header-top .mobile-nav-right {
  right: 0;
}
header#primary-20 > .header-top .mobile-close {
  display: block;
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 3;
  height: 32px;
  width: 32px;
  background: #444444;
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
header#primary-20 > .header-top .mobile-close:hover {
  color: #272727;
}
header#primary-20 .header-bottom,
header#primary-20 .header-bottom-placeholder {
  display: none;
}
header#primary-20 .mega-menu {
  display: none;
}
@media (min-width: 1200px) {
  header#primary-20 {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
    width: auto;
    background-color: transparent;
    border-bottom: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  header#primary-20.hide {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  header#primary-20 + #new-search-popup {
    top: 121px;
  }
  header#primary-20 .container {
    margin: 0 auto;
    width: 800px;
  }
  header#primary-20 nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  header#primary-20 nav > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  header#primary-20 nav > ul > li > a {
    display: block;
    padding: 0 10px;
    height: 50px;
    color: #cccccc;
    text-align: center;
    font: normal 600 12px 'Montserrat', sans-serif;
    line-height: 50px;
    text-transform: uppercase;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }
  header#primary-20 nav > ul > li > a:hover,
  header#primary-20 nav > ul > li > a:focus {
    color: #ffffff;
  }
  header#primary-20 nav.grid:before,
  header#primary-20 nav.grid:after {
    display: table;
  }
  header#primary-20 nav.grid:after {
    content: '';
    clear: both;
  }
  header#primary-20 nav.grid ul {
    float: left;
  }
  header#primary-20 nav.grid ul > li {
    display: block;
  }
  header#primary-20 nav.grid .col-third {
    width: 33.33333333%;
  }
  header#primary-20 nav.grid .col-fourth {
    width: 25%;
  }
  header#primary-20 nav.grid .col-fifth {
    width: 20%;
  }
  header#primary-20 .dropdown.active > a {
    background-color: #343434;
    color: #ffffff;
  }
  header#primary-20 .dropdown .dropdown-menu {
    background-color: #343434;
  }
  header#primary-20 .dropdown .dropdown-menu > li.divider:after {
    width: 100%;
    border-bottom-color: #3b3b3b;
  }
  header#primary-20 .branding > .brand-logo {
    display: block;
    width: 64px;
    height: 35px;
    background: url('../img/logo-header.png') center center no-repeat;
    background-size: contain;
  }
  header#primary-20 .group-left,
  header#primary-20 .group-right {
    position: absolute;
    top: 0;
  }
  header#primary-20 .group-left,
  header#primary-20 .group-right {
    display: none;
  }
  header#primary-20 .group-left {
    left: 15px;
  }
  header#primary-20 .group-right {
    right: 15px;
  }
  header#primary-20 > .header-top {
    background-color: #1a1a1a;
    text-align: center;
  }
  header#primary-20 > .header-top .mobile-nav-right,
  header#primary-20 > .header-top .mobile-nav-left {
    /*display: none;*/
  }
  header#primary-20 > .header-top .mobile-nav-right > a,
  header#primary-20 > .header-top .mobile-nav-left > a,
  header#primary-20 > .header-top .mobile-nav-right > .dropdown > a,
  header#primary-20 > .header-top .mobile-nav-left > .dropdown > a {
    padding: 13px 10px;
  }
  header#primary-20 > .header-top .mobile-nav-right > a > span,
  header#primary-20 > .header-top .mobile-nav-left > a > span,
  header#primary-20 > .header-top .mobile-nav-right > .dropdown > a > span,
  header#primary-20 > .header-top .mobile-nav-left > .dropdown > a > span {
    font-size: 20px;
  }
  header#primary-20 > .header-top .mobile-nav-right .burger-menu,
  header#primary-20 > .header-top .mobile-nav-left .burger-menu {
    padding: 5px 0px;
  }
  header#primary-20 > .header-top .mobile-nav-right .burger-menu > span,
  header#primary-20 > .header-top .mobile-nav-left .burger-menu > span {
    font-size: 31px;
  }
  header#primary-20 > .header-top .mobile-nav-right .search-popup-menu > span,
  header#primary-20 > .header-top .mobile-nav-left .search-popup-menu > span {
    position: relative;
    top: 3px;
  }
  header#primary-20 > .header-top .mobile-nav-left {
    left: 15px;
  }
  header#primary-20 > .header-top .mobile-nav-right {
    right: 15px;
  }
  header#primary-20 > .header-top .mobile-close {
    display: none;
  }
  header#primary-20 > .header-top > .overview {
    padding: 15px 15px 0;
  }
  header#primary-20 > .header-top > .overview h3 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #cccccc;
  }
  header#primary-20 > .header-top > .overview p {
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    color: #cccccc;
  }
  header#primary-20 .header-bottom,
  header#primary-20 .header-bottom-placeholder {
    height: 50px;
  }
  header#primary-20 .header-bottom-placeholder {
    display: none;
  }
  header#primary-20 .header-bottom {
    display: block;
    position: relative;
    z-index: 3000;
    background-color: #272727;
    border-bottom: solid 3px #ce0000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }
  header#primary-20 .header-bottom .group-left > ul > li > a span[class^="icon-"],
  header#primary-20 .header-bottom .group-right > ul > li > a span[class^="icon-"],
  header#primary-20 .header-bottom .group-left > ul > li > a span[class*=" icon-"],
  header#primary-20 .header-bottom .group-right > ul > li > a span[class*=" icon-"] {
    font-size: 18px;
  }
  header#primary-20 .header-bottom .group-left .branding {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 12px;
    margin-left: 10px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }
  header#primary-20 .header-bottom .group-left .branding.show {
    display: block;
    animation: brandingFadeIn;
    animation-duration: 0.2s;
    animation-fill-mode: both;
  }
  header#primary-20 .header-bottom .group-left .branding > .brand-logo {
    width: 45px;
    height: 24px;
  }
  header#primary-20 .mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3000;
    width: 100%;
    padding: 15px 0;
    background-color: #ce0000;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  }
  header#primary-20 .mega-menu.active {
    display: block;
  }
  header#primary-20 .mega-menu .mega-menu-tab {
    display: none;
  }
  header#primary-20 .mega-menu .mega-menu-tab.active {
    display: block;
  }
  header#primary-20 .mega-menu nav ul {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
  }
  header#primary-20 .mega-menu nav ul:last-child {
    border-right: none;
  }
  header#primary-20 .mega-menu nav ul > li.divider {
    height: 1px;
    width: 90%;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 10px auto;
  }
  header#primary-20 .mega-menu nav ul > li > a {
    height: auto;
    padding: 5px 0;
    color: #ffffff;
    font-size: 10px;
    line-height: 24px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  header#primary-20 .mega-menu nav ul > li > a:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  header#primary-20.fixed-to-top {
    /*.header-bottom, .mega-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2000;
      }*/
    /*.mega-menu {
        top: 50px;
      }*/
    /*.header-bottom-placeholder {
        display: block;
      }*/
  }
  header#primary-20.fixed-to-top + #new-search-popup {
    top: 35px;
  }
  header#primary-20.alt .header-top {
    border-bottom: solid 3px #ce0000;
  }
  header#primary-20.cart {
    border-bottom: solid 3px #ce0000;
  }
  header#primary-20.cart .branding {
    padding: 5px;
  }
  header#primary-20.cart .branding > .brand-logo {
    width: 64px;
    height: 35px;
  }
}
@keyframes brandingFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes throb-icon {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.2);
  }
  90% {
    transform: scale(1.05);
  }
}
.admin-menu {
  position: fixed;
  top: 230px;
  right: 0;
  z-index: 100000;
  width: 80%;
  -webkit-transform: translateX(100%) translateZ(0);
  -moz-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.admin-menu.open {
  -webkit-transform: translateX(0) translateZ(0);
  -moz-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
}
.admin-menu .toggle-admin-menu {
  position: absolute;
  top: 44px;
  left: -63px;
  display: block;
  margin: 0;
  padding: 5px;
  white-space: nowrap;
  transform: rotate(-90deg);
  background-color: #ce0000;
  color: #ffffff;
  font-size: 12px;
}
.admin-menu .admin-menu-content {
  width: 100%;
  min-height: 200px;
  background: #ffffff;
  -webkit-box-shadow: 10px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 10px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.2);
}
.admin-menu .admin-menu-content ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.admin-menu .admin-menu-content ul.menu > li {
  display: block;
}
.admin-menu .admin-menu-content ul.menu > li > a {
  display: block;
  padding: 10px 15px;
}
.admin-menu .admin-menu-content ul.menu > li > a:hover {
  background: #eee;
}
@media (min-width: 1025px) {
  .admin-menu {
    top: 100px;
    width: 400px;
  }
  .admin-menu .toggle-admin-menu {
    top: 44px;
    left: -59px;
    padding: 10px;
    font-size: 9px;
  }
  .admin-menu .admin-menu-content {
    min-height: 200px;
  }
}
.secondary-nav-container {
  height: 45px;
}
.secondary-nav {
  position: relative;
  padding: 0px 15px;
  min-height: 45px;
  /*border: solid 1px darken(@body-bg, 5%);
	border-left: none;
	border-right: none;*/
  background: #ffffff;
  text-align: center;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1;
  /*&.hidden {
		top: -68px;
	}*/
}
.secondary-nav:before,
.secondary-nav:after {
  display: table;
}
.secondary-nav:after {
  content: '';
  clear: both;
}
.secondary-nav.empty {
  /*background: none;
		border: none;*/
}
.secondary-nav .open-nav-rail {
  display: none;
}
.secondary-nav > p {
  margin: 0;
  line-height: 45px;
}
.secondary-nav .left-block,
.secondary-nav .center-block,
.secondary-nav .right-block {
  display: none;
}
.secondary-nav .left-block,
.secondary-nav .right-block {
  position: absolute;
  top: 0;
  z-index: 2;
}
.secondary-nav .right-block {
  right: 0px;
}
.secondary-nav .left-block > ul,
.secondary-nav .right-block > ul,
.secondary-nav .center-block > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.secondary-nav .left-block > ul > li,
.secondary-nav .right-block > ul > li,
.secondary-nav .center-block > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.secondary-nav .left-block > ul > li.separator,
.secondary-nav .right-block > ul > li.separator,
.secondary-nav .center-block > ul > li.separator {
  padding: 0 15px;
}
.secondary-nav .left-block > ul > li > a,
.secondary-nav .right-block > ul > li > a,
.secondary-nav .center-block > ul > li > a {
  display: block;
  padding: 0 15px;
  line-height: 40px;
  color: #444444;
}
.secondary-nav .left-block > ul > li > a:hover,
.secondary-nav .right-block > ul > li > a:hover,
.secondary-nav .center-block > ul > li > a:hover {
  background: #f4f4f4;
}
.secondary-nav .left-block > ul > li > a.highlighted,
.secondary-nav .right-block > ul > li > a.highlighted,
.secondary-nav .center-block > ul > li > a.highlighted {
  color: #ce0000;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
}
.secondary-nav .left-block > ul > li.active > a,
.secondary-nav .right-block > ul > li.active > a,
.secondary-nav .center-block > ul > li.active > a {
  color: #272727;
  background: #f4f4f4;
}
.secondary-nav .left-block > ul > li.active > a.highlighted,
.secondary-nav .right-block > ul > li.active > a.highlighted,
.secondary-nav .center-block > ul > li.active > a.highlighted {
  color: #ce0000;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
}
.secondary-nav .left-block > ul > li.dropdown > a,
.secondary-nav .right-block > ul > li.dropdown > a,
.secondary-nav .center-block > ul > li.dropdown > a,
.secondary-nav .left-block > ul > li.toggle-panel > a,
.secondary-nav .right-block > ul > li.toggle-panel > a,
.secondary-nav .center-block > ul > li.toggle-panel > a {
  position: relative;
  /*&:before {
						    position: absolute;
						    top: 0px;
						    right: 15px;
						    .transition();
						    font-family: "mu2icons";
						    font-size: 16px;
						    font-style: normal;
						    font-weight: normal;
						    content: '\e806';
						    .transform(rotate(90deg));
						}*/
}
.secondary-nav .left-block > ul > li.dropdown.active > a,
.secondary-nav .right-block > ul > li.dropdown.active > a,
.secondary-nav .center-block > ul > li.dropdown.active > a,
.secondary-nav .left-block > ul > li.toggle-panel.active > a,
.secondary-nav .right-block > ul > li.toggle-panel.active > a,
.secondary-nav .center-block > ul > li.toggle-panel.active > a {
  background: #f4f4f4;
}
.secondary-nav .left-block > ul > li.toggle-panel > a,
.secondary-nav .right-block > ul > li.toggle-panel > a,
.secondary-nav .center-block > ul > li.toggle-panel > a {
  position: relative;
  padding-right: 43px;
}
.secondary-nav .left-block > ul > li.toggle-panel > a:before,
.secondary-nav .right-block > ul > li.toggle-panel > a:before,
.secondary-nav .center-block > ul > li.toggle-panel > a:before {
  position: absolute;
  top: 0px;
  right: 23px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "mu2icons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  content: '\e806';
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.secondary-nav .left-block > ul > li.toggle-panel.active > a:before,
.secondary-nav .right-block > ul > li.toggle-panel.active > a:before,
.secondary-nav .center-block > ul > li.toggle-panel.active > a:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.secondary-nav .left-block > ul > li.dropdown.active > a,
.secondary-nav .right-block > ul > li.dropdown.active > a,
.secondary-nav .center-block > ul > li.dropdown.active > a {
  background: #ffffff;
}
.secondary-nav .left-block {
  left: 5px;
}
.secondary-nav .left-block .breadcrumbs {
  display: inline-block;
}
.secondary-nav .left-block .breadcrumbs > li > a {
  display: inline-block;
  padding: 10px 10px;
  line-height: 20px;
  color: #444444;
}
.secondary-nav .left-block .breadcrumbs > li > a > .icon-home {
  font-size: 120%;
}
.secondary-nav .left-block .breadcrumbs > li > a:hover {
  background: #f4f4f4;
}
.secondary-nav .left-block .breadcrumbs > li:after {
  padding: 0 5px;
}
.secondary-nav .center-block {
  max-width: 960px;
}
.secondary-nav .center-block > ul {
  display: inline-block;
  white-space: nowrap;
}
.secondary-nav .center-block > ul > li > a {
  color: #272727;
}
.secondary-nav .btn-search {
  display: none !important;
}
.secondary-nav.fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: #272727;
  color: #cccccc;
  border-bottom: solid 3px #ce0000;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  /*.left-block {
			& > ul {
				& > li {
					& > a {
						color: @header-link;
					}

					&, &.dropdown, &.toggle-panel {
						& > a:hover, & > a:focus {
							color: lighten(@header-link, 20%);
						}

						&.active > a {
							color: lighten(@header-link, 20%);
						}
					}
				}
			}
		}*/
}
.secondary-nav.fixed-nav.empty {
  /*background: none;
			border: none;*/
}
.secondary-nav.fixed-nav > p {
  color: #cccccc;
}
.secondary-nav.fixed-nav .icon-home:before {
  content: '\e813';
}
.secondary-nav.fixed-nav .left-block > ul,
.secondary-nav.fixed-nav .center-block > ul,
.secondary-nav.fixed-nav .right-block > ul {
  display: inline-block;
}
.secondary-nav.fixed-nav .left-block > ul > li > a,
.secondary-nav.fixed-nav .center-block > ul > li > a,
.secondary-nav.fixed-nav .right-block > ul > li > a {
  position: relative;
  color: #cccccc;
}
.secondary-nav.fixed-nav .left-block > ul > li > a:after,
.secondary-nav.fixed-nav .center-block > ul > li > a:after,
.secondary-nav.fixed-nav .right-block > ul > li > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  margin-left: -4px;
  border: solid 7px transparent;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.secondary-nav.fixed-nav .left-block > ul > li > a:hover,
.secondary-nav.fixed-nav .center-block > ul > li > a:hover,
.secondary-nav.fixed-nav .right-block > ul > li > a:hover,
.secondary-nav.fixed-nav .left-block > ul > li.dropdown > a:hover,
.secondary-nav.fixed-nav .center-block > ul > li.dropdown > a:hover,
.secondary-nav.fixed-nav .right-block > ul > li.dropdown > a:hover,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel > a:hover,
.secondary-nav.fixed-nav .center-block > ul > li.toggle-panel > a:hover,
.secondary-nav.fixed-nav .right-block > ul > li.toggle-panel > a:hover {
  background: #0e0e0e;
}
.secondary-nav.fixed-nav .left-block > ul > li.active > a,
.secondary-nav.fixed-nav .center-block > ul > li.active > a,
.secondary-nav.fixed-nav .right-block > ul > li.active > a,
.secondary-nav.fixed-nav .left-block > ul > li.dropdown.active > a,
.secondary-nav.fixed-nav .center-block > ul > li.dropdown.active > a,
.secondary-nav.fixed-nav .right-block > ul > li.dropdown.active > a,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.active > a,
.secondary-nav.fixed-nav .center-block > ul > li.toggle-panel.active > a,
.secondary-nav.fixed-nav .right-block > ul > li.toggle-panel.active > a {
  background: none;
}
.secondary-nav.fixed-nav .left-block > ul > li.active > a:after,
.secondary-nav.fixed-nav .center-block > ul > li.active > a:after,
.secondary-nav.fixed-nav .right-block > ul > li.active > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.dropdown.active > a:after,
.secondary-nav.fixed-nav .center-block > ul > li.dropdown.active > a:after,
.secondary-nav.fixed-nav .right-block > ul > li.dropdown.active > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.active > a:after,
.secondary-nav.fixed-nav .center-block > ul > li.toggle-panel.active > a:after,
.secondary-nav.fixed-nav .right-block > ul > li.toggle-panel.active > a:after {
  border-bottom-color: #ce0000;
}
.secondary-nav.fixed-nav .left-block > ul > li.dropdown.active > a:after,
.secondary-nav.fixed-nav .center-block > ul > li.dropdown.active > a:after,
.secondary-nav.fixed-nav .right-block > ul > li.dropdown.active > a:after {
  border-bottom-color: #ffffff;
}
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.active > a,
.secondary-nav.fixed-nav .center-block > ul > li.toggle-panel.active > a,
.secondary-nav.fixed-nav .right-block > ul > li.toggle-panel.active > a {
  background: #0e0e0e;
}
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.active > a:after,
.secondary-nav.fixed-nav .center-block > ul > li.toggle-panel.active > a:after,
.secondary-nav.fixed-nav .right-block > ul > li.toggle-panel.active > a:after {
  border-bottom-color: transparent;
}
.secondary-nav.fixed-nav .left-block > ul > li.hide-arrow > a:after,
.secondary-nav.fixed-nav .center-block > ul > li.hide-arrow > a:after,
.secondary-nav.fixed-nav .right-block > ul > li.hide-arrow > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.dropdown.hide-arrow > a:after,
.secondary-nav.fixed-nav .center-block > ul > li.dropdown.hide-arrow > a:after,
.secondary-nav.fixed-nav .right-block > ul > li.dropdown.hide-arrow > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.hide-arrow > a:after,
.secondary-nav.fixed-nav .center-block > ul > li.toggle-panel.hide-arrow > a:after,
.secondary-nav.fixed-nav .right-block > ul > li.toggle-panel.hide-arrow > a:after {
  border-bottom-color: transparent;
}
.secondary-nav.fixed-nav .left-block > ul > li > a:hover,
.secondary-nav.fixed-nav .left-block > ul > li.dropdown > a:hover,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel > a:hover {
  background: #0e0e0e;
}
.secondary-nav.fixed-nav .left-block > ul > li.active > a,
.secondary-nav.fixed-nav .left-block > ul > li.dropdown.active > a,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.active > a {
  background: #0e0e0e;
}
.secondary-nav.fixed-nav .left-block > ul > li.active > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.dropdown.active > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.active > a:after {
  border-bottom-color: #ce0000;
}
.secondary-nav.fixed-nav .left-block > ul > li.dropdown.active > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.active > a:after {
  border-bottom-color: #ffffff;
}
.secondary-nav.fixed-nav .left-block > ul > li.hide-arrow > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.dropdown.hide-arrow > a:after,
.secondary-nav.fixed-nav .left-block > ul > li.toggle-panel.hide-arrow > a:after {
  border-bottom-color: transparent;
}
.secondary-nav.fixed-nav .btn-search {
  display: inline-block !important;
}
.secondary-nav .mobile-nav {
  position: relative;
  margin: 0 -15px;
}
.secondary-nav .mobile-nav .goto-parent {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 50px;
  line-height: 50px;
  background-color: #ffffff;
  color: #444444;
}
.secondary-nav .mobile-nav .goto-parent:hover {
  background-color: #dbdbdb;
}
.secondary-nav .mobile-nav .mobile-nav-options > a {
  display: none;
  padding: 0 10px;
  line-height: 50px;
  font-size: 16px;
  color: #444444;
}
.secondary-nav .mobile-nav .mobile-nav-options > a:hover {
  color: #272727;
}
.secondary-nav .mobile-nav .mobile-nav-options > a > span:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.secondary-nav .mobile-nav .mobile-nav-options.active > a {
  color: #272727;
}
.secondary-nav .mobile-nav .mobile-nav-options.active > a > span:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container {
  display: block;
  position: relative;
  top: 100%;
  left: 0;
  z-index: 2;
  width: 100%;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container.show {
  display: block;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .categories {
  display: none;
  overflow: hidden;
  overflow-x: scroll;
  height: 50px;
  background-color: #f4f4f4;
  border-top: solid 1px #e7e7e7;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .categories::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .categories:hover::-webkit-scrollbar {
  opacity: 1;
  width: auto;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .categories > ul {
  position: relative;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .categories > ul > li {
  display: inline-block;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .categories > ul > li > a {
  display: block;
  padding: 0 10px;
  line-height: 50px;
  color: #444444;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul:before,
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul:after {
  display: table;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul:after {
  content: '';
  clear: both;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li {
  float: left;
  width: 33.33333333%;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li > a {
  display: block;
  padding: 0 20px;
  line-height: 45px;
  color: #2b2b2b;
  border-bottom: solid 1px #e7e7e7;
  /*& > span {
									display: none;
								}*/
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li > a:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  z-index: 1;
  margin-left: -4px;
  border: solid 7px transparent;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.highlighted > a {
  color: #ce0000;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown {
  position: static;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown > a:before {
  right: 5px;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown > ul {
  left: 0;
  width: 100%;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown > ul > li > h4 {
  margin: 0;
  padding: 5px 10px;
  font-size: 1em;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown > ul > li > h4:after {
  content: '';
  display: block;
  margin: 5px auto;
  width: 50%;
  height: 1px;
  border-bottom: solid 1px #dbdbdb;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown > ul > li.highlighted > a {
  color: #ce0000;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown.active > a {
  box-shadow: none;
  background-color: #e7e7e7;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown.active > a:after {
  border-bottom-color: #ffffff;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.toggle-panel > a {
  position: relative;
  padding-right: 43px;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.toggle-panel > a:before {
  position: absolute;
  top: 0px;
  right: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "mu2icons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  content: '\e806';
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.toggle-panel.active > a {
  background-color: #e7e7e7;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.toggle-panel.active > a:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.toggle-panel.active:after {
  border-bottom-color: #ffffff;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul.count-1 > li {
  width: 100%;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul.count-2 > li {
  width: 50%;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul.count-3 > li {
  width: 33.33333333%;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul.count-4 > li {
  width: 25%;
}
.secondary-nav .mobile-nav .mobile-nav-options .option-container .filters > ul.count-5 > li {
  width: 20%;
}
.fixed-nav {
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fixed-nav.hidden {
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform: translate3d(0, -48px, 0);
  -moz-transform: translate3d(0, -48px, 0);
  -o-transform: translate3d(0, -48px, 0);
  transform: translate3d(0, -48px, 0);
}
.fixed-nav .mobile-nav .goto-parent {
  color: #cccccc;
  background-color: #272727;
}
.fixed-nav .mobile-nav .goto-parent:hover {
  background: #0e0e0e;
}
.fixed-nav .mobile-nav .mobile-nav-options > a {
  color: #cccccc;
}
.fixed-nav .mobile-nav .mobile-nav-options > a:hover {
  color: #ffffff;
}
.fixed-nav .mobile-nav .mobile-nav-options.active > a {
  color: #ffffff;
}
.fixed-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li > a {
  color: #cccccc;
  border: none;
}
.fixed-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.dropdown.active > a,
.fixed-nav .mobile-nav .mobile-nav-options .option-container .filters > ul > li.toggle-panel.active > a {
  color: #ffffff;
  background-color: transparent;
}
@media (min-width: 768px) {
  .secondary-nav-container {
    height: 40px;
  }
  .secondary-nav {
    min-height: 40px;
  }
  .secondary-nav.fixed-nav {
    min-height: 43px;
  }
  .secondary-nav.hidden {
    top: 0;
  }
  .secondary-nav > p {
    line-height: 40px;
  }
  .secondary-nav .mobile-nav {
    display: none;
  }
  .secondary-nav .center-block,
  .secondary-nav .right-block {
    display: block;
    text-align: left;
  }
  .secondary-nav .left-block {
    display: block;
  }
}
@media (min-width: 1025px) {
  .secondary-nav .left-block,
  .secondary-nav .center-block,
  .secondary-nav .right-block {
    display: block;
  }
  .secondary-nav .center-block {
    display: inline-block;
    text-align: center;
  }
}
@media (min-width: 1366px) {
  .fixed-nav .icon-home:before {
    content: '\e812' !important;
  }
  .fixed-nav .breadcrumbs > li:first-child {
    display: none;
  }
  .fixed-nav .open-nav-rail {
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    background: none;
    border: none;
    outline: none;
  }
  .fixed-nav .open-nav-rail > .btn-bar {
    width: 15px;
    display: block;
    background: #444444;
    height: 2px;
    margin-bottom: 3px;
  }
  .fixed-nav .open-nav-rail:hover > .btn-bar {
    background-color: #ffffff;
  }
}
/* Right Panel ----------------------------------------------- */
.secondary-nav .right-panel {
  position: absolute;
  top: 100%;
  z-index: 10;
  padding: 20px;
  height: 100%;
  background: #ffffff;
  right: -75%;
  width: 75%;
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.secondary-nav .right-panel.active {
  right: 0;
}
.secondary-nav .right-panel .img-loader:before,
.secondary-nav .right-panel .img-loader:after {
  display: table;
}
.secondary-nav .right-panel .img-loader:after {
  content: '';
  clear: both;
}
.secondary-nav .right-panel .img-loader img {
  display: block;
  width: 50px;
  height: auto;
  margin: 0 auto;
  padding: 20px 0;
}
.secondary-nav .right-panel h3 {
  margin: 0;
  margin-bottom: 10px;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 18px;
  text-align: center;
}
.secondary-nav .right-panel .search-box {
  position: relative;
  background: #f4f4f4;
}
.secondary-nav .right-panel .search-box label {
  position: absolute;
  z-index: 0;
  padding: 5px;
  font-size: 18px;
  line-height: 24px;
  color: #777777;
  border: solid 1px transparent;
}
.secondary-nav .right-panel .search-box input {
  position: relative;
  display: block;
  padding: 5px;
  padding-right: 30px;
  width: 100%;
  background: none;
  border: solid 1px #919191;
  outline: none;
  font-size: 18px;
  line-height: 24px;
}
.secondary-nav .right-panel .search-box input:focus {
  border-color: #777777;
}
.secondary-nav .right-panel .search-box button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: none;
  background: none;
}
.secondary-nav .right-panel .search-results {
  display: none;
}
.secondary-nav .right-panel .info-block {
  margin: 30px 0;
}
.secondary-nav .right-panel .info-block .thumbnail {
  display: block;
  padding: 5px 0;
  text-align: center;
}
.secondary-nav .right-panel .info-block .thumbnail img {
  display: none;
  width: 100%;
  height: auto;
  border: solid 1px #f4f4f4;
}
.secondary-nav .right-panel .info-block .thumbnail h4 {
  margin: 5px 0;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
}
.secondary-nav .right-panel .info-block ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.secondary-nav .right-panel .info-block ul.list > li {
  margin: 0;
  padding: 0;
}
.secondary-nav .right-panel .info-block ul.list > li > a {
  display: block;
  padding: 5px 10px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  text-align: center;
}
.secondary-nav .right-panel .info-block ul.list > li > a:hover {
  color: #272727;
}
@media (min-width: 768px) {
  .secondary-nav .right-panel {
    right: -400px;
    width: 400px;
    border: solid 1px #e7e7e7;
  }
  .secondary-nav .right-panel.active {
    box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
  }
  .secondary-nav .right-panel h3 {
    text-align: left;
  }
  .secondary-nav .right-panel .info-block {
    margin: 30px 0;
  }
  .secondary-nav .right-panel .info-block .grid {
    margin: 0 -10px;
  }
  .secondary-nav .right-panel .info-block .grid:before,
  .secondary-nav .right-panel .info-block .grid:after {
    display: table;
  }
  .secondary-nav .right-panel .info-block .grid:after {
    content: '';
    clear: both;
  }
  .secondary-nav .right-panel .info-block .grid .col {
    float: left;
    padding: 10px;
    width: 50%;
  }
  .secondary-nav .right-panel .info-block .thumbnail {
    padding: 0;
  }
  .secondary-nav .right-panel .info-block .thumbnail img {
    display: block;
  }
  .secondary-nav .right-panel .info-block ul.list > li > a {
    text-align: left;
  }
}
@media (min-width: 1366px) {
  .page.push-left .secondary-nav-container {
    display: none;
  }
}
.header-search-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}
.header-search-box .search-box {
  position: relative;
  height: 50px;
  background-color: #ce0000;
}
.header-search-box .search-box input {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 10px 10px 10px 40px;
  background-color: transparent;
  border: solid 1px transparent;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  outline: none;
}
.header-search-box .search-box input.searching {
  background: url('../img/ajax-search.gif') no-repeat left 10px center;
  background-size: 16px 16px;
}
.header-search-box .search-box label {
  position: absolute;
  z-index: 0;
  padding: 10px 10px 10px 40px;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
}
.header-search-box .search-box button.close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  height: 50px;
  padding: 0 15px;
  background: none;
  border: none;
  outline: none;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 50px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header-search-box .search-box button.close:hover,
.header-search-box .search-box button.close:focus {
  background: #b50000;
}
.header-search-box .search-results {
  display: none;
  overflow: auto;
  background: #ffffff;
}
.header-search-box .search-results .result-block {
  background-color: #f4f4f4;
}
.header-search-box .search-results .result-block h4 {
  display: inline-block;
  margin: 8px;
  padding: 3px 10px;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  background-color: #444444;
  border-radius: 3px;
}
.header-search-box .search-results .result-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-search-box .search-results .result-block ul li {
  margin: 0;
  padding: 0;
}
.header-search-box .search-results .result-block ul li a {
  display: block;
  padding: 5px 8px;
  color: #444444;
  outline: none;
  border: none;
  border-bottom: solid 1px #aaaaaa;
  background-color: #fff;
}
.header-search-box .search-results .result-block ul li a:hover,
.header-search-box .search-results .result-block ul li a:focus {
  background-color: #f4f4f4;
}
.header-search-box .search-results .result-block ul li a strong {
  color: #272727;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-weight: normal;
}
.header-search-box .search-results .result-block ul li a.product {
  position: relative;
}
.header-search-box .search-results .result-block ul li a.product:before,
.header-search-box .search-results .result-block ul li a.product:after {
  display: table;
}
.header-search-box .search-results .result-block ul li a.product:after {
  content: '';
  clear: both;
}
.header-search-box .search-results .result-block ul li a.product img {
  float: left;
  margin: 3px;
  width: 32px;
  height: 32px;
}
.header-search-box .search-results .result-block ul li a.product .product-details {
  padding-left: 10px;
  overflow: hidden;
}
.header-search-box .search-results .result-block ul li a.product .product-details p {
  margin: 0;
  font-size: 14px;
}
.header-search-box .search-results .result-block ul li a.product .product-details > span {
  margin-right: 10px;
}
.header-search-box .search-results .result-block ul li a.product .product-details .item-price {
  display: inline-block;
  color: #444444;
  font-size: 12px;
  line-height: 14px;
}
.header-search-box .search-results .result-block ul li a.product .product-details .item-price > span {
  text-decoration: line-through;
}
.header-search-box .search-results .result-block ul li a.product .product-details .item-price > span:last-child {
  text-decoration: none;
}
.header-search-box .search-results .result-block ul li a.product .product-details .item-price > span.highlighted {
  color: #ce0000;
}
.header-search-box .search-results .result-block ul li a.product .product-details span.category {
  float: right;
  padding: 8px 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #777777;
}
.header-search-box .search-results .result-block ul li a.product .show-editor-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.header-search-box .search-results .result-block ul li a.product .show-editor-popup {
  display: none;
  position: absolute;
  bottom: 0;
  left: 40%;
  z-index: 2;
  margin: 0px;
  padding: 0;
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: #666;
  border: none;
  font-size: 18px;
  line-height: 32px;
}
.header-search-box .search-results .result-block ul li a.product .show-editor-popup:hover {
  color: #333;
}
.header-search-box .search-results .result-block ul li a.product:hover .show-editor-popup,
.header-search-box .search-results .result-block ul li a.product:focus .show-editor-popup {
  display: block;
}
.header-search-box .search-results .result-block ul li:first-child a {
  border-top: solid 1px #aaaaaa;
}
.header-search-box .search-results a.btn-results-page {
  display: block;
  padding: 20px 8px;
  color: #444444;
  border-bottom: solid 1px #aaaaaa;
}
.header-search-box .search-results a.btn-results-page > span {
  color: #ce0000;
  text-decoration: underline;
}
.header-search-box .search-results a.btn-results-page:hover,
.header-search-box .search-results a.btn-results-page:focus {
  background-color: #f4f4f4;
}
@media (min-width: 768px) {
  .header-search-box {
    /*
    .search-results {
      max-height: 400px;
    }
    */
  }
  .header-search-box .search-box {
    height: 80px;
    padding: 10px 5px;
  }
  .header-search-box .search-box input {
    font-size: 30px;
    line-height: 40px;
  }
  .header-search-box .search-box label {
    font-size: 30px;
    line-height: 40px;
  }
  .header-search-box .search-box button.close {
    height: 80px;
    line-height: 80px;
  }
  .header-search-box.attached-to-sticky {
    position: fixed;
    top: 40px;
    z-index: 2000;
  }
}
/* Banner Group for Slider */
.banner-group {
  position: relative;
  width: 100%;
}
.banner-group .banner {
  display: none;
  outline: none;
}
.banner-group .banner .container {
  padding: 0 40px;
}
.banner-group .banner:first-child {
  display: block;
}
.banner-group .slider-next,
.banner-group .slider-prev {
  position: absolute;
  top: 40%;
  z-index: 10;
  padding: 10px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 24px;
  color: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.banner-group .slider-next {
  right: 0;
}
.banner-group .slider-next:hover {
  -webkit-transform: translate3d(5px, 0, 0);
  -moz-transform: translate3d(5px, 0, 0);
  -o-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
}
.banner-group .slider-prev {
  left: 0;
}
.banner-group .slider-prev:hover,
.banner-group .slider-prev:focus {
  -webkit-transform: translate3d(-5px, 0, 0);
  -moz-transform: translate3d(-5px, 0, 0);
  -o-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
}
@media (min-width: 768px) {
  .banner-group .slider-next,
  .banner-group .slider-prev {
    top: 40%;
    font-size: 40px;
    opacity: 0;
  }
  .banner-group:hover .slider-next,
  .banner-group:hover .slider-prev {
    opacity: 1;
  }
}
/* Banners */
.banner {
  display: block;
  width: 100%;
  padding: 50px 10px;
  background: #000000 center center no-repeat;
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.7);
  background-size: cover;
  text-align: center;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.banner .container {
  height: 100px;
  text-align: center;
  white-space: nowrap;
}
.banner .container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.banner .container .centered {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.banner h1,
.banner h2 {
  margin: 0;
  color: #ffffff;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
}
.banner h3,
.banner p {
  margin: 0;
  color: #ffffff;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
.banner p {
  padding: 20px 0;
}
.banner p.top-padding {
  padding-top: 80px;
}
.banner .banner-title h2 {
  font-size: 30px;
}
.banner .banner-title h3 {
  font: normal 300 20px 'Montserrat', sans-serif;
  font-size: 16px;
}
.banner .banner-controls {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
}
@media (min-width: 667px) and (orientation: landscape) {
  .banner .banner-controls {
    flex-direction: row;
  }
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  .banner .banner-controls {
    flex-direction: row;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .banner .banner-controls {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .banner .banner-controls {
    flex-direction: row;
  }
}
.banner .banner-controls > li {
  margin: 0;
  padding: 10px;
}
.banner .banner-controls > li > a {
  font: normal 600 14px 'Montserrat', sans-serif;
}
.banner-newsletter-signup {
  display: none;
  background-image: url('../img/banner-home.jpg');
}
.banner-newsletter-signup .container {
  height: auto;
}
@media (min-width: 768px) {
  .banner {
    padding: 50px 10px;
  }
  .banner .container {
    height: 200px;
  }
  .banner h1,
  .banner h2 {
    font-size: 60px;
    line-height: 55px;
  }
  .banner h3 {
    font-size: 20px;
  }
  .banner p .btn {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .banner:hover p .btn {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .banner .banner-title h2 {
    font-size: 40px;
    line-height: initial;
  }
  .banner .banner-title h3 {
    font-size: 24px;
  }
  .banner .banner-controls {
    margin: 10px 0 0;
  }
  .banner-newsletter-signup {
    padding: 100px 10px;
  }
  .banner-newsletter-signup h1,
  .banner-newsletter-signup h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .banner-newsletter-signup p {
    margin-bottom: 40px;
  }
  .banner-newsletter-signup .input-group {
    width: 60%;
  }
}
@media (min-width: 960px) {
  .banner {
    padding: 20px 10px;
  }
  .banner h1,
  .banner h2 {
    font-size: 80px;
    line-height: 75px;
  }
  .banner h3 {
    font-size: 30px;
  }
  .banner .banner-title h2 {
    font-size: 40px;
    line-height: initial;
  }
  .banner .banner-title h3 {
    font-size: 24px;
  }
  .banner-newsletter-signup {
    padding: 125px 10px;
  }
  .banner-newsletter-signup h1,
  .banner-newsletter-signup h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .banner-newsletter-signup p {
    margin-bottom: 40px;
  }
}
@media (min-width: 1025px) {
  .banner {
    padding: 20px 10px;
  }
  .banner h1,
  .banner h2 {
    /*display: none;*/
  }
  .banner .banner-title h2 {
    font-size: 48px;
    line-height: initial;
  }
  .banner .banner-title h3 {
    font-size: 28px;
  }
  .banner-newsletter-signup {
    display: block;
  }
}
@media (min-width: 1460px) {
  .banner {
    padding: 70px 10px;
    background-size: cover;
  }
  .banner .banner-title h2 {
    font-size: 60px;
    line-height: initial;
  }
  .banner .banner-title h3 {
    font-size: 30px;
  }
}
.strip-banner {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 10px 10px;
}
.strip-banner .container {
  height: 40px;
}
.strip-banner h3 {
  font-size: 18px;
}
.strip-banner p {
  padding: 5px 0;
  padding-bottom: 0;
  font-size: 12px;
}
.strip-banner .btn {
  display: none;
}
@media (min-width: 1025px) {
  .strip-banner {
    padding: 10px 10px;
  }
  .strip-banner .container {
    height: 40px;
  }
  .strip-banner h3 {
    font-size: 24px;
  }
  .strip-banner p {
    padding: 5px 0;
    padding-bottom: 0;
    font-size: 14px;
  }
  .strip-banner .btn {
    display: none;
  }
}
/*.banner-large {
  .container {
    height: 150px;
  }
}*/
@media (min-width: 768px) {
  .banner-medium .container {
    height: 175px;
  }
  .banner-large .container {
    height: 250px;
  }
}
@media (min-width: 1200px) {
  .banner-medium .container {
    height: 200px;
  }
  .banner-large .container {
    height: 300px;
  }
}
@media (min-width: 1580px) {
  .banner-medium .container {
    height: 350px;
  }
  .banner-large .container {
    height: 450px;
  }
}
.banner.banner-video-showcase {
  position: relative;
  height: 33vh;
}
@media (min-width: 667px) and (orientation: landscape) {
  .banner.banner-video-showcase {
    height: 50vh;
  }
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  .banner.banner-video-showcase {
    height: 25vh;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .banner.banner-video-showcase {
    height: 60vh;
  }
}
@media (min-width: 1200px) {
  .banner.banner-video-showcase {
    height: 50vh;
  }
}
.banner.banner-video-showcase .video-showcase-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 50px;
  padding: 1em;
  text-align: left;
}
@media (min-width: 699px) {
  .banner.banner-video-showcase .video-showcase-overlay {
    margin: 0;
    width: 50%;
    max-width: 700px;
    padding: 1.5em 1.5em 1.5em 7.5em;
  }
}
.banner.banner-video-showcase .video-showcase-overlay > .badge-featured {
  background-color: #272727;
  color: #ffffff;
  border-radius: 30px;
  display: inline-block;
  padding: 2px 10px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}
.banner.banner-video-showcase .video-showcase-overlay > h1 {
  font-size: 16px;
  line-height: initial;
  text-transform: initial;
  margin: 0.4em 0 1em;
}
@media (min-width: 699px) {
  .banner.banner-video-showcase .video-showcase-overlay > h1 {
    font-size: 20px;
  }
}
.banner.banner-video-showcase .video-showcase-overlay > .btn {
  padding: 5px 12px;
  font-size: 10px;
}
@media (min-width: 699px) {
  .banner.banner-video-showcase .video-showcase-overlay > .btn {
    padding: 12px 15px;
    font-size: 14px;
  }
}
.split-banner .split-banner-contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #272727 center center no-repeat;
  background-size: cover;
}
.split-banner .split-banner-contents:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.split-banner .split-banner-contents .split-banner-contents-inner {
  position: relative;
  display: inline-block;
  padding: 30px;
  vertical-align: middle;
  width: 95%;
  text-align: left;
}
.split-banner .split-banner-contents .split-banner-contents-inner h3 {
  color: #ffffff;
  margin: 0;
  font-weight: 100;
  font-size: 24px;
}
.split-banner .split-banner-contents .split-banner-contents-inner h4 {
  color: #ffffff;
  margin: 20px 0;
  font-size: 16px;
}
.split-banner .split-banner-contents .split-banner-contents-inner p {
  color: #ffffff;
  margin: 0;
  font-size: 12px;
}
.split-banner .left-part,
.split-banner .right-part,
.split-banner .full-width,
.split-banner .col-fourth {
  position: relative;
}
.split-banner .left-part:before,
.split-banner .right-part:before,
.split-banner .full-width:before,
.split-banner .col-fourth:before {
  content: '';
  display: block;
  padding-top: 67%;
}
.split-banner .full-width:before {
  padding-top: 20%;
}
.split-banner .col-fourth {
  float: left;
  width: 50%;
}
.split-banner .col-fourth:before {
  padding-top: 67%;
}
.split-banner .right-part .split-banner-contents .split-banner-contents-inner {
  text-align: right;
}
@media (min-width: 768px) {
  .split-banner:before,
  .split-banner:after {
    display: table;
  }
  .split-banner:after {
    content: '';
    clear: both;
  }
  .split-banner .split-banner-contents .split-banner-contents-inner {
    width: 360px;
  }
  .split-banner .split-banner-contents .split-banner-contents-inner h3 {
    font-size: 30px;
  }
  .split-banner .split-banner-contents .split-banner-contents-inner h4 {
    font-size: 18px;
  }
  .split-banner .split-banner-contents .split-banner-contents-inner p {
    font-size: 16px;
  }
  .split-banner .left-part,
  .split-banner .right-part {
    float: left;
    width: 50%;
  }
  .split-banner .left-part:before,
  .split-banner .right-part:before {
    padding-top: 67%;
  }
  .split-banner .col-fourth {
    float: left;
    width: 25%;
  }
  .split-banner .col-fourth:before {
    padding-top: 67%;
  }
}
@media (min-width: 1200px) {
  .split-banner .split-banner-contents .split-banner-contents-inner {
    width: 500px;
  }
  .split-banner .split-banner-contents .split-banner-contents-inner h3 {
    font-size: 48px;
  }
  .split-banner .split-banner-contents .split-banner-contents-inner h4 {
    font-size: 20px;
  }
  .split-banner .split-banner-contents .split-banner-contents-inner p {
    font-size: 18px;
  }
  .split-banner .left-part:before,
  .split-banner .right-part:before {
    padding-top: 67%;
  }
}
@media (min-width: 1580px) {
  .split-banner .split-banner-contents .split-banner-contents-inner {
    padding: 60px;
    width: 600px;
  }
  .split-banner .left-part:before,
  .split-banner .right-part:before {
    padding-top: 67%;
  }
}
.split-banner.mixtapes-landing-banner .full-width:before {
  padding-top: 65%;
}
@media (min-width: 768px) {
  .split-banner.mixtapes-landing-banner .full-width:before {
    padding-top: 40%;
  }
}
@media (min-width: 1200px) {
  .split-banner.mixtapes-landing-banner .full-width:before {
    padding-top: 30%;
  }
}
@media (min-width: 1380px) {
  .split-banner.mixtapes-landing-banner .full-width:before {
    padding-top: 30%;
  }
}
.split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner {
  padding: 10px;
}
.split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 > .focus {
  display: block;
  font-weight: 500;
  font-size: 26px;
}
.split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon {
  text-align: center;
  margin-bottom: 10px;
}
.split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon > span {
  font-size: 48px;
  color: #fff;
}
.split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons {
  margin-top: 5px;
  text-align: center;
}
.split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons > span {
  font-size: 18px;
  color: #fff;
  margin: 0 10px;
}
@media (min-width: 768px) {
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner {
    padding: 15px;
    width: 380px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 {
    font-size: 24px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 > .focus {
    font-size: 32px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon {
    margin-bottom: 20px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon > span {
    font-size: 64px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons {
    margin-top: 15px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons > span {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner {
    width: 500px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 {
    font-size: 28px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 > .focus {
    font-size: 36px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon {
    margin-bottom: 20px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon > span {
    display: inline-block;
    font-size: 72px;
    transition: transform 0.3s ease-in-out;
    transform: translateZ(0);
    cursor: pointer;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon > span:hover {
    transform: scale(1.2, 1.2) translateZ(0);
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons {
    margin-top: 15px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons > span {
    font-size: 18px;
  }
}
@media (min-width: 1380px) {
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 {
    font-size: 30px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 > .focus {
    font-size: 40px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon {
    margin-bottom: 20px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon > span {
    font-size: 80px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons {
    margin-top: 15px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons > span {
    font-size: 18px;
  }
}
@media (min-width: 1580px) {
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner {
    width: 600px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 {
    font-size: 40px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner h3 > .focus {
    font-size: 54px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon {
    margin-bottom: 20px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .large-icon > span {
    font-size: 100px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons {
    margin-top: 15px;
  }
  .split-banner.mixtapes-landing-banner .split-banner-contents .split-banner-contents-inner .icons > span {
    font-size: 28px;
  }
}
.strip-sale {
  height: 25px;
  background: url('https://www.mixunit.com/static/img/promos/strip-sale.png') center center;
  background-size: contain;
}
@media (min-width: 768px) {
  .strip-sale {
    height: 30px;
  }
}
#music-showcase {
  display: flex;
  flex-direction: column;
  background-color: #000000;
}
#music-showcase > h2 {
  margin: 0;
  padding-top: 6vh;
  color: #ffffff;
  font: normal 100 48px 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 667px) {
  #music-showcase > h2 {
    font-size: 30px;
  }
}
#music-showcase .banner {
  padding: 6vh 0;
}
@media (max-width: 667px) {
  #music-showcase .banner {
    padding: 3vh 0;
  }
}
#music-showcase > .music-showcase__c2a {
  display: flex;
  height: 6vh;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  color: #888;
  background-color: #272727;
}
@media (max-width: 667px) {
  #music-showcase > .music-showcase__c2a {
    flex-direction: column;
    font-size: 12px;
    height: auto;
    padding: 5px;
  }
}
#music-showcase > .music-showcase__c2a > div,
#music-showcase > .music-showcase__c2a > button {
  margin: 15px;
}
@media (max-width: 667px) {
  #music-showcase > .music-showcase__c2a > div,
  #music-showcase > .music-showcase__c2a > button {
    margin: 5px;
  }
}
#music-showcase .music-showcase__card {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  margin: 5px;
  padding: 10px;
  background: #222;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;
}
@media (max-width: 768px) {
  #music-showcase .music-showcase__card {
    padding-top: 0;
    margin: 2px;
    flex-direction: column;
  }
}
#music-showcase .music-showcase__card > .link-to-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  outline: none;
  border: none;
  text-indent: -99999pt;
}
#music-showcase .music-showcase__card > .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  filter: blur(20px);
  z-index: 0;
  background: center center no-repeat;
  background-size: cover;
  opacity: 0.3;
}
#music-showcase .music-showcase__card > .cover {
  flex: 1 1 55%;
  width: 100px;
  height: auto;
  margin-right: 15px;
  z-index: 1;
  border-radius: 5px;
}
@media (max-width: 768px) {
  #music-showcase .music-showcase__card > .cover {
    flex: 1 0 0;
    margin: 0;
    width: 24vh;
    border-radius: 0;
  }
}
#music-showcase .music-showcase__card > .title {
  flex: 1 1 45%;
  z-index: 1;
  color: #ffffff;
  font: normal 700 28px 'Montserrat', sans-serif;
  font-size: 20px;
  line-height: 24px;
  height: 72px;
  text-align: left;
  overflow: hidden;
}
@media (max-width: 768px) {
  #music-showcase .music-showcase__card > .title {
    flex: 1 1 auto;
    margin-top: 10px;
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
}
#music-showcase .music-showcase__cards {
  display: flex;
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  #music-showcase .music-showcase__cards {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  #music-showcase .music-showcase__cards {
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  #music-showcase .music-showcase__cards {
    padding: 0 70px;
  }
  #music-showcase .music-showcase__cards:hover > .music-showcase__card {
    transform: scale(0.95, 0.95) translateZ(0);
    opacity: 0.8;
  }
  #music-showcase .music-showcase__cards:hover > .music-showcase__card:hover {
    transform: scale(1, 1) translateZ(0);
    opacity: 1;
  }
}
#strip-banner-subscription {
  height: 20vh;
  display: flex;
  color: #ffffff;
  background: #000000;
}
@media (max-width: 667px) {
  #strip-banner-subscription {
    height: auto;
    flex-direction: column;
  }
}
#strip-banner-subscription > .strip-banner-subscription__area {
  flex: 1 0 50%;
  display: flex;
  align-items: center;
}
@media (max-width: 667px) {
  #strip-banner-subscription > .strip-banner-subscription__area {
    display: block;
  }
}
#strip-banner-subscription > .strip-banner-subscription__area:first-child {
  background-color: #000;
  justify-content: flex-end;
}
#strip-banner-subscription > .strip-banner-subscription__area:last-child {
  background: #111 url('../img/subscription-banner-bg-211025.jpg') no-repeat center center;
  background-size: cover;
}
#strip-banner-subscription .typography {
  font-size: 27px;
  padding: 40px;
  max-width: 400px;
  text-align: right;
}
@media (max-width: 667px) {
  #strip-banner-subscription .typography {
    text-align: center;
    font-size: 20px;
  }
}
#strip-banner-subscription .actions {
  padding: 40px;
  max-width: 500px;
}
@media (max-width: 667px) {
  #strip-banner-subscription .actions {
    max-width: initial;
  }
}
#strip-banner-subscription .actions > h3 {
  margin: 0 0 10px;
  color: #ffffff;
}
@media (max-width: 667px) {
  #strip-banner-subscription .actions > h3 {
    text-align: center;
    font-size: 18px;
  }
}
#strip-banner-subscription .actions > button {
  display: block;
}
@media (max-width: 667px) {
  #strip-banner-subscription .actions > button {
    width: 100%;
  }
}
#strip-banner-subscription .actions > a {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  opacity: 0.7;
  text-align: center;
}
@media (max-width: 667px) {
  #strip-banner-subscription .actions > a {
    display: block;
  }
}
#strip-banner-subscription .actions > a:hover {
  opacity: 1;
}
.promo-spots:before,
.promo-spots:after {
  display: table;
}
.promo-spots:after {
  content: '';
  clear: both;
}
.promo-spots .col-fourth {
  position: relative;
  float: left;
  width: 50%;
}
.promo-spots .col-fourth:before {
  content: '';
  display: block;
  padding-top: 67%;
}
.promo-spots .promo-spot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #272727 center center no-repeat;
  background-size: cover;
}
.promo-spots .promo-spot:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.promo-spots .promo-spot .centered {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 95%;
}
.promo-spots .promo-spot h3 {
  color: #ffffff;
  margin: 0;
  font-weight: 100;
  font-size: 18px;
  text-transform: uppercase;
}
.promo-spots .promo-spot h4 {
  color: #ffffff;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
}
.promo-spots .col-fourth .promo-spot {
  background-color: #272727;
}
.promo-spots .col-fourth:nth-child(2) .promo-spot {
  background-color: #343434;
}
.promo-spots .col-fourth:nth-child(3) .promo-spot {
  background-color: #343434;
}
.promo-spots .col-fourth:nth-child(4) .promo-spot {
  background-color: #272727;
}
@media (min-width: 768px) and (orientation: portrait) {
  .promo-spots .col-fourth:before {
    padding-top: 60%;
  }
  .promo-spots .promo-spot h3 {
    font-size: 24px;
  }
  .promo-spots .promo-spot h4 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 1024px) and (orientation: landscape) {
  .promo-spots .col-fourth {
    width: 25%;
  }
  .promo-spots .promo-spot h3 {
    font-size: 24px;
  }
  .promo-spots .promo-spot h4 {
    font-size: 16px;
    line-height: 26px;
  }
  .promo-spots .col-fourth .promo-spot {
    background-color: #272727;
  }
  .promo-spots .col-fourth:nth-child(2) .promo-spot {
    background-color: #343434;
  }
  .promo-spots .col-fourth:nth-child(3) .promo-spot {
    background-color: #272727;
  }
  .promo-spots .col-fourth:nth-child(4) .promo-spot {
    background-color: #343434;
  }
}
@media (min-width: 1200px) {
  .promo-spots .col-fourth {
    width: 25%;
  }
  .promo-spots .col-fourth:before {
    padding-top: 80%;
  }
  .promo-spots .col-fourth .promo-spot {
    background-color: #272727;
  }
  .promo-spots .col-fourth:nth-child(2) .promo-spot {
    background-color: #343434;
  }
  .promo-spots .col-fourth:nth-child(3) .promo-spot {
    background-color: #272727;
  }
  .promo-spots .col-fourth:nth-child(4) .promo-spot {
    background-color: #343434;
  }
}
@media (min-width: 1200px) {
  .promo-spots .col-fourth {
    width: 25%;
  }
  .promo-spots .col-fourth:before {
    padding-top: 80%;
  }
}
@media (min-width: 1580px) {
  .promo-spots .col-fourth {
    width: 25%;
  }
  .promo-spots .col-fourth:before {
    padding-top: 80%;
  }
  .promo-spots .promo-spot h3 {
    font-size: 36px;
  }
  .promo-spots .promo-spot h4 {
    font-size: 22px;
    line-height: 34px;
  }
}
/*@import "item-grid-alt";*/
/*
|========================================================================================================
| ITEM GRID
|========================================================================================================
*/
/*
|========================================================================================================
| COMMON ITEM GRID AND ITEM DEFINITION
|========================================================================================================
*/
.item {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 240px;
  white-space: normal;
  /*visibility: hidden;*/
  /*&:before {
    content: '';
    display: block;
    padding-top: 140%;
  }*/
}
.item._av {
  /*visibility: visible;*/
}
.item .item-contents {
  position: relative;
  margin: 5px;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  -moz-transition: -moz-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.item .item-contents .content-top {
  position: relative;
}
.item .item-contents .content-top:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.item .item-contents .content-bottom {
  position: relative;
  margin-bottom: 5px;
}
.item .item-contents .content-bottom > a {
  display: block;
}
.item .item-contents .item-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  padding: 5px;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  outline: none;
}
.item .item-contents .item-thumbnail > img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 100%;
}
.item .item-contents .item-thumbnail > img.hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.item .item-contents .item-thumbnail > .sticker {
  bottom: 1px;
  right: 1px;
  width: 48px;
  height: 48px;
}
.item .item-contents .item-thumbnail > .badge-out-of-stock {
  position: absolute;
  bottom: 50px;
  left: 0;
  z-index: 10;
  width: 100%;
  display: block;
}
.item .item-contents .item-thumbnail > .badge-out-of-stock > span {
  display: inline-block;
  padding: 5px 8px;
  border: solid 3px #ce0000;
  border-radius: 6px;
  color: #ce0000;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  vertical-align: middle;
  transform: rotate(15deg);
}
.item .item-contents .item-title {
  position: relative;
  display: block;
  margin: 8px 5px;
  overflow: hidden;
  height: 40px;
}
.item .item-contents .item-title h3 {
  margin: 0;
  font: normal 600 16px 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.item .item-contents .item-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 60px;
  height: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.item .item-contents .item-prices {
  display: block;
  text-align: center;
  height: 40px;
  overflow: hidden;
}
.item .item-contents .item-prices .item-price {
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  padding: 0 5px;
  color: #777777;
  text-decoration: line-through;
  vertical-align: middle;
}
.item .item-contents .item-prices .item-price > span {
  display: none;
}
.item .item-contents .item-prices .item-price:last-child {
  color: #444444;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.item .item-contents .item-prices .item-price:last-child > span {
  display: none;
}
.item .item-contents .item-prices .item-price:last-child.highlight-price {
  color: #ce0000;
}
.item:hover {
  z-index: 2;
}
.item.video {
  width: 100%;
}
.item.video .item-contents .content-top:before {
  padding-top: 56.25%;
}
.item.video .item-contents .item-thumbnail {
  padding: 0;
}
.item.video .item-contents .item-prices {
  display: none;
}
.item-grid .item-grid-contents {
  padding: 10px 5px;
  font-size: 0;
  text-align: center;
}
.item-grid .item-grid-contents .item-group {
  /*visibility: hidden;*/
}
.item-grid .item-grid-contents .item-group._av {
  /*visibility: visible;*/
}
.section-items .item-grid {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.section-items .item-grid::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
.section-items .item-grid:hover::-webkit-scrollbar {
  opacity: 1;
  width: auto;
}
.section-items .item-grid .item-grid-contents {
  text-align: left;
  white-space: nowrap;
  min-height: 341px;
}
.section-items.mobile-grid-2 .item-grid .item-grid-contents {
  min-height: 240px;
}
.section-items.mobile-grid-2 .item {
  width: 150px;
  /*&:before {
        padding-top: 145%;
      }*/
}
.section-items.mobile-grid-2 .item .item-contents .item-thumbnail {
  padding: 3px;
}
.section-items.mobile-grid-2 .item .item-contents .item-title {
  margin: 6px 5px;
  height: 32px;
}
.section-items.mobile-grid-2 .item .item-contents .item-title:after {
  height: 16px;
}
.section-items.mobile-grid-2 .item .item-contents .item-title h3 {
  font-size: 12px;
  line-height: 16px;
}
.section-items.mobile-grid-2 .item .item-contents .item-prices .item-price {
  display: none;
}
.section-items.mobile-grid-2 .item .item-contents .item-prices .item-price:last-child {
  display: inline-block;
}
.section-items.grid-rows-0 h2 {
  text-align: center;
}
.section-items.grid-rows-0 .sub-label {
  text-align: center;
}
.section-items.grid-rows-0 .item-grid {
  overflow: visible;
}
.section-items.grid-rows-0 .item-grid .item-grid-contents {
  margin: 0 auto;
  padding-bottom: 100px;
  text-align: center;
  width: auto;
  white-space: normal;
}
.section-items.grid-rows-0 .item {
  width: 50%;
}
.section-items.grid-rows-0 .item.video {
  width: 100%;
}
.section-items .item-grid.view-song-list .item {
  width: 50%;
}
.section-items > .row {
  display: flex;
  flex-direction: column;
}
.section-items > .row > .section-filters > .section-filter {
  display: flex;
  justify-content: center;
}
.section-items > .row > .section-filters > .section-filter > h3 {
  margin: 0;
  padding: 5px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.section-items > .row > .section-filters > .section-filter > .section-filter-options {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-items > .row > .section-filters > .section-filter > .section-filter-options > li > a {
  display: block;
  padding: 5px;
  color: #444444;
}
.section-items > .row > .section-filters > .section-filter > .section-filter-options > li.active > a {
  font-weight: 700;
  color: #ce0000;
}
.section-items {
  padding: 30px 0 10px;
  background-color: #f4f4f4;
}
.section-items h2 {
  margin: 0 0 10px;
  padding: 0 10px;
  font-size: 1.5em;
  text-transform: uppercase;
}
.section-items .sub-label {
  margin: 0 0 10px;
  padding: 0 10px;
  font: normal 300 20px 'Montserrat', sans-serif;
  font-size: 1.2em;
  color: #444444;
}
.section-items .sub-categories {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  white-space: nowrap;
}
.section-items .sub-categories::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
.section-items .sub-categories:hover::-webkit-scrollbar {
  opacity: 1;
  width: auto;
}
.section-items .sub-categories ul.sub-categories-pills {
  display: table;
  list-style: none;
  margin: 10px auto;
  padding: 0;
}
.section-items .sub-categories ul.sub-categories-pills li {
  display: table-cell;
}
.section-items .sub-categories ul.sub-categories-pills li a {
  display: block;
  margin: 5px;
  padding: 5px 10px;
  border: solid 1px #444444;
  border-radius: 3px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  color: #444444;
  text-align: center;
  text-transform: capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.section-items .sub-categories ul.sub-categories-pills li.active > a,
.section-items .sub-categories ul.sub-categories-pills li:hover > a,
.section-items .sub-categories ul.sub-categories-pills li:focus > a {
  background-color: #444444;
  color: #ffffff;
}
.section-items .sub-categories ul.sub-categories-pills li.highlighted a {
  border-color: #ce0000;
  color: #ce0000;
}
.section-items .sub-categories ul.sub-categories-pills li.highlighted.active a,
.section-items .sub-categories ul.sub-categories-pills li.highlighted:hover a,
.section-items .sub-categories ul.sub-categories-pills li.highlighted:focus a {
  background-color: #ce0000;
  color: #ffffff;
}
.section-items .sub-categories ul.sub-categories-pills li.show-tooltip {
  position: relative;
}
.section-items .sub-categories ul.sub-categories-pills li.sub-categories-dropdown > a {
  display: inline-block;
}
.section-items .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu {
  display: none;
  padding: 0;
  margin-left: -5px;
  vertical-align: bottom;
}
.section-items .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu > li > a {
  background-color: #ffffff;
  border-color: #dbdbdb;
}
.section-items .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu > li:hover a,
.section-items .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu > li:focus a {
  background: #ffffff;
  color: #444444;
}
.section-items .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu > li.active a {
  color: #ce0000;
}
.section-items .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu.show {
  display: inline-block;
}
.section-items .page-link {
  padding-top: 5px;
}
.section-items .page-link a {
  position: relative;
  display: inline-block;
  padding: 7px 48px 7px 10px;
  font-size: 18px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
}
.section-items .page-link a:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '\e813';
  font-family: "mu2icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: none;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 18px;
  margin-left: 0;
  -webkit-font-smoothing: antialiased;
  background: #ce0000;
  border-radius: 0 4px 4px 0;
  padding: 7px 10px;
}
.section-items .page-link.mobile {
  float: right;
  padding: 0;
}
.section-items .page-link.mobile a {
  padding: 5px 15px;
  font-size: 1em;
}
.section-items .page-link.desktop {
  display: none;
}
.section-items .page-link span.mobile {
  display: inline-block;
}
.section-items .page-link span.desktop {
  display: none;
}
.section-items .top-area {
  position: relative;
  margin: 0;
  border-bottom: solid 1px #e7e7e7;
}
.section-items .top-area h2 {
  margin: 0;
  padding: 11px 10px;
  text-transform: uppercase;
  text-align: left;
  font-size: 18px;
}
.section-items .top-area h2 > .sub-title {
  display: inline-block;
  font: normal 300 20px 'Montserrat', sans-serif;
  color: #444444;
  vertical-align: middle;
  text-transform: none;
  text-align: left;
  font-size: 10px;
}
.section-items .top-area .section-links-to {
  position: absolute;
  top: -4px;
  right: 0;
  z-index: 1;
  margin: 10px;
  padding: 7px;
  font-size: 14px;
  font-weight: bold;
}
.section-items .top-area .sub-section-links-to {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  display: none;
  margin: 3px 10px;
  padding: 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ce0000;
}
.section-items .top-area .scrollable-area {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.section-items .top-area .scrollable-area:after {
  /*content: '';*/
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 80px;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,f4f4f4+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f4f4f4', endColorstr='#f4f4f4', GradientType=1);
  /* IE6-9 */
}
.section-items .top-area .update-showcase-tabs {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-items .top-area .update-showcase-tabs > li {
  margin: 0;
  padding: 0;
}
.section-items .top-area .update-showcase-tabs > li > a {
  display: block;
  padding: 7px 15px;
  margin: 0 1px;
  background-color: #e7e7e7;
  color: #444444;
  min-width: 100px;
  text-align: center;
  text-transform: uppercase;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  white-space: nowrap;
}
.section-items .top-area .update-showcase-tabs > li > a:hover,
.section-items .top-area .update-showcase-tabs > li > a:focus {
  color: #272727;
  background-color: #dbdbdb;
}
.section-items .top-area .update-showcase-tabs > li > a:focus-visible {
  outline: solid 2px #272727;
  outline-offset: -2px;
}
.section-items .top-area .update-showcase-tabs > li.active > a {
  background-color: #444444;
  color: #e7e7e7;
}
.section-items .top-area .update-showcase-tabs.hidden {
  display: none !important;
}
/*
|--------------------------------------------------------------------------
| COMMON ITEM GRID AND ITEM DEFINITION :: OVERALL & MOBILE ::
|--------------------------------------------------------------------------
*/
/* Large Phones | Landscape
--------------------------------------------------- */
@media (min-width: 667px) and (orientation: landscape) {
  .item .item-contents .item-title h3 {
    font-size: 12px;
  }
  .item.video {
    width: 50%;
  }
  .section-items.mobile-grid-2 .item {
    width: 190px;
  }
  .section-items.grid-rows-0 .item {
    width: 33.33333333%;
  }
  .section-items.grid-rows-0 .item.video {
    width: 50%;
  }
  .section-items .item-grid.view-song-list .item {
    width: 33.33333333%;
  }
  .section-items .top-area {
    margin: 0 20px;
  }
}
/*
|--------------------------------------------------------------------------
| COMMON ITEM GRID AND ITEM DEFINITION :: TABLET ::
|--------------------------------------------------------------------------
*/
/* iPad Portrait
--------------------------------------------------- */
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  .item {
    width: 220px;
  }
  .item .item-contents .item-title h3 {
    font-size: 14px;
  }
  .item.video {
    width: 50%;
  }
  .section-items .item-grid .item-grid-contents {
    min-height: 321px;
  }
  .section-items.mobile-grid-2 .item-grid .item-grid-contents {
    min-height: 259px;
  }
  .section-items.mobile-grid-2 .item {
    width: 170px;
  }
  .section-items.grid-rows-0 .item {
    width: 33.33333333%;
  }
  .section-items.grid-rows-0 .item.video {
    width: 33.33333333%;
  }
  .section-items .item-grid.view-song-list .item {
    width: 33.33333333%;
  }
  .section-items {
    padding: 40px 0 20px;
  }
  .section-items h2 {
    font-size: 1.7em;
  }
  .section-items .top-area {
    margin: 0 20px;
  }
}
/* iPad Lanscape
--------------------------------------------------- */
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .item {
    width: 240px;
  }
  .item.video {
    width: 33.33333333%;
  }
  .section-items .item-grid .item-grid-contents {
    min-height: 321px;
  }
  .section-items.mobile-grid-2 .item-grid .item-grid-contents {
    min-height: 259px;
  }
  .section-items.mobile-grid-2 .item {
    width: 190px;
  }
  .section-items.grid-rows-0 .item {
    width: 25%;
  }
  .section-items.grid-rows-0 .item.video {
    width: 25%;
  }
  .section-items .item-grid.view-song-list .item {
    width: 25%;
  }
  .section-items {
    padding: 40px 0 20px;
  }
  .section-items h2 {
    font-size: 1.7em;
  }
  .section-items .top-area {
    margin: 0 20px;
  }
}
/*
|--------------------------------------------------------------------------
| COMMON ITEM GRID AND ITEM DEFINITION :: SMALL PC ::
|--------------------------------------------------------------------------
*/
@media (min-width: 1200px) {
  .item {
    width: 20%;
  }
  .item .item-contents {
    -webkit-box-shadow: 0 9px 8px -6px rgba(0, 0, 0, 0.1), 0 0px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 9px 8px -6px rgba(0, 0, 0, 0.1), 0 0px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 9px 8px -6px rgba(0, 0, 0, 0.1), 0 0px 10px 0px rgba(0, 0, 0, 0.05);
  }
  .item .item-contents:hover,
  .item .item-contents:focus-within {
    -webkit-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2), 0 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2), 0 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2), 0 0px 30px 0px rgba(0, 0, 0, 0.2);
  }
  .item .item-contents .content-bottom {
    margin-bottom: 15px;
  }
  .item .item-contents .item-thumbnail {
    padding: 5px;
  }
  .item .item-contents .item-title {
    margin: 8px 5px;
    height: 40px;
  }
  .item .item-contents .item-title:after {
    height: 20px;
  }
  .item .item-contents .item-title h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .item .item-contents .item-prices .item-price {
    display: inline-block;
    font-size: 12px;
  }
  .item.item-mini .item-contents .content-bottom {
    margin: 0;
  }
  .item.item-mini .item-contents .item-title {
    margin: 8px 5px;
    height: 48px;
  }
  .item.item-mini .item-contents .item-title:after {
    height: 16px;
  }
  .item.item-mini .item-contents .item-title h3 {
    font-size: 12px;
    line-height: 16px;
  }
  .item.item-mini .item-contents .item-prices {
    display: none;
  }
  .item.item-mini .item-contents .item-prices .item-price {
    display: inline-block;
    font-size: 12px;
  }
  .item.video {
    width: 25%;
  }
  .section-items .item-grid {
    overflow: visible;
  }
  .section-items .item-grid .item-grid-contents {
    margin: 0 auto;
    padding: 30px 5px;
    text-align: center;
    width: 1160px;
    white-space: normal;
  }
  .section-items .item-grid .item-grid-contents {
    min-height: 345px;
  }
  .section-items.mobile-grid-2 .item-grid .item-grid-contents {
    min-height: 345px;
  }
  .section-items.mobile-grid-2 .item {
    width: 20%;
  }
  .section-items.mobile-grid-2 .item .item-contents .item-thumbnail {
    padding: 5px;
  }
  .section-items.mobile-grid-2 .item .item-contents .item-title {
    margin: 10px 5px;
    height: 40px;
  }
  .section-items.mobile-grid-2 .item .item-contents .item-title:after {
    height: 20px;
  }
  .section-items.mobile-grid-2 .item .item-contents .item-title h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .section-items.mobile-grid-2 .item .item-contents .item-prices .item-price {
    display: inline-block;
  }
  .section-items.grid-rows-0 .item-grid .item-grid-contents {
    padding-bottom: 100px;
    width: 1160px;
  }
  .section-items.grid-rows-0 .item {
    width: 20%;
  }
  .section-items.grid-rows-0 .item.video {
    width: 25%;
  }
  .section-items.large-boxes .item-grid .item-grid-contents {
    min-height: 403px;
  }
  .section-items.large-boxes .item {
    width: 25%;
  }
  .section-items > .row {
    flex-direction: row;
  }
  .section-items > .row > .section-filters {
    margin: 20px 5px 0 10px;
    border-right: solid 1px #dbdbdb;
  }
  .section-items > .row > .section-filters > .section-filter {
    flex-direction: column;
    width: 200px;
  }
  .section-items > .row > .section-filters > .section-filter > .section-filter-options {
    flex-direction: column;
  }
  .section-items > .row > .section-filters > .section-filter > .section-filter-options > li > a {
    padding: 5px 10px;
  }
  .section-items > .row > .section-filters > .section-filter > .section-filter-options > li > a:hover {
    background-color: #e7e7e7;
  }
  .section-items > .row > .section-filters > .section-filter > .section-filter-options > li.active > a {
    background-color: #e7e7e7;
  }
  .section-items > .row > .item-grid {
    flex-grow: 1;
  }
  .section-items > .row > .item-grid .item-grid-contents {
    width: auto;
  }
  .section-items > .row > .item-grid .item {
    width: 20%;
  }
  .section-items h2 {
    margin: 0 0 15px;
    font-size: 2.3em;
    text-align: center;
  }
  .section-items .sub-label {
    margin: 0 0 15px;
    padding: 0 30px;
    text-align: center;
  }
  .section-items .sub-categories {
    display: block;
    overflow: visible;
  }
  .section-items .sub-categories ul.sub-categories-pills {
    margin-bottom: 5px;
  }
  .section-items .sub-categories ul.sub-categories-pills li a {
    padding: 5px 20px;
    font-size: 16px;
  }
  .section-items .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown {
    position: relative;
  }
  .section-items .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown > a {
    display: block;
  }
  .section-items .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown:focus > ul.sub-categories-dropdown-menu,
  .section-items .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown:hover > ul.sub-categories-dropdown-menu {
    display: block;
  }
  .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    background: #ffffff;
    border: solid 1px #dbdbdb;
    border-radius: 4px;
    margin-top: -2px;
    margin-right: 5px;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
  }
  .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li {
    display: block;
    border-bottom: solid 1px #dbdbdb;
  }
  .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:last-child {
    border-bottom: none;
  }
  .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li > a {
    margin: 0;
    padding: 4px 15px;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
  }
  .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:hover a,
  .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:focus a {
    background: #f4f4f4;
    color: #444444;
  }
  .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li.active a {
    background: none;
    color: #ce0000;
  }
  .section-items .page-link {
    margin: 0 auto;
    padding: 20px 10px;
    text-align: right;
    width: 1160px;
  }
  .section-items .page-link a {
    padding: 7px 48px 7px 15px;
    font-size: 14px;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    border: none;
    background-color: #444444;
    color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2), 0 0px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2), 0 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2), 0 0px 5px 0px rgba(0, 0, 0, 0.05);
  }
  .section-items .page-link a:after {
    display: inline-block;
  }
  .section-items .page-link a:hover,
  .section-items .page-link a:focus {
    /*background: none;*/
    background-color: #373737;
    -webkit-box-shadow: 0 11px 13px -6px rgba(0, 0, 0, 0.5), 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 11px 13px -6px rgba(0, 0, 0, 0.5), 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 11px 13px -6px rgba(0, 0, 0, 0.5), 0 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .section-items .page-link.mobile {
    display: none;
  }
  .section-items .page-link.desktop {
    display: block;
  }
  .section-items .page-link span.mobile {
    display: none;
  }
  .section-items .page-link span.desktop {
    display: inline-block;
  }
  .section-items .top-area {
    position: relative;
    margin: 0 auto;
    width: 1160px;
  }
  .section-items .top-area h2 {
    margin: 0 0 15px;
    padding: 11px 10px;
    text-transform: uppercase;
    text-align: center;
    font-size: 32px;
  }
  .section-items .top-area h2 > .sub-title {
    display: block;
    font: normal 300 20px 'Montserrat', sans-serif;
    color: #444444;
    vertical-align: middle;
    text-transform: none;
    text-align: center;
    font-size: 16px;
  }
  .section-items .top-area .section-links-to {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    margin: 10px;
    padding: 7px;
    font-size: 14px;
    font-weight: bold;
  }
  .section-items .top-area .sub-section-links-to {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    display: none;
    margin: 5px 10px;
    padding: 7px;
    font-size: 13px;
    font-weight: bold;
    color: #ce0000;
  }
  .section-items .top-area .scrollable-area {
    position: relative;
    margin: 0;
    overflow-x: auto;
  }
  .section-items .top-area .scrollable-area::-webkit-scrollbar {
    opacity: 0;
    width: 0px;
  }
  .section-items .top-area .scrollable-area:hover::-webkit-scrollbar {
    opacity: 1;
    width: auto;
  }
  .section-items .top-area .scrollable-area:after {
    /*content: '';*/
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 80px;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,f4f4f4+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f4f4f4', endColorstr='#f4f4f4', GradientType=1);
    /* IE6-9 */
  }
  .section-items .top-area .update-showcase-tabs {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .section-items .top-area .update-showcase-tabs > li {
    margin: 0;
    padding: 0;
  }
  .section-items .top-area .update-showcase-tabs > li > a {
    display: block;
    padding: 7px 15px;
  }
  .section-items .top-area .update-showcase-tabs > li.active > a {
    background-color: #444444;
    color: #e7e7e7;
  }
  .section-items .top-area .update-showcase-tabs > li:nth-child(n+5) {
    display: none;
  }
  .section-items .top-area .update-showcase-tabs > li:last-child {
    display: block;
  }
  .section-items .top-area .update-showcase-tabs.hidden {
    display: none !important;
  }
  #window-container .section-items {
    position: relative;
    max-width: 1100px;
  }
  #window-container .section-items .item-grid .item-grid-contents {
    width: auto;
  }
  #window-container .section-items .item-grid .item-grid-contents {
    min-height: 0;
  }
  #window-container .section-items.mobile-grid-2 .item-grid .item-grid-contents {
    min-height: 0;
  }
  #window-container .section-items.mobile-grid-2 .item {
    width: 25%;
  }
  #window-container .section-items.grid-rows-0 .item-grid .item-grid-contents {
    width: auto;
  }
  #window-container .section-items.grid-rows-0 .item {
    width: 25%;
  }
  #window-container .section-items.grid-rows-0 .item.video {
    width: 25%;
  }
  #window-container .section-items.large-boxes .item-grid .item-grid-contents {
    min-height: 0;
  }
  #window-container .section-items.large-boxes .item {
    width: 25%;
  }
  #window-container .section-items > .row > .item-grid .item {
    width: 25%;
  }
  #window-container .section-items h2 {
    margin: 0 0 15px;
    font-size: 2.3em;
    text-align: center;
  }
  #window-container .section-items .sub-label {
    margin: 0 0 15px;
    padding: 0 30px;
    text-align: center;
  }
  #window-container .section-items .sub-categories {
    display: block;
    overflow: visible;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills {
    margin-bottom: 5px;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills li a {
    padding: 5px 20px;
    font-size: 16px;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown {
    position: relative;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown > a {
    display: block;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown:focus > ul.sub-categories-dropdown-menu,
  #window-container .section-items .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown:hover > ul.sub-categories-dropdown-menu {
    display: block;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    background: #ffffff;
    border: solid 1px #dbdbdb;
    border-radius: 4px;
    margin-top: -2px;
    margin-right: 5px;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li {
    display: block;
    border-bottom: solid 1px #dbdbdb;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:last-child {
    border-bottom: none;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li > a {
    margin: 0;
    padding: 4px 15px;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:hover a,
  #window-container .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:focus a {
    background: #f4f4f4;
    color: #444444;
  }
  #window-container .section-items .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li.active a {
    background: none;
    color: #ce0000;
  }
  #window-container .section-items .page-link {
    margin: 0 auto;
    padding: 20px 10px;
    text-align: right;
    width: auto;
  }
  #window-container .section-items .page-link a {
    padding: 7px 48px 7px 15px;
    font-size: 14px;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    border: none;
    background-color: #444444;
    color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2), 0 0px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2), 0 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 7px -3px rgba(0, 0, 0, 0.2), 0 0px 5px 0px rgba(0, 0, 0, 0.05);
  }
  #window-container .section-items .page-link a:after {
    display: inline-block;
  }
  #window-container .section-items .page-link a:hover,
  #window-container .section-items .page-link a:focus {
    /*background: none;*/
    background-color: #373737;
    -webkit-box-shadow: 0 11px 13px -6px rgba(0, 0, 0, 0.5), 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 11px 13px -6px rgba(0, 0, 0, 0.5), 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 11px 13px -6px rgba(0, 0, 0, 0.5), 0 0px 10px 0px rgba(0, 0, 0, 0.1);
  }
  #window-container .section-items .page-link.mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 35px 10px;
  }
  #window-container .section-items .page-link.mobile > a {
    background: none;
    color: #ce0000;
    box-shadow: none;
  }
  #window-container .section-items .page-link.mobile > a:after {
    display: none;
  }
  #window-container .section-items .page-link.desktop {
    display: none;
  }
  #window-container .section-items .page-link span.mobile {
    display: inline-block;
  }
  #window-container .section-items .page-link span.desktop {
    display: none;
  }
  #window-container .top-area {
    margin: 0 10px;
    width: auto;
  }
}
/*
|--------------------------------------------------------------------------
| COMMON ITEM GRID AND ITEM DEFINITION :: LARGE PC ::
|--------------------------------------------------------------------------
*/
@media (min-width: 1580px) {
  .item {
    width: 20%;
  }
  .item.video {
    width: 25%;
  }
  .section-items .item-grid .item-grid-contents {
    width: 1410px;
  }
  .section-items .item-grid .item-grid-contents {
    min-height: 395px;
  }
  .section-items.mobile-grid-2 .item-grid .item-grid-contents {
    min-height: 395px;
  }
  .section-items.mobile-grid-2 .item {
    width: 20%;
  }
  .section-items.grid-rows-0 .item-grid .item-grid-contents {
    width: 1410px;
  }
  .section-items.large-boxes .item-grid .item-grid-contents {
    min-height: 465px;
  }
  .section-items.large-boxes .item {
    width: 25%;
  }
  .section-items > .row > .item-grid .item-grid-contents {
    width: auto;
  }
  .section-items > .row > .item-grid .item {
    width: 16.66666667%;
  }
  .section-items .page-link {
    width: 1410px;
  }
  .section-items .top-area {
    width: 1410px;
  }
  .section-items .top-area .update-showcase-tabs > li:nth-child(n+5) {
    display: block;
  }
  .section-items .top-area .update-showcase-tabs > li:nth-child(n+5) {
    display: none;
  }
  .section-items .top-area .update-showcase-tabs > li:last-child {
    display: block;
  }
  #window-container .section-items .item-grid .item-grid-contents {
    width: auto;
  }
  #window-container .section-items .item-grid .item-grid-contents {
    min-height: 0;
  }
  #window-container .section-items.mobile-grid-2 .item-grid .item-grid-contents {
    min-height: 0;
  }
  #window-container .section-items.grid-rows-0 .item-grid .item-grid-contents {
    width: auto;
  }
  #window-container .section-items.large-boxes .item-grid .item-grid-contents {
    min-height: 0;
  }
  #window-container .section-items.large-boxes .item {
    width: 25%;
  }
  #window-container .section-items > .row > .item-grid .item {
    width: 25%;
  }
  #window-container .section-items .page-link {
    width: auto;
  }
  #window-container .section-items .top-area {
    width: auto;
  }
  #window-container .section-items .top-area .update-showcase-tabs > li:nth-child(n+5) {
    display: block;
  }
  #window-container .section-items .top-area .update-showcase-tabs > li:nth-child(n+5) {
    display: none;
  }
  #window-container .section-items .top-area .update-showcase-tabs > li:last-child {
    display: block;
  }
}
/*
|========================================================================================================
| STREAMING PRODUCTS
|========================================================================================================
*/
/*
|--------------------------------------------------------------------------
| STREAMING PRODUCTS :: OVERALL & MOBILE ::
|--------------------------------------------------------------------------
*/
.item.mixtape .item-contents .content-top .mixtape-controls,
.item.streamable .item-contents .content-top .mixtape-controls {
  display: none;
}
.item.mixtape .item-contents .content-top .preview-controls,
.item.streamable .item-contents .content-top .preview-controls {
  display: none;
}
.item.mixtape .item-contents .content-bottom .preview-controls,
.item.streamable .item-contents .content-bottom .preview-controls {
  display: none;
}
.item.mixtape .item-contents .item-thumbnail,
.item.streamable .item-contents .item-thumbnail {
  padding: 1px;
}
.item.mixtape .item-contents .item-title,
.item.streamable .item-contents .item-title {
  height: 60px;
  margin-bottom: 5px;
}
.item.mixtape .item-contents .item-prices,
.item.streamable .item-contents .item-prices {
  /*display: none;*/
  height: 40px;
}
.item.mixtape .item-contents .item-prices .item-price,
.item.streamable .item-contents .item-prices .item-price {
  font-size: 12px;
  text-decoration: none;
}
.item.mixtape .item-contents .mixtape-badges,
.item.streamable .item-contents .mixtape-badges {
  display: none;
}
.item.mixtape .item-contents .loading-preview,
.item.streamable .item-contents .loading-preview {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  color: #ffffff;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 20px;
  text-align: center;
  padding: 20px;
}
.item.mixtape .item-contents .loading-preview .new-loader,
.item.streamable .item-contents .loading-preview .new-loader {
  height: 60px;
}
.item.mixtape .item-contents .loading-preview .new-loader > .loader-inner,
.item.streamable .item-contents .loading-preview .new-loader > .loader-inner {
  width: 40px;
  height: 40px;
  border-width: 3px;
  border-color: #ffffff;
  border-left-color: transparent;
  border-right-color: transparent;
}
.section-items.mobile-grid-2 .item.mixtape .item-contents .item-thumbnail,
.section-items.mobile-grid-2 .item.streamable .item-contents .item-thumbnail {
  padding: 1px;
}
.section-items.mobile-grid-2 .item.mixtape .item-contents .item-title,
.section-items.mobile-grid-2 .item.streamable .item-contents .item-title {
  height: 48px;
  margin-bottom: 0;
}
.section-items.mobile-grid-2 .item.mixtape .item-contents .mixtape-badges,
.section-items.mobile-grid-2 .item.streamable .item-contents .mixtape-badges {
  display: none;
}
/* Large Phones | Landscape
--------------------------------------------------- */
@media (min-width: 667px) and (orientation: landscape) {
}
/*
|--------------------------------------------------------------------------
| STREAMING PRODUCTS :: TABLET ::
|--------------------------------------------------------------------------
*/
/* iPad Portrait
--------------------------------------------------- */
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
}
/* iPad Lanscape
--------------------------------------------------- */
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
}
/*
|--------------------------------------------------------------------------
| STREAMING PRODUCTS :: SMALL PC ::
|--------------------------------------------------------------------------
*/
@media (min-width: 1200px) {
  .item.mixtape .item-contents .content-top .mixtape-controls,
  .item.streamable .item-contents .content-top .mixtape-controls {
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 1px;
    z-index: 10;
    display: block;
    margin: 0;
    padding: 30px 5px 5px;
    background: #272727;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.95+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#f2000000', GradientType=0);
    /* IE6-9 */
    text-align: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    cursor: pointer;
    overflow: hidden;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls .preview-controls,
  .item.streamable .item-contents .content-top .mixtape-controls .preview-controls {
    position: relative;
    display: block;
    padding: 10px 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    text-align: center;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls .preview-controls .anim-song-preview,
  .item.streamable .item-contents .content-top .mixtape-controls .preview-controls .anim-song-preview {
    margin-bottom: 20px;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-next,
  .item.streamable .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-next,
  .item.mixtape .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-prev,
  .item.streamable .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-prev {
    position: absolute;
    top: 10px;
    z-index: 2;
    padding: 10px;
    background: none;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 16px;
    opacity: 0.8;
    transition: opacity 0.2s ease-in-out;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-next:hover,
  .item.streamable .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-next:hover,
  .item.mixtape .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-prev:hover,
  .item.streamable .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-prev:hover {
    opacity: 1;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-next,
  .item.streamable .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-next {
    right: 0;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-prev,
  .item.streamable .item-contents .content-top .mixtape-controls .preview-controls .preview-mode-prev {
    left: 0;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls > .controls-group,
  .item.streamable .item-contents .content-top .mixtape-controls > .controls-group {
    display: inline-block;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls > .controls-group > button,
  .item.streamable .item-contents .content-top .mixtape-controls > .controls-group > button {
    display: inline-block;
    padding: 10px 5px;
    border: none;
    outline: none;
    background: none;
    color: #ffffff;
    font-size: 48px;
    border-radius: 100px;
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, -moz-transform 0.1s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.1s ease-in-out;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
  .item.mixtape .item-contents .content-top .mixtape-controls > .controls-group > button:focus-visible,
  .item.streamable .item-contents .content-top .mixtape-controls > .controls-group > button:focus-visible {
    outline: solid 2px #ffffff;
    outline-offset: 3px;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls > .controls-group > button.active,
  .item.streamable .item-contents .content-top .mixtape-controls > .controls-group > button.active {
    color: #ff0202;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls > .controls-group:hover > button,
  .item.streamable .item-contents .content-top .mixtape-controls > .controls-group:hover > button {
    opacity: 0.5;
  }
  .item.mixtape .item-contents .content-top .mixtape-controls > .controls-group:hover > button:hover,
  .item.streamable .item-contents .content-top .mixtape-controls > .controls-group:hover > button:hover {
    opacity: 1;
  }
  .item.mixtape .item-contents .content-bottom .item-title,
  .item.streamable .item-contents .content-bottom .item-title {
    height: 48px;
    margin-bottom: 5px;
  }
  .item.mixtape .item-contents .content-bottom .item-title:after,
  .item.streamable .item-contents .content-bottom .item-title:after {
    height: 16px;
  }
  .item.mixtape .item-contents .content-bottom .item-title h3,
  .item.streamable .item-contents .content-bottom .item-title h3 {
    font-size: 12px;
    line-height: 16px;
  }
  .item.mixtape .item-contents .content-bottom .preview-controls,
  .item.streamable .item-contents .content-bottom .preview-controls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    /* TODO Currently disabled as preview placed on content top. Reset if required */
    padding-top: 10px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    text-align: center;
  }
  .item.mixtape .item-contents .content-bottom .preview-controls .anim-song-preview,
  .item.streamable .item-contents .content-bottom .preview-controls .anim-song-preview {
    margin-bottom: 20px;
  }
  .item.mixtape .item-contents .content-bottom .preview-controls .preview-mode-next,
  .item.streamable .item-contents .content-bottom .preview-controls .preview-mode-next,
  .item.mixtape .item-contents .content-bottom .preview-controls .preview-mode-prev,
  .item.streamable .item-contents .content-bottom .preview-controls .preview-mode-prev {
    position: absolute;
    top: 10px;
    z-index: 2;
    padding: 10px;
    background: none;
    border: none;
    outline: none;
    color: #444444;
    font-size: 16px;
    transition: color 0.2s ease-in-out;
  }
  .item.mixtape .item-contents .content-bottom .preview-controls .preview-mode-next:hover,
  .item.streamable .item-contents .content-bottom .preview-controls .preview-mode-next:hover,
  .item.mixtape .item-contents .content-bottom .preview-controls .preview-mode-prev:hover,
  .item.streamable .item-contents .content-bottom .preview-controls .preview-mode-prev:hover {
    color: #272727;
  }
  .item.mixtape .item-contents .content-bottom .preview-controls .preview-mode-next,
  .item.streamable .item-contents .content-bottom .preview-controls .preview-mode-next {
    right: 0;
  }
  .item.mixtape .item-contents .content-bottom .preview-controls .preview-mode-prev,
  .item.streamable .item-contents .content-bottom .preview-controls .preview-mode-prev {
    left: 0;
  }
  .item.mixtape .item-contents .mixtape-badges,
  .item.streamable .item-contents .mixtape-badges {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: block !important;
    padding: 5px;
  }
  .item.mixtape .item-contents .mixtape-badges .badge,
  .item.streamable .item-contents .mixtape-badges .badge {
    display: none;
    font-size: 14px;
    color: #ce0000;
  }
  .item.mixtape .item-contents .mixtape-badges .badge.show,
  .item.streamable .item-contents .mixtape-badges .badge.show {
    display: inline-block;
  }
  .item.mixtape.item-mini .item-contents .content-bottom,
  .item.streamable.item-mini .item-contents .content-bottom {
    margin: 0;
  }
  .item.mixtape.item-mini .item-contents .content-bottom .item-title,
  .item.streamable.item-mini .item-contents .content-bottom .item-title {
    height: 48px;
    margin: 8px 5px;
  }
  .item.mixtape:hover .item-contents .content-top .mixtape-controls,
  .item.streamable:hover .item-contents .content-top .mixtape-controls,
  .item.mixtape.previewing .item-contents .content-top .mixtape-controls,
  .item.streamable.previewing .item-contents .content-top .mixtape-controls,
  .item.mixtape:focus-within .item-contents .content-top .mixtape-controls,
  .item.streamable:focus-within .item-contents .content-top .mixtape-controls {
    opacity: 1;
  }
  .item.mixtape:hover .item-contents .content-top .mixtape-controls .preview-controls,
  .item.streamable:hover .item-contents .content-top .mixtape-controls .preview-controls,
  .item.mixtape.previewing .item-contents .content-top .mixtape-controls .preview-controls,
  .item.streamable.previewing .item-contents .content-top .mixtape-controls .preview-controls,
  .item.mixtape:focus-within .item-contents .content-top .mixtape-controls .preview-controls,
  .item.streamable:focus-within .item-contents .content-top .mixtape-controls .preview-controls {
    opacity: 1;
  }
  .item.mixtape:hover .item-contents .content-top .mixtape-controls > .controls-group > button,
  .item.streamable:hover .item-contents .content-top .mixtape-controls > .controls-group > button,
  .item.mixtape.previewing .item-contents .content-top .mixtape-controls > .controls-group > button,
  .item.streamable.previewing .item-contents .content-top .mixtape-controls > .controls-group > button,
  .item.mixtape:focus-within .item-contents .content-top .mixtape-controls > .controls-group > button,
  .item.streamable:focus-within .item-contents .content-top .mixtape-controls > .controls-group > button {
    transform: translate(0, 0);
  }
  .item.mixtape:hover .item-contents .content-bottom .preview-controls,
  .item.streamable:hover .item-contents .content-bottom .preview-controls,
  .item.mixtape.previewing .item-contents .content-bottom .preview-controls,
  .item.streamable.previewing .item-contents .content-bottom .preview-controls,
  .item.mixtape:focus-within .item-contents .content-bottom .preview-controls,
  .item.streamable:focus-within .item-contents .content-bottom .preview-controls {
    opacity: 1;
  }
  .section-items.mobile-grid-2 .item.mixtape .item-contents .content-bottom .item-title,
  .section-items.mobile-grid-2 .item.streamable .item-contents .content-bottom .item-title {
    height: 60px;
    margin-bottom: 5px;
  }
  .section-items.mobile-grid-2 .item.mixtape .item-contents .content-bottom .mixtape-badges,
  .section-items.mobile-grid-2 .item.streamable .item-contents .content-bottom .mixtape-badges {
    display: block;
  }
}
/*
|--------------------------------------------------------------------------
| STREAMING PRODUCTS :: LARGE PC ::
|--------------------------------------------------------------------------
*/
@media (min-width: 1580px) {
  .item.mixtape .item-contents .content-top .mixtape-controls > .controls-group > button,
  .item.streamable .item-contents .content-top .mixtape-controls > .controls-group > button {
    padding: 10px;
    font-size: 64px;
  }
}
/*
|--------------------------------------------------------------------------
| SONG VIEW :: OVERALL & MOBILE ::
|--------------------------------------------------------------------------
*/
.item-grid.view-song-list .item-grid-contents {
  padding: 0;
  white-space: normal;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape,
.item-grid.view-song-list .item-grid-contents .item.streamable {
  z-index: 2;
  width: 100%;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents {
  margin: 5px 0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header {
  position: relative;
  font-size: initial;
  text-align: left;
  overflow: hidden;
  height: 58px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .item-thumbnail,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .item-thumbnail {
  top: 5px;
  left: 5px;
  width: 48px;
  height: 48px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .item-title,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .item-title {
  display: block;
  margin: 0;
  padding: 20px 10px 20px 75px;
  height: auto;
  text-align: left;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .item-title:after,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .item-title:after {
  height: 100%;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .item-title h3,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .item-title h3 {
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .categories,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .categories {
  margin: 0;
  padding: 0 0 0 75px;
  list-style: none;
  text-align: left;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .categories > li,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .categories > li {
  display: inline-block;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .categories > li > a,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .categories > li > a {
  display: block;
  font-size: 10px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents > .header-controls,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents > .header-controls {
  float: right;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents > .header-controls button,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents > .header-controls button {
  display: inline-block;
  padding: 17px 10px;
  font-size: 18px;
  background: none;
  border: none;
  outline: none;
  vertical-align: middle;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents > .header-controls button.active,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents > .header-controls button.active {
  color: #ce0000;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents > .header-controls button.load-in-preview-overlay,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents > .header-controls button.load-in-preview-overlay {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ce0000;
  padding: 19px 10px;
  vertical-align: middle;
  line-height: 18px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents > .header-controls button.show-when-collapsed,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents > .header-controls button.show-when-collapsed {
  display: none;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > .header-controls,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > .header-controls {
  display: none;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 10;
  font-size: initial;
  background-color: #ffffff;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > .header-controls > ul,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > .header-controls > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > .header-controls > ul > li,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > .header-controls > ul > li {
  display: inline-block;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > .header-controls > ul > li > a,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > .header-controls > ul > li > a {
  display: block;
  padding: 24px 5px;
  color: #444444;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > .header-controls > ul > li > a.active,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > .header-controls > ul > li > a.active,
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > .header-controls > ul > li > a.playing,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > .header-controls > ul > li > a.playing {
  color: #ce0000;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > .header-controls > ul > li > a:hover,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > .header-controls > ul > li > a:hover {
  color: #272727;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > a.toggle-item-body,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > a.toggle-item-body {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: none;
  width: 40px;
  margin-left: -20px;
  padding: 5px;
  text-align: center;
  color: #444444;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > a.toggle-item-body.active,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > a.toggle-item-body.active,
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > a.toggle-item-body.playing,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > a.toggle-item-body.playing {
  color: #ce0000;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > a.toggle-item-body:hover,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > a.toggle-item-body:hover {
  color: #272727;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-body,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-body {
  display: none;
  max-height: 280px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  font-size: initial;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .close-item-body,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .close-item-body {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  border: none;
  border-top: solid 1px #eee;
  background-color: #ffffff;
  color: #272727;
  text-align: center;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list-heading,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list-heading {
  text-align: left;
  text-transform: uppercase;
  color: #2b2b2b;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .tracks,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .tracks {
  margin: 0 0 35px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list {
  margin: 0 0 35px;
  padding: 0;
  list-style: none;
  text-align: left;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li {
  position: relative;
  margin: 0;
  padding: 10px 0px;
  border-top: solid 1px #eee;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li:before,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li:before,
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li:after,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li:after {
  display: table;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li:after,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li:after {
  content: '';
  clear: both;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li.track,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li.track {
  cursor: pointer;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li.track:hover,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li.track:hover,
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li.track.playing,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li.track.playing {
  background-color: #f4f4f4;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li.track:hover .track-controls > button,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li.track:hover .track-controls > button,
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li.track.playing .track-controls > button,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li.track.playing .track-controls > button {
  opacity: 1;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li.playing .track-controls > button.play-track,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li.playing .track-controls > button.play-track {
  color: #ce0000;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li .track-time,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li .track-time {
  display: none;
  margin-right: 20px;
  color: #5e5e5e;
  font: normal 300 20px 'Montserrat', sans-serif;
  font-size: 12px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li .track-no,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li .track-no {
  float: left;
  display: inline-block;
  font: normal 300 20px 'Montserrat', sans-serif;
  width: 20px;
  text-align: right;
  margin-right: 20px;
  color: #2b2b2b;
  font-size: 12px;
  line-height: 20px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li .track-controls,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li .track-controls {
  display: none;
  float: right;
  margin-right: 15px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li .track-controls > button,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li .track-controls > button {
  display: inline-block;
  padding: 5px;
  margin: 0;
  border: none;
  background: none;
  outline: none;
  color: #444444;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li .track-controls > button:hover,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li .track-controls > button:hover {
  color: #272727;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li .track-controls > button.active,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li .track-controls > button.active {
  color: #ce0000;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li > .track-name,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li > .track-name {
  overflow: hidden;
  display: block;
  font: normal 600 24px 'Montserrat', sans-serif;
  font-size: 16px;
  color: #2b2b2b;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li > .track-name > a,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li > .track-name > a {
  display: block;
  color: #2b2b2b;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li > .track-name > a:hover,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li > .track-name > a:hover {
  color: #ce0000;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li > .track-name > a img,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li > .track-name > a img {
  float: left;
  display: block;
  margin-right: 15px;
  width: 50px;
  height: 50px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li > .track-name > .track-details,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li > .track-name > .track-details {
  display: block;
  padding-top: 3px;
  font: normal 300 20px 'Montserrat', sans-serif;
  color: #444444;
  font-size: 14px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .track-list > li > .track-name.details-same-line > .track-details,
.item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .track-list > li > .track-name.details-same-line > .track-details {
  display: inline-block;
  font: normal 400 14px 'Open Sans', sans-serif;
  font-size: 16px;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape.collapsed .item-contents .item-header .header-contents > .header-controls .show-when-collapsed,
.item-grid.view-song-list .item-grid-contents .item.streamable.collapsed .item-contents .item-header .header-contents > .header-controls .show-when-collapsed {
  display: inline-block;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape.collapsed .item-contents .item-header .header-contents > .header-controls .show-when-open,
.item-grid.view-song-list .item-grid-contents .item.streamable.collapsed .item-contents .item-header .header-contents > .header-controls .show-when-open {
  display: none;
}
.item-grid.view-song-list .item-grid-contents .item.mixtape.collapsed .item-contents .close-item-body,
.item-grid.view-song-list .item-grid-contents .item.streamable.collapsed .item-contents .close-item-body {
  display: none;
}
/*
|--------------------------------------------------------------------------
| SONG VIEW :: DESKTOP ::
|--------------------------------------------------------------------------
*/
@media (min-width: 1200px) {
  .item-grid.view-song-list .item-grid-contents {
    padding: 10px 0;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents {
    margin: 5px;
    -webkit-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2), 0 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2), 0 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.2), 0 0px 30px 0px rgba(0, 0, 0, 0.2);
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header {
    height: 70px;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .item-thumbnail,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .item-thumbnail {
    width: 60px;
    height: 60px;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .item-title,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .item-title {
    display: inline-block;
    padding: 10px 0 0 75px;
    font-size: 16px;
    white-space: normal;
    width: auto;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .item-title:after,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .item-title:after {
    display: none;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header .header-contents .categories > li > a,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header .header-contents .categories > li > a {
    font-size: 12px;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > a.toggle-item-body,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > a.toggle-item-body {
    display: block;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-header > .header-controls,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-header > .header-controls {
    display: block;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-body,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-body {
    display: none;
    max-height: none;
    overflow: visible;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-body .track-list > li .track-controls,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-body .track-list > li .track-controls {
    display: block;
    position: relative;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-body .track-list > li .track-controls .preview-controls,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-body .track-list > li .track-controls .preview-controls {
    position: absolute;
    top: -10px;
    right: 100%;
    display: block;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    text-align: center;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-body .track-list > li .track-controls .preview-controls .anim-song-preview,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-body .track-list > li .track-controls .preview-controls .anim-song-preview {
    opacity: 1;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape .item-contents .item-body .track-list > li:hover .track-controls .preview-controls,
  .item-grid.view-song-list .item-grid-contents .item.streamable .item-contents .item-body .track-list > li:hover .track-controls .preview-controls {
    opacity: 1;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape.collapsed,
  .item-grid.view-song-list .item-grid-contents .item.streamable.collapsed {
    z-index: 1;
  }
  .item-grid.view-song-list .item-grid-contents .item.mixtape.collapsed .item-contents,
  .item-grid.view-song-list .item-grid-contents .item.streamable.collapsed .item-contents {
    -webkit-box-shadow: 0 9px 8px -6px rgba(0, 0, 0, 0.1), 0 0px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 9px 8px -6px rgba(0, 0, 0, 0.1), 0 0px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 9px 8px -6px rgba(0, 0, 0, 0.1), 0 0px 10px 0px rgba(0, 0, 0, 0.05);
  }
}
/*
|========================================================================================================
| TANGIBLE PRODUCTS
|========================================================================================================
*/
/*
|--------------------------------------------------------------------------
| TANGIBLE PRODUCTS :: OVERALL & MOBILE ::
|--------------------------------------------------------------------------
*/
/* Large Phones | Landscape
--------------------------------------------------- */
@media (min-width: 667px) and (orientation: landscape) {
}
/*
|--------------------------------------------------------------------------
| TANGIBLE PRODUCTS :: TABLET ::
|--------------------------------------------------------------------------
*/
/* iPad Portrait
--------------------------------------------------- */
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
}
/* iPad Lanscape
--------------------------------------------------- */
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
}
/*
|--------------------------------------------------------------------------
| TANGIBLE PRODUCTS :: SMALL PC ::
|--------------------------------------------------------------------------
*/
@media (min-width: 1200px) {
  .item.clothing .item-contents .item-thumbnail > img.hover,
  .item.accessory .item-contents .item-thumbnail > img.hover,
  .item.merch .item-contents .item-thumbnail > img.hover,
  .item.tangible .item-contents .item-thumbnail > img.hover {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
  }
  .item.clothing .item-contents .item-thumbnail:hover > img.hover,
  .item.accessory .item-contents .item-thumbnail:hover > img.hover,
  .item.merch .item-contents .item-thumbnail:hover > img.hover,
  .item.tangible .item-contents .item-thumbnail:hover > img.hover,
  .item.clothing .item-contents .item-thumbnail:focus > img.hover,
  .item.accessory .item-contents .item-thumbnail:focus > img.hover,
  .item.merch .item-contents .item-thumbnail:focus > img.hover,
  .item.tangible .item-contents .item-thumbnail:focus > img.hover {
    opacity: 1;
  }
  .item.clothing .item-contents .content-top:hover .item-thumbnail > img.hover,
  .item.accessory .item-contents .content-top:hover .item-thumbnail > img.hover,
  .item.merch .item-contents .content-top:hover .item-thumbnail > img.hover,
  .item.tangible .item-contents .content-top:hover .item-thumbnail > img.hover {
    opacity: 1;
  }
}
/*
|--------------------------------------------------------------------------
| TANGIBLE PRODUCTS :: LARGE PC ::
|--------------------------------------------------------------------------
*/
@media (min-width: 1580px) {
}
/*
  =============================================================
  MISC. ELEMENTS
  =============================================================
*/
.item-grid {
  /* Final Load Indicators */
}
.item-grid .item-loader {
  margin: 40px auto;
}
.item-grid .item-all-loaded,
.item-grid .item-not-found {
  display: inline-block;
  padding: 40px 0;
  width: 200px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  color: #cccccc;
}
.item-grid .item-not-found {
  color: #a94442;
}
.item-grid {
  /* Loader */
  /* Final Load Indicators */
}
.item-grid .loading-items {
  /*width: 200px;
    height: 200px;*/
}
.item-grid .item-all-loaded,
.item-grid .item-not-found {
  width: 100%;
}
/* End Cards */
.item.end-card .item-contents .content-bottom {
  height: 93px;
}
.item.end-card .item-contents .end-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  white-space: nowrap;
  /* Ghost element to center align the modal's content */
}
.item.end-card .item-contents .end-card-overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.item.end-card .item-contents .end-card-overlay .end-card-overlay-inner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  width: 100%;
  padding: 10px;
}
.item.end-card .item-contents .end-card-overlay .end-card-overlay-inner p {
  margin: 0;
  font: normal 600 14px 'Montserrat', sans-serif;
}
.item.end-card .item-contents .end-card-overlay .end-card-overlay-inner .btn {
  padding: 20px 10px;
  background: none;
  color: #ce0000;
}
@media (min-width: 1200px) {
  .item-grid {
    /* Loader */
    /* Final Load Indicators */
  }
  .item-grid .loading-items {
    /*width: 200px;
      height: 200px;*/
  }
  .item-grid .item-all-loaded,
  .item-grid .item-not-found {
    width: 100%;
  }
  .item.end-card .item-contents .content-bottom {
    height: 81px;
  }
}
.section-showcase {
  margin: 20px 0;
  padding: 0;
}
.section-showcase .top-area {
  position: relative;
  margin: 0;
}
.section-showcase .top-area h2 {
  margin: 0;
  padding: 11px 10px;
  text-transform: uppercase;
  text-align: left;
  font-size: 18px;
}
.section-showcase .top-area h2 > .sub-title {
  display: inline-block;
  font: normal 300 20px 'Montserrat', sans-serif;
  color: #444444;
  vertical-align: middle;
  text-transform: none;
  text-align: left;
  font-size: 10px;
}
.section-showcase .top-area .section-links-to {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 1;
  margin: 0;
  padding: 7px;
  font-size: 14px;
  font-weight: bold;
}
.section-showcase .top-area .sub-section-links-to {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  margin: 3px 10px;
  padding: 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ce0000;
}
.section-showcase .top-area .scrollable-area {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.section-showcase .top-area .scrollable-area:after {
  /*content: '';*/
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 80px;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,f4f4f4+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f4f4f4', endColorstr='#f4f4f4', GradientType=1);
  /* IE6-9 */
}
.section-showcase .top-area .update-showcase-tabs {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-showcase .top-area .update-showcase-tabs > li {
  margin: 0;
  padding: 0;
}
.section-showcase .top-area .update-showcase-tabs > li > a {
  display: block;
  padding: 7px 15px;
  margin: 0 1px;
  background-color: #e7e7e7;
  color: #444444;
  min-width: 100px;
  text-align: center;
  text-transform: uppercase;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  white-space: nowrap;
  outline-color: #272727;
}
.section-showcase .top-area .update-showcase-tabs > li > a:hover,
.section-showcase .top-area .update-showcase-tabs > li > a:focus {
  color: #272727;
  background-color: #dbdbdb;
}
.section-showcase .top-area .update-showcase-tabs > li > a:focus-visible {
  outline: solid 2px #272727;
  outline-offset: -2px;
}
.section-showcase .top-area .update-showcase-tabs > li.active > a {
  background-color: #444444;
  color: #e7e7e7;
}
.section-showcase .top-area .update-showcase-tabs.hidden {
  display: none !important;
}
.section-showcase .item-slider {
  position: relative;
  /* Final Load Indicators */
}
.section-showcase .item-slider .item-loader {
  padding: 60px 0;
}
.section-showcase .item-slider .item-all-loaded,
.section-showcase .item-slider .item-not-found {
  width: 100%;
  padding: 60px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  color: #cccccc;
}
.section-showcase .item-slider .item-not-found {
  color: #a94442;
}
.section-showcase .item-slider .slider__track {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  /*.slider__slides .slider__frame.item .item-contents .item-title {
        height: 32px;
      }

      .slider__slides .slider__frame.item .item-contents .item-title h3 {
        font-size: 12px;
        line-height: 16px;
      }*/
}
.section-showcase .item-slider .slider__track .slider__slides {
  list-style: none;
  margin: 0;
  padding: 30px 0;
  white-space: nowrap;
}
.section-showcase .item-slider .slider__track .slider__slides__row {
  display: flex;
  align-items: stretch;
}
.section-showcase .item-slider .slider__track .slider__slides .slider__frame {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  width: 39%;
}
.section-showcase .item-slider .slider__track .slider__slides .slider__frame.video {
  width: 75%;
}
.section-showcase .item-slider .slider__track .slider__slides .slider__end-card > .item-contents {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  margin: 0;
}
.section-showcase .item-slider .slider__controls {
  display: none;
}
.section-showcase .bottom-area {
  position: relative;
  margin: 0 100px;
}
.section-showcase .bottom-area .section-links-to {
  position: absolute;
  top: -20px;
  right: 0;
  margin: 0;
  padding: 7px;
  font-size: 14px;
  font-weight: bold;
}
.section-showcase .bottom-area .sub-section-links-to {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  margin: 5px 10px;
  padding: 7px;
  font-size: 13px;
  font-weight: bold;
  color: #ce0000;
}
/* Large Phones | Landscape
--------------------------------------------------- */
@media (min-width: 667px) and (orientation: landscape) {
  .section-showcase .top-area {
    margin: 0 20px;
  }
  .section-showcase .item-slider .item-loader {
    padding: 60px 0;
  }
  .section-showcase .item-slider .slider__track {
    /*.slider__slides .slider__frame.item .item-contents .item-title {
          height: 32px;
        }

        .slider__slides .slider__frame.item .item-contents .item-title h3 {
          font-size: 12px;
          line-height: 16px;
        }*/
  }
  .section-showcase .item-slider .slider__track .slider__slides {
    padding: 30px 0;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame {
    width: 18%;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame.video {
    width: 30%;
  }
  .section-showcase .bottom-area {
    position: relative;
    margin: 0 50px;
  }
}
/* iPad Portrait
--------------------------------------------------- */
@media (min-width: 760px) and (min-height: 900px) and (orientation: portrait) {
  .section-showcase .top-area {
    margin: 0 20px;
  }
  .section-showcase .item-slider .item-loader {
    padding: 60px 0;
  }
  .section-showcase .item-slider .slider__track {
    /*.slider__slides .slider__frame.item .item-contents .item-title {
          height: 32px;
        }

        .slider__slides .slider__frame.item .item-contents .item-title h3 {
          font-size: 12px;
          line-height: 16px;
        }*/
  }
  .section-showcase .item-slider .slider__track .slider__slides {
    padding: 30px 0;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame {
    width: 28%;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame.video {
    width: 40%;
  }
  .section-showcase .bottom-area {
    position: relative;
    margin: 0 50px;
  }
}
/* iPad Lanscape
--------------------------------------------------- */
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .section-showcase .top-area {
    margin: 0 20px;
  }
  .section-showcase .item-slider .item-loader {
    padding: 60px 0;
  }
  .section-showcase .item-slider .slider__track {
    /*.slider__slides .slider__frame.item .item-contents .item-title {
          height: 32px;
        }

        .slider__slides .slider__frame.item .item-contents .item-title h3 {
          font-size: 12px;
          line-height: 16px;
        }*/
  }
  .section-showcase .item-slider .slider__track .slider__slides {
    padding: 30px 0;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame {
    width: 18%;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame.video {
    width: 30%;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame:first-child {
    margin-left: 0;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame:last-child {
    margin-right: 0;
  }
  .section-showcase .bottom-area {
    position: relative;
    margin: 0 50px;
  }
}
/* Small PC
--------------------------------------------------- */
@media (min-width: 1200px) {
  .section-showcase {
    margin: 30px 0;
    padding: 0;
  }
  .section-showcase .top-area {
    position: relative;
    margin: 0 100px;
    width: auto;
  }
  .section-showcase .top-area h2 {
    margin: 0 0 15px;
    padding: 11px 10px;
    text-transform: uppercase;
    text-align: center;
    font-size: 32px;
  }
  .section-showcase .top-area h2 > .sub-title {
    display: block;
    font: normal 300 20px 'Montserrat', sans-serif;
    color: #444444;
    vertical-align: middle;
    text-transform: none;
    text-align: center;
    font-size: 16px;
  }
  .section-showcase .top-area .section-links-to {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 7px;
    font-size: 14px;
    font-weight: bold;
  }
  .section-showcase .top-area .sub-section-links-to {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    display: none;
    margin: 5px 10px;
    padding: 7px;
    font-size: 13px;
    font-weight: bold;
    color: #ce0000;
  }
  .section-showcase .top-area .scrollable-area {
    position: relative;
    margin: 0;
    overflow-x: auto;
  }
  .section-showcase .top-area .scrollable-area::-webkit-scrollbar {
    opacity: 0;
    width: 0px;
  }
  .section-showcase .top-area .scrollable-area:hover::-webkit-scrollbar {
    opacity: 1;
    width: auto;
  }
  .section-showcase .top-area .scrollable-area:after {
    /*content: '';*/
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 80px;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,f4f4f4+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f4f4f4', endColorstr='#f4f4f4', GradientType=1);
    /* IE6-9 */
  }
  .section-showcase .top-area .update-showcase-tabs {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .section-showcase .top-area .update-showcase-tabs > li {
    margin: 0;
    padding: 0;
  }
  .section-showcase .top-area .update-showcase-tabs > li > a {
    display: block;
    padding: 7px 15px;
  }
  .section-showcase .top-area .update-showcase-tabs > li.active > a {
    background-color: #444444;
    color: #e7e7e7;
  }
  .section-showcase .top-area .update-showcase-tabs > li:nth-child(n+5) {
    display: none;
  }
  .section-showcase .top-area .update-showcase-tabs > li:last-child {
    display: block;
  }
  .section-showcase .top-area .update-showcase-tabs.hidden {
    display: none !important;
  }
  .section-showcase .item-slider .item-loader {
    padding: 120px 0;
  }
  .section-showcase .item-slider .slider__track {
    overflow-x: hidden;
    /*.slider__slides .slider__frame.item .item-contents .item-title {
          height: 32px;
        }

        .slider__slides .slider__frame.item .item-contents .item-title h3 {
          font-size: 12px;
          line-height: 16px;
        }*/
  }
  .section-showcase .item-slider .slider__track .slider__slides {
    list-style: none;
    margin: 0;
    padding: 30px 0;
  }
  .section-showcase .item-slider .slider__track .slider__slides__row {
    transform: translate(5%, 0);
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame {
    margin: 0;
    padding: 0;
    width: 12.5%;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame.video {
    width: 21%;
  }
  .section-showcase .item-slider .slider__controls {
    display: block;
  }
  .section-showcase .item-slider .slider__controls .slider__arrow {
    position: absolute;
    display: block;
    z-index: 2;
    color: white;
    text-transform: uppercase;
    background-color: transparent;
    text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity 150ms ease, border 300ms ease-in-out;
    line-height: 1;
    top: 36px;
    bottom: 36px;
    transform: none;
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0 20px;
  }
  .section-showcase .item-slider .slider__controls .slider__arrow .icon {
    font-size: 40px;
  }
  .section-showcase .item-slider .slider__controls .slider__arrow.slider__arrow--next {
    right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=1);
    /* IE6-9 */
  }
  .section-showcase .item-slider .slider__controls .slider__arrow.slider__arrow--prev {
    display: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,0+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
  }
  .section-showcase .item-slider .slider__controls .slider__arrow.slider__arrow--end {
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=1);
    /* IE6-9 */
  }
  .section-showcase .item-slider .slider__controls .slider__arrow.slider__arrow--end > span {
    text-align: center;
    font-size: 24px;
  }
  .section-showcase .item-slider .slider__controls .slider__arrow.slider__arrow--end > span:after {
    content: '\e813';
    font-family: "mu2icons";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    background: #ce0000;
    border-radius: 4px;
    padding: 4px 6px;
    margin: 9px 0 0;
  }
  .section-showcase .item-slider .slider__controls .slider__arrow.slider__arrow--end > span > span {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    width: 85px;
  }
  .section-showcase .bottom-area {
    position: relative;
    margin: 0 100px;
  }
  .section-showcase .bottom-area .section-links-to {
    position: absolute;
    top: -20px;
    right: 0;
    margin: 0;
    padding: 7px;
    font-size: 14px;
    font-weight: bold;
  }
  .section-showcase .bottom-area .sub-section-links-to {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    display: none;
    margin: 5px 10px;
    padding: 7px;
    font-size: 13px;
    font-weight: bold;
    color: #ce0000;
  }
}
/*
|--------------------------------------------------------------------------
| STREAMING PRODUCTS :: LARGE PC ::
|--------------------------------------------------------------------------
*/
@media (min-width: 1580px) {
  .section-showcase .top-area .update-showcase-tabs > li:nth-child(n+5) {
    display: block;
  }
  .section-showcase .top-area .update-showcase-tabs > li:nth-child(n+5) {
    display: none;
  }
  .section-showcase .top-area .update-showcase-tabs > li:last-child {
    display: block;
  }
  .section-showcase .item-slider .slider__track {
    /*.slider__slides .slider__frame.item .item-contents .item-title {
          height: 32px;
        }

        .slider__slides .slider__frame.item .item-contents .item-title h3 {
          font-size: 12px;
          line-height: 16px;
        }*/
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame {
    width: 10%;
  }
  .section-showcase .item-slider .slider__track .slider__slides .slider__frame.video {
    width: 17%;
  }
}
.promo {
  float: left;
}
.promo .promo-body {
  position: relative;
  display: block;
  margin: 5px;
  background: #ffffff no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  white-space: normal;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
}
.promo .promo-body .container {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  white-space: nowrap;
}
.promo .promo-body .container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.promo .promo-body .container .centered {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.promo .promo-body h3 {
  margin: 0;
  font-size: 2.5em;
  text-transform: uppercase;
}
.promo .promo-body p {
  margin: 0;
  margin-bottom: 15px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.5em;
}
.promo.promo-inline {
  width: 100%;
}
.promo.promo-inline .promo-body {
  min-height: 230px;
}
.promo.promo-tri {
  width: 100%;
}
.promo.promo-tri:before,
.promo.promo-tri:after {
  display: table;
}
.promo.promo-tri:after {
  content: '';
  clear: both;
}
.promo.promo-tri .promo-col {
  float: left;
  width: 100%;
}
.promo.promo-tri .promo-body {
  min-height: 230px;
}
.promo.promo-full {
  width: 100%;
}
.promo.promo-full .promo-body {
  min-height: 230px;
}
@media (min-width: 768px) {
  .promo.promo-inline {
    width: 460px;
  }
  .promo.promo-inline .promo-body {
    height: 375px;
  }
  .promo.promo-tri {
    width: 100%;
  }
  .promo.promo-tri:before,
  .promo.promo-tri:after {
    display: table;
  }
  .promo.promo-tri:after {
    content: '';
    clear: both;
  }
  .promo.promo-tri .promo-col {
    width: 33.33333333%;
  }
  .promo.promo-tri .promo-body {
    height: 230px;
  }
  .promo.promo-full {
    width: 100%;
  }
  .promo.promo-full .promo-body {
    height: 230px;
  }
}
@media (min-width: 1025px) {
  .promo.promo-inline {
    width: 460px;
  }
  .promo.promo-inline .promo-body {
    height: 375px;
  }
  .promo.promo-tri {
    width: 100%;
  }
  .promo.promo-tri:before,
  .promo.promo-tri:after {
    display: table;
  }
  .promo.promo-tri:after {
    content: '';
    clear: both;
  }
  .promo.promo-tri .promo-col {
    width: 33.33333333%;
  }
  .promo.promo-tri .promo-body {
    height: 375px;
  }
  .promo.promo-full {
    width: 100%;
  }
  .promo.promo-full .promo-body {
    height: 375px;
  }
}
@media (min-width: 1480px) {
  .promo.promo-inline {
    width: 560px;
  }
  .promo.promo-inline > .promo-body {
    height: 420px;
  }
  .promo.promo-tri .promo-body {
    height: 420px;
  }
  .promo.promo-full .promo-body {
    height: 420px;
  }
}
/* Help Center Popup
   --------------------------------------------------- */
#popup-help-center .help-center h3,
#page-help-center .help-center h3 {
  margin: 0 0 20px;
  color: #272727;
  font-size: 18px;
}
#popup-help-center .help-center h4,
#page-help-center .help-center h4 {
  color: #272727;
}
#popup-help-center .help-center strong,
#page-help-center .help-center strong {
  color: #333;
}
#popup-help-center .help-center .title,
#page-help-center .help-center .title {
  font-size: 20px;
}
#popup-help-center .help-center .sub-title,
#page-help-center .help-center .sub-title {
  margin: 0 0 20px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
}
#popup-help-center .help-center .row,
#page-help-center .help-center .row {
  position: relative;
}
#popup-help-center .help-center .row:before,
#page-help-center .help-center .row:before,
#popup-help-center .help-center .row:after,
#page-help-center .help-center .row:after {
  display: table;
}
#popup-help-center .help-center .row:after,
#page-help-center .help-center .row:after {
  content: '';
  clear: both;
}
#popup-help-center .help-center .row .divider,
#page-help-center .help-center .row .divider {
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
}
#popup-help-center .help-center .field,
#page-help-center .help-center .field {
  margin: 5px 0;
}
#popup-help-center .help-center .field label,
#page-help-center .help-center .field label {
  display: block;
  padding: 10px 0;
}
#popup-help-center .help-center .field .control,
#page-help-center .help-center .field .control {
  display: block;
  width: 100%;
  border: solid 1px #d4d4d4;
  padding: 7px 12px;
  font-size: 16px;
}
#popup-help-center .help-center .field.error label,
#page-help-center .help-center .field.error label {
  color: #ce0000;
}
#popup-help-center .help-center .field.error .control,
#page-help-center .help-center .field.error .control {
  border-color: #ce0000;
}
#popup-help-center .help-center .message,
#page-help-center .help-center .message {
  display: none;
  padding: 5px;
  font-size: 10px;
}
#popup-help-center .help-center .message.show,
#page-help-center .help-center .message.show {
  display: block;
}
#popup-help-center .help-center .message.error,
#page-help-center .help-center .message.error {
  color: #ce0000;
}
#popup-help-center .help-center .message.success,
#page-help-center .help-center .message.success {
  background-color: #2ecc71;
  color: #000;
  border-radius: 4px;
  font-size: 12px;
  padding: 7px 10px;
  text-align: center;
}
#popup-help-center .help-center .logout,
#page-help-center .help-center .logout {
  display: inline-block;
  padding: 3px 10px;
}
#popup-help-center .help-center .btn[disabled],
#page-help-center .help-center .btn[disabled] {
  opacity: 0.5;
  cursor: default;
}
#popup-help-center .help-center .text-right,
#page-help-center .help-center .text-right {
  margin-top: 30px;
  text-align: right;
  vertical-align: top;
}
#popup-help-center .help-center .orders,
#page-help-center .help-center .orders {
  margin-top: 30px;
}
#popup-help-center .help-center .orders.hidden,
#page-help-center .help-center .orders.hidden {
  display: none;
}
#popup-help-center .help-center .orders > table,
#page-help-center .help-center .orders > table {
  width: 100%;
  border-collapse: collapse;
}
#popup-help-center .help-center .orders > table tr > th,
#page-help-center .help-center .orders > table tr > th,
#popup-help-center .help-center .orders > table tr > td,
#page-help-center .help-center .orders > table tr > td {
  padding: 5px 12px;
  border-top: solid 1px #ddd;
  text-align: center;
}
#popup-help-center .help-center .orders .select-order,
#page-help-center .help-center .orders .select-order {
  display: inline-block;
  margin-right: 5px;
}
#popup-help-center .help-center .btn.auth-customer,
#page-help-center .help-center .btn.auth-customer,
#popup-help-center .help-center .btn-send-request,
#page-help-center .help-center .btn-send-request {
  margin-top: 16px;
}
#page-help-center {
  padding: 15px;
}
@media (min-width: 768px) {
  #popup-help-center .help-center h3,
  #page-help-center .help-center h3 {
    margin: 0 0 20px;
    color: #272727;
    font-size: 22px;
  }
  #popup-help-center .help-center .title,
  #page-help-center .help-center .title {
    font-size: 26px;
  }
  #popup-help-center .help-center .sub-title,
  #page-help-center .help-center .sub-title {
    margin: 0 0 45px;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  }
  #popup-help-center .help-center .row,
  #page-help-center .help-center .row {
    position: relative;
    margin-right: -10%;
  }
  #popup-help-center .help-center .row:before,
  #page-help-center .help-center .row:before,
  #popup-help-center .help-center .row:after,
  #page-help-center .help-center .row:after {
    display: table;
  }
  #popup-help-center .help-center .row:after,
  #page-help-center .help-center .row:after {
    content: '';
    clear: both;
  }
  #popup-help-center .help-center .row .col-full,
  #page-help-center .help-center .row .col-full,
  #popup-help-center .help-center .row .col-half,
  #page-help-center .help-center .row .col-half {
    margin-right: 10%;
  }
  #popup-help-center .help-center .row .col-half,
  #page-help-center .help-center .row .col-half {
    float: left;
    width: 40%;
  }
  #popup-help-center .help-center .row .divider,
  #page-help-center .help-center .row .divider {
    position: absolute;
    top: 58%;
    left: 44%;
    font-size: 18px;
  }
  #popup-help-center .help-center .field,
  #page-help-center .help-center .field {
    margin: 5px 0;
  }
  #popup-help-center .help-center .field label,
  #page-help-center .help-center .field label {
    display: block;
    padding: 10px 0;
  }
  #popup-help-center .help-center .field .control,
  #page-help-center .help-center .field .control {
    display: block;
    width: 100%;
    border: solid 1px #d4d4d4;
    padding: 7px 12px;
    font-size: 20px;
  }
  #popup-help-center .help-center .field.error label,
  #page-help-center .help-center .field.error label {
    color: #ce0000;
  }
  #popup-help-center .help-center .field.error .control,
  #page-help-center .help-center .field.error .control {
    border-color: #ce0000;
  }
  #popup-help-center .help-center .btn.auth-customer,
  #page-help-center .help-center .btn.auth-customer,
  #popup-help-center .help-center .btn-send-request,
  #page-help-center .help-center .btn-send-request {
    margin-top: 24px;
  }
  #page-help-center {
    padding: 0;
  }
}
/* PRODUCT PAGE */
article.product {
  position: relative;
  /* Product thumbnail slider control */
  /* Spacing and background of following sections */
  /* Product Title and controls */
  /* Product Sharing options */
  /* Product Full Description */
  /* Related product sections */
  /* Related Content Column */
}
article.product:before,
article.product:after {
  display: table;
}
article.product:after {
  content: '';
  clear: both;
}
article.product .product-container:before,
article.product .product-container:after {
  display: table;
}
article.product .product-container:after {
  content: '';
  clear: both;
}
article.product .product-container .left-options .popup-history-back {
  display: none;
}
article.product .product-container > .close {
  display: none;
}
article.product .product-container .msg-added-to-cart {
  display: none;
}
article.product .new-thumbnail-structure {
  position: relative;
  margin: 15px 0;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
article.product .new-thumbnail-structure:before,
article.product .new-thumbnail-structure:after {
  display: table;
}
article.product .new-thumbnail-structure:after {
  content: '';
  clear: both;
}
article.product .new-thumbnail-structure .control-thumbnail-slider {
  padding: 5px 10px 10px;
}
article.product .new-thumbnail-structure .control-thumbnail-slider .control-thumbnails-container .control-thumb {
  padding: 5px;
  outline: none;
}
article.product .new-thumbnail-structure .control-thumbnail-slider .control-thumbnails-container .control-thumb > img {
  display: block;
  width: 100%;
  height: auto;
}
article.product .product-thumb-slider,
article.product .master-thumbnail-slider {
  position: relative;
  padding: 5px;
}
article.product .product-thumb-slider:before,
article.product .master-thumbnail-slider:before,
article.product .product-thumb-slider:after,
article.product .master-thumbnail-slider:after {
  display: table;
}
article.product .product-thumb-slider:after,
article.product .master-thumbnail-slider:after {
  content: '';
  clear: both;
}
article.product .product-thumb-slider .slider-container,
article.product .master-thumbnail-slider .slider-container {
  position: relative;
}
article.product .product-thumb-slider .slider-container .slider-prev,
article.product .master-thumbnail-slider .slider-container .slider-prev,
article.product .product-thumb-slider .slider-container .slider-next,
article.product .master-thumbnail-slider .slider-container .slider-next {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: block;
  margin: 0;
  margin-top: -25px;
  padding: 0;
  width: 30px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  color: #444444;
  border: none;
  outline: none;
  opacity: 0;
  font-size: 1.2em;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
article.product .product-thumb-slider .slider-container .slider-prev:hover,
article.product .master-thumbnail-slider .slider-container .slider-prev:hover,
article.product .product-thumb-slider .slider-container .slider-next:hover,
article.product .master-thumbnail-slider .slider-container .slider-next:hover,
article.product .product-thumb-slider .slider-container .slider-prev:focus,
article.product .master-thumbnail-slider .slider-container .slider-prev:focus,
article.product .product-thumb-slider .slider-container .slider-next:focus,
article.product .master-thumbnail-slider .slider-container .slider-next:focus {
  color: #ce0000;
}
article.product .product-thumb-slider .slider-container .slider-prev:focus-visible,
article.product .master-thumbnail-slider .slider-container .slider-prev:focus-visible,
article.product .product-thumb-slider .slider-container .slider-next:focus-visible,
article.product .master-thumbnail-slider .slider-container .slider-next:focus-visible {
  outline: solid 2px #ce0000;
  outline-offset: 0;
}
article.product .product-thumb-slider .slider-container .slider-prev,
article.product .master-thumbnail-slider .slider-container .slider-prev {
  left: 0;
  border-radius: 0 5px 5px 0;
}
article.product .product-thumb-slider .slider-container .slider-next,
article.product .master-thumbnail-slider .slider-container .slider-next {
  right: 0;
  border-radius: 5px 0 0 5px;
}
article.product .product-thumb-slider .product-thumb,
article.product .master-thumbnail-slider .product-thumb {
  display: none;
  position: relative;
  padding: 10px;
  min-height: 200px;
  overflow: hidden;
}
article.product .product-thumb-slider .product-thumb:before,
article.product .master-thumbnail-slider .product-thumb:before {
  content: '';
  display: block;
  padding-top: 100%;
}
article.product .product-thumb-slider .product-thumb .product-thumb-inner,
article.product .master-thumbnail-slider .product-thumb .product-thumb-inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
article.product .product-thumb-slider .product-thumb .product-thumb-inner img,
article.product .master-thumbnail-slider .product-thumb .product-thumb-inner img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 100%;
}
article.product .product-thumb-slider .product-thumb .product-thumb-inner img.closeup,
article.product .master-thumbnail-slider .product-thumb .product-thumb-inner img.closeup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
article.product .product-thumb-slider .product-thumb .product-thumb-inner img.closeup.show,
article.product .master-thumbnail-slider .product-thumb .product-thumb-inner img.closeup.show {
  opacity: 1;
}
article.product .product-thumb-slider .product-thumb .product-thumb-inner .sticker,
article.product .master-thumbnail-slider .product-thumb .product-thumb-inner .sticker {
  font-size: 16px;
}
article.product .product-thumb-slider .product-thumb .product-thumb-inner .sticker > span,
article.product .master-thumbnail-slider .product-thumb .product-thumb-inner .sticker > span {
  font-size: 2.8em;
}
article.product .product-thumb-slider .product-thumb:first-child,
article.product .master-thumbnail-slider .product-thumb:first-child {
  display: block;
}
article.product .product-thumb-slider .product-thumb .caption,
article.product .master-thumbnail-slider .product-thumb .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  font: normal 400 14px 'Open Sans', sans-serif;
  font-size: 1em;
}
article.product .product-thumb-slider .product-thumb .caption span,
article.product .master-thumbnail-slider .product-thumb .caption span {
  display: inline-block;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.8);
  color: #444444;
  border-radius: 3px 3px 0 0;
  text-transform: uppercase;
}
article.product .product-thumb-slider .product-thumb .flag-preorder,
article.product .master-thumbnail-slider .product-thumb .flag-preorder {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: block;
  width: 100px;
  height: 100px;
  background: url('../img/overlay-preorder.png') bottom right no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
article.product .product-thumb-slider .zoom-current,
article.product .master-thumbnail-slider .zoom-current {
  position: absolute;
  bottom: 15px;
  right: 15px;
  display: block;
  margin: 0;
  padding: 5px;
  background: none;
  border: none;
  outline: none;
  font-size: 1.5em;
  color: #777777;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
article.product .product-thumb-slider .zoom-current:hover,
article.product .master-thumbnail-slider .zoom-current:hover {
  color: #444444;
}
article.product .product-thumb-slider .sold-out,
article.product .master-thumbnail-slider .sold-out {
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 20;
  width: 150px;
  height: 70px;
  margin-left: -75px;
  background: url('../img/sold-out.png') center center no-repeat;
  background-size: contain;
}
article.product .product-thumb-slider .badge-out-of-stock,
article.product .master-thumbnail-slider .badge-out-of-stock {
  position: absolute;
  bottom: 5%;
  left: 0;
  z-index: 20;
  width: 100%;
  display: block;
  text-align: center;
}
article.product .product-thumb-slider .badge-out-of-stock > span,
article.product .master-thumbnail-slider .badge-out-of-stock > span {
  display: inline-block;
  padding: 5px 8px;
  border: solid 3px #ce0000;
  border-radius: 6px;
  color: #ce0000;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  vertical-align: middle;
  transform: rotate(15deg);
}
article.product .product-thumb-slider .open-large-images,
article.product .master-thumbnail-slider .open-large-images {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 10;
  color: #444444;
  display: block;
  padding: 15px;
  border: none;
  border-radius: 100px;
  outline: none;
  font-size: 16px;
}
article.product .product-thumb-slider .open-large-images:hover,
article.product .master-thumbnail-slider .open-large-images:hover,
article.product .product-thumb-slider .open-large-images:focus,
article.product .master-thumbnail-slider .open-large-images:focus {
  color: #272727;
}
article.product .product-thumb-slider .open-large-images:focus-visible,
article.product .master-thumbnail-slider .open-large-images:focus-visible {
  outline: solid 2px #272727;
}
article.product .product-thumb-slider .load-in-preview-overlay,
article.product .master-thumbnail-slider .load-in-preview-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 12;
  margin: 10px;
  border: none;
  background-color: #ce0000;
  color: #ffffff;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
article.product .product-thumb-slider .play-btn,
article.product .master-thumbnail-slider .play-btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  text-align: center;
}
article.product .product-thumb-slider .play-btn .icon,
article.product .master-thumbnail-slider .play-btn .icon {
  color: #ffffff;
  font-size: 100px;
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.3));
}
article.product .product-thumb-slider .play-btn:hover .icon,
article.product .master-thumbnail-slider .play-btn:hover .icon,
article.product .product-thumb-slider .play-btn:focus .icon,
article.product .master-thumbnail-slider .play-btn:focus .icon {
  opacity: 1;
}
article.product .product-thumb-slider:hover .slider-prev,
article.product .master-thumbnail-slider:hover .slider-prev,
article.product .product-thumb-slider:focus-within .slider-prev,
article.product .master-thumbnail-slider:focus-within .slider-prev,
article.product .product-thumb-slider:hover .slider-next,
article.product .master-thumbnail-slider:hover .slider-next,
article.product .product-thumb-slider:focus-within .slider-next,
article.product .master-thumbnail-slider:focus-within .slider-next {
  opacity: 1;
}
article.product .product-thumb-slider {
  margin: 15px 0;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
article.product .product-thumb-control,
article.product .product-thumb-control-desktop {
  margin: 15px 0;
  padding: 10px 0;
  list-style: none;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  text-align: center;
}
article.product .product-thumb-control:before,
article.product .product-thumb-control-desktop:before,
article.product .product-thumb-control:after,
article.product .product-thumb-control-desktop:after {
  display: table;
}
article.product .product-thumb-control:after,
article.product .product-thumb-control-desktop:after {
  content: '';
  clear: both;
}
article.product .product-thumb-control li,
article.product .product-thumb-control-desktop li {
  display: inline-block;
  width: 23%;
}
article.product .product-thumb-control li > a,
article.product .product-thumb-control-desktop li > a {
  display: block;
  margin: 5px;
  padding: 5px;
  border: solid 2px #aaaaaa;
  border-radius: 5px;
}
article.product .product-thumb-control li > a > img,
article.product .product-thumb-control-desktop li > a > img {
  display: block;
  width: 100%;
}
article.product .product-thumb-control li > a:hover,
article.product .product-thumb-control-desktop li > a:hover {
  border-color: #ce0000;
}
article.product .product-thumb-control li.active > a,
article.product .product-thumb-control-desktop li.active > a {
  border-color: #777777;
}
article.product .product-thumb-control-desktop {
  display: none;
}
article.product .product-controls,
article.product .product-share,
article.product .mixtape-controls,
article.product .product-description {
  margin: 15px 0;
  padding: 10px 15px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
article.product .product-controls:before,
article.product .product-share:before,
article.product .mixtape-controls:before,
article.product .product-description:before,
article.product .product-controls:after,
article.product .product-share:after,
article.product .mixtape-controls:after,
article.product .product-description:after {
  display: table;
}
article.product .product-controls:after,
article.product .product-share:after,
article.product .mixtape-controls:after,
article.product .product-description:after {
  content: '';
  clear: both;
}
article.product .product-controls {
  /* Product title */
  /* Prices */
  /* Size and Colors */
  /* Availibility */
  /*.btn-dropdown-menu {
      width: auto;
    }*/
  /*.btn-add-to-cart, .secure-badge {
      float: left;
      margin: 15px 0;
    }
    
    .secure-badge {
      float: right;
      padding: 0 15px;
      padding-right: 0;
    }
    
    .btn-add-to-cart {
      padding: 20px 15px;
      &:disabled, &[disabled] {
        background-color: lighten( @primary, 25% );
      }
    }

    .btn-container {
      position: relative;
      float: left;

      .added, .checkout {
        display: none;
        position: absolute;
        top: 15px;
        left: 105%;
        white-space: nowrap;
        background-color: @success;
        color: #fff;
        padding: 3px 10px;
        padding-left: 7px;
        border-radius: 4px;
      }

      .checkout {
        top: 49px;
      }
    }*/
}
article.product .product-controls h1 {
  font-size: 1.6em;
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #f4f4f4;
}
article.product .product-controls h1 > .location {
  display: block;
  font: normal 400 14px 'Open Sans', sans-serif;
  font-size: 12px;
  color: #818181;
}
article.product .product-controls .price {
  text-align: center;
  font-size: 1em;
}
article.product .product-controls .price span {
  display: inline-block;
  padding-right: 3px;
  font: normal 600 12px 'Open Sans', sans-serif;
  font-size: 1em;
}
article.product .product-controls .price span > span {
  font-size: 1.2em;
}
article.product .product-controls .price span.desktop-price {
  display: none;
}
article.product .product-controls .price span.sale > span,
article.product .product-controls .price span.discount > span {
  color: #ce0000;
}
article.product .product-controls .price span.striked {
  text-decoration: line-through;
}
article.product .product-controls .price span.striked > span {
  text-decoration: line-through;
}
article.product .product-controls .feature,
article.product .product-controls .sizes,
article.product .product-controls .colors {
  margin: 5px 0;
  font-size: 1em;
}
article.product .product-controls .feature strong,
article.product .product-controls .sizes strong,
article.product .product-controls .colors strong {
  font-size: 1.1em;
  color: #2b2b2b;
}
article.product .product-controls .feature a strong,
article.product .product-controls .sizes a strong,
article.product .product-controls .colors a strong {
  color: #2b2b2b;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
article.product .product-controls .feature a:hover strong,
article.product .product-controls .sizes a:hover strong,
article.product .product-controls .colors a:hover strong,
article.product .product-controls .feature a:focus strong,
article.product .product-controls .sizes a:focus strong,
article.product .product-controls .colors a:focus strong,
article.product .product-controls .feature a.active strong,
article.product .product-controls .sizes a.active strong,
article.product .product-controls .colors a.active strong {
  color: #ce0000;
}
article.product .product-controls .feature ul,
article.product .product-controls .sizes ul,
article.product .product-controls .colors ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
article.product .product-controls .feature ul li,
article.product .product-controls .sizes ul li,
article.product .product-controls .colors ul li {
  display: inline-block;
}
article.product .product-controls .feature ul li:after,
article.product .product-controls .sizes ul li:after,
article.product .product-controls .colors ul li:after {
  content: ", ";
}
article.product .product-controls .feature ul li:last-child:after,
article.product .product-controls .sizes ul li:last-child:after,
article.product .product-controls .colors ul li:last-child:after {
  content: "";
}
article.product .product-controls .availability {
  margin: 5px 0;
  font-size: 1.1em;
}
article.product .product-controls .availability.preorder {
  color: #ce0000;
}
article.product .product-controls .cart-controls:before,
article.product .product-controls .cart-controls:after {
  display: table;
}
article.product .product-controls .cart-controls:after {
  content: '';
  clear: both;
}
article.product .product-controls .cart-controls .col-full,
article.product .product-controls .cart-controls .col-half,
article.product .product-controls .cart-controls .col-three-forth,
article.product .product-controls .cart-controls .col-one-forth {
  float: left;
  padding: 5px;
}
article.product .product-controls .cart-controls .col-full {
  width: 100%;
}
article.product .product-controls .cart-controls .col-half {
  width: 50%;
}
article.product .product-controls .cart-controls .col-three-forth {
  width: 75%;
}
article.product .product-controls .cart-controls .col-one-forth {
  width: 25%;
}
article.product .product-controls .product-variants-container {
  position: relative;
}
article.product .product-controls .product-variants-container .product-variants {
  display: block;
  width: 100%;
  border-color: #919191;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
article.product .product-controls .product-variants-container .product-variants:before,
article.product .product-controls .product-variants-container .product-variants:after {
  display: table;
}
article.product .product-controls .product-variants-container .product-variants:after {
  content: '';
  clear: both;
}
article.product .product-controls .product-variants-container .product-variants:focus {
  border-color: #444444;
}
article.product .product-controls .product-variants-container .error {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  margin: 0;
  padding: 5px 10px;
  width: 100%;
  height: auto;
  background-color: #DB7706;
  border-radius: 5px;
  font: normal 600 12px 'Open Sans', sans-serif;
  color: #fff;
  -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.1);
}
article.product .product-controls .product-variants-container .error:after {
  content: '';
  position: absolute;
  top: -16px;
  left: 10px;
  border: solid 10px transparent;
  border-bottom: solid 8px #DB7706;
}
article.product .product-controls .product-variants-container .error.show {
  display: block;
}
article.product .product-controls .tags {
  margin: 15px 0 0;
  padding: 10px 0;
  list-style: none;
  border-top: solid 1px #f4f4f4;
  text-align: center;
}
article.product .product-controls .tags > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
article.product .product-controls .tags > li > a {
  display: block;
  padding: 10px 8px;
  font-size: 14px;
  font-weight: bold;
}
article.product .product-share h3 {
  margin: 0 0 15px;
  color: #444444;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
}
article.product ul.share-links,
article.product ul.social-links {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}
article.product ul.share-links:before,
article.product ul.social-links:before,
article.product ul.share-links:after,
article.product ul.social-links:after {
  display: table;
}
article.product ul.share-links:after,
article.product ul.social-links:after {
  content: '';
  clear: both;
}
article.product ul.share-links li,
article.product ul.social-links li {
  position: relative;
  float: left;
  width: 11%;
  padding: 0 3px;
  text-align: right;
}
article.product ul.share-links li > input,
article.product ul.social-links li > input {
  display: block;
  width: 100%;
  padding: 3px;
  border: none;
  background: #aaaaaa;
  color: #444444;
  font-size: 1.1em;
}
article.product ul.share-links li a,
article.product ul.social-links li a {
  display: inline-block;
  padding: 3px;
  background-color: #444444;
  color: #ffffff;
  text-align: center;
  border-radius: 3px;
  /* Brand colors */
}
article.product ul.share-links li a:hover,
article.product ul.social-links li a:hover {
  background-color: #2b2b2b;
}
article.product ul.share-links li a.share-fb,
article.product ul.social-links li a.share-fb {
  background-color: #3b5998;
}
article.product ul.share-links li a.share-fb:hover,
article.product ul.social-links li a.share-fb:hover {
  background-color: #2d4373;
}
article.product ul.share-links li a.share-tw,
article.product ul.social-links li a.share-tw {
  background-color: #55acee;
}
article.product ul.share-links li a.share-tw:hover,
article.product ul.social-links li a.share-tw:hover {
  background-color: #2795e9;
}
article.product ul.share-links li a.share-gp,
article.product ul.social-links li a.share-gp {
  background-color: #dd4b39;
}
article.product ul.share-links li a.share-gp:hover,
article.product ul.social-links li a.share-gp:hover {
  background-color: #c23321;
}
article.product ul.share-links li a.share-tum,
article.product ul.social-links li a.share-tum {
  background-color: #35465c;
}
article.product ul.share-links li a.share-tum:hover,
article.product ul.social-links li a.share-tum:hover {
  background-color: #222d3c;
}
article.product ul.share-links li.url,
article.product ul.social-links li.url {
  width: 45%;
}
article.product ul.share-links li .email-share-dropdown,
article.product ul.social-links li .email-share-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 10px;
  margin: 5px 0;
  min-width: 400px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 10px;
  -moz-box-shadow: 0 3px 10px;
  box-shadow: 0 3px 10px;
}
article.product .mixtape-controls {
  text-align: center;
}
article.product .mixtape-controls > button {
  display: inline-block;
  padding: 10px;
  margin: 0;
  border: none;
  background: none;
  outline: none;
  font-size: 10px;
  text-transform: uppercase;
}
article.product .mixtape-controls > button > .btn-icon {
  display: block;
  font-size: 24px;
  margin-bottom: 7px;
}
article.product .mixtape-controls > button.active {
  color: #ce0000;
}
article.product .mixtape-controls > button:hover > .btn-icon {
  color: #272727;
}
article.product .mixtape-controls > button:hover.active {
  color: #444444;
}
article.product.playing .mixtape-controls > button.do-play-mixtape {
  color: #ce0000;
}
article.product .product-description > h2 {
  display: none;
  margin-top: 0;
}
article.product .product-description > h3,
article.product .product-description > h4 {
  margin: 20px 0;
  color: #272727;
  font-size: 1.17em;
  text-align: left;
  text-transform: uppercase;
}
article.product .product-description > h3:first-child,
article.product .product-description > h4:first-child {
  margin-top: 0;
}
article.product .product-description > h4 {
  margin: 30px 0 20px;
  font-size: 0.8em;
  color: #444444;
}
article.product .product-description ol,
article.product .product-description ul {
  padding-left: 20px;
}
article.product .product-description ul.tracks {
  padding-left: 0;
  margin: 0 -15px;
}
article.product .product-description .mixtape-cd-showcase {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  background: no-repeat center bottom;
  background-size: cover;
}
article.product .product-description .mixtape-cd-showcase:before {
  content: '';
  display: block;
  padding-top: 85%;
}
article.product .product-description .mixtape-cd-showcase > img {
  display: none;
}
article.product .product-description .sku {
  font: normal 600 14px 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #aaa;
}
article.product .product-description .description-banner img {
  display: block;
  margin: 15px auto;
  max-width: 100%;
  height: auto;
}
article.product .product-description .description-container .toggle-description {
  display: none;
  background: #444444;
  border: none;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 7px;
  font-size: 10px;
  text-transform: uppercase;
  margin: 5px 0 15px 0;
}
article.product .product-description .description-container .toggle-description:hover {
  background-color: #2b2b2b;
}
article.product .product-description .description-container.minimizable .toggle-description {
  display: inline-block;
}
article.product .product-description .description-container .description-body {
  position: relative;
  margin: 15px 0;
  overflow: hidden;
}
article.product .product-description .description-container.minimizable.show-less .description-body {
  height: 140px;
}
article.product .product-description .description-container.minimizable.show-less .description-body:after {
  content: '';
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
}
article.product .product-description .track-list-heading {
  text-align: left;
  text-transform: uppercase;
  color: #2b2b2b;
}
article.product .product-description button.more-options {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 16px;
  outline: none;
}
article.product .product-description .item-grid {
  margin: 0 -15px;
}
article.product .product-description .item-grid .item-grid-contents {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
article.product .product-description .item-grid .item-grid-contents .item {
  width: 40%;
}
article.product .product-description .item-grid .item-grid-contents .item .item-contents .content-top .mixtape-controls > .controls-group > button {
  padding: 5px;
  font-size: 26px;
}
article.product .product-description #related-items .item-grid-contents {
  white-space: normal;
  overflow: visible;
}
article.product .product-description #related-items .item-grid-contents .item {
  width: 50%;
}
article.product section.category {
  border-bottom: none;
}
article.product section.category h2 {
  margin-bottom: 1em;
  font-size: 1.4em;
}
article.product .related-content {
  display: none;
}
article.product .related-content .related-content-inner {
  padding: 10px 15px;
}
article.product .related-content .related-content-inner > h3 {
  margin: 0 0 15px;
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  color: #272727;
}
article.product .related-content .related-content-inner .related-items .item-grid-contents {
  text-align: left;
}
article.product .related-content .related-content-inner .related-items .item-grid-contents .item {
  width: 40%;
}
article.product .related-content .related-content-inner .category-link {
  display: block;
  margin: 0 -15px;
  padding: 10px 15px;
  text-align: right;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-weight: 900;
  white-space: nowrap;
}
article.product .product-description .related-content {
  display: block;
  margin: 0 -15px;
}
article.product .zoom-image-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
article.product .zoom-image-popup .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
  height: 32px;
  width: 32px;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  font: normal 300 20px 'Montserrat', sans-serif;
  font-size: 1.3em;
  text-align: center;
  vertical-align: middle;
}
article.product .zoom-image-popup .close:hover {
  background: #ffffff;
}
article.product .zoom-image-popup .zoom-image-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: auto;
}
article.product .zoom-image-popup .zoom-image-container img {
  display: block;
}
article.product .zoom-image-popup.active {
  display: block;
}
article.product .member-short-bio {
  margin: 10px 0;
}
article.product .member-meta-data {
  margin: 0;
  padding: 10px 0;
  font-size: 12px;
  border-top: solid 1px #f4f4f4;
}
article.product h1 + .member-meta-data {
  border-top: none;
}
article.product .member-location {
  margin: 0;
}
article.product.mixtape {
  padding: 0;
  background-color: #ffffff;
}
article.product.mixtape .product-thumb-slider {
  padding: 0;
  margin: 0;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
article.product.mixtape .product-controls,
article.product.mixtape .product-share,
article.product.mixtape .mixtape-controls,
article.product.mixtape .product-description,
article.product.mixtape .related-content-inner {
  margin: 0;
  padding: 10px 15px;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
article.product.mixtape .product-controls h1 {
  margin: 0;
  padding-bottom: 20px;
  font-size: 18px;
  text-align: center;
}
article.product.mixtape .product-controls .tags {
  margin: 0;
  border-top: none;
  border-bottom: solid 1px #f4f4f4;
}
article.product.mixtape .product-share {
  display: none;
}
article.product.mixtape .product-description h3 {
  text-align: left;
}
article.product.mixtape .related-content .related-content-inner > h3 {
  text-align: left;
}
article.product.mixtape .related-content .related-items .item-grid-contents .item {
  width: 40%;
}
@media (min-width: 480px) {
  article.product ul.share-links li,
  article.product ul.social-links li {
    width: 9%;
  }
  article.product ul.share-links li.url,
  article.product ul.social-links li.url {
    width: 55%;
  }
}
@media (min-width: 768px) {
  article.product {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
  }
  article.product .product-container .left-options {
    position: absolute;
    top: -15px;
    left: -15px;
  }
  article.product .product-container .left-options .popup-history-back {
    position: relative;
    top: auto;
    left: auto;
    height: 32px;
    width: 32px;
    background: #fff;
    color: #000;
    border: 0;
    outline: 0;
    border-radius: 100px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-family: 'montserrat-light', 'Helvetica', 'Arial', sans-serif;
    font-size: 13px;
    text-indent: -1px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
  }
  article.product .product-container .left-options .popup-history-back.show {
    display: block;
  }
  article.product .left-col {
    float: left;
    width: 51.3%;
    padding-left: 15px;
    padding-right: 15px;
  }
  article.product .right-col {
    float: right;
    width: 48.7%;
    padding-right: 15px;
  }
  article.product .center-col {
    clear: both;
    padding: 0 15px;
  }
  article.product .product-thumb-slider,
  article.product .product-controls {
    min-height: 330px;
  }
  article.product .product-controls .price span.mobile-price {
    display: none;
  }
  article.product .product-controls .price span.desktop-price {
    display: inline-block;
  }
  article.product .product-thumb-slider .product-thumb .product-thumb-inner img,
  article.product .master-thumbnail-slider .product-thumb .product-thumb-inner img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100%;
  }
  article.product .product-thumb-slider .product-thumb .product-thumb-inner img.closeup,
  article.product .master-thumbnail-slider .product-thumb .product-thumb-inner img.closeup {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
  }
  article.product .product-thumb-slider .product-thumb .product-thumb-inner img.closeup.show,
  article.product .master-thumbnail-slider .product-thumb .product-thumb-inner img.closeup.show {
    opacity: 0;
  }
  article.product .product-thumb-slider .product-thumb:hover .product-thumb-inner img.closeup,
  article.product .master-thumbnail-slider .product-thumb:hover .product-thumb-inner img.closeup,
  article.product .product-thumb-slider .product-thumb:focus .product-thumb-inner img.closeup,
  article.product .master-thumbnail-slider .product-thumb:focus .product-thumb-inner img.closeup {
    opacity: 1;
  }
  article.product .product-thumb-control {
    display: none;
  }
  article.product .product-thumb-control-desktop {
    display: block;
    /* Ghost element to center align the modal's content */
  }
  article.product .product-thumb-control-desktop:before {
    content: '';
    display: inline-block;
    height: 80px;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
  }
  article.product .product-thumb-control-desktop li {
    position: relative;
    width: 22%;
    padding-bottom: 22%;
    vertical-align: middle;
  }
  article.product .product-thumb-control-desktop li > a {
    position: absolute;
    margin: 0;
    padding: 2px;
    width: 100%;
    height: 100%;
  }
  article.product .product-thumb-control-desktop li > a > img {
    margin: 0 auto;
    width: auto;
    height: 100%;
  }
  article.product .product-thumb-control-desktop,
  article.product .product-share,
  article.product .mixtape-controls {
    height: 95px;
  }
  article.product .product-controls .product-variants {
    color: #444444;
  }
  article.product .product-description .item-grid .item-grid-contents .item {
    width: 33.33333333%;
  }
  article.product .product-description #related-items .item-grid-contents .item {
    width: 33.33333333%;
  }
  article.product .related-content {
    padding: 0 15px;
  }
  article.product .related-content .related-content-inner .related-items .item-grid-contents .item {
    width: 25%;
  }
  article.product .new-thumbnail-structure .control-thumbnail-slider {
    padding: 26px 10px 15px;
    min-height: 110px;
  }
  article.product.mixtape .product-description .item-grid .item-grid-contents .item {
    width: 28.5%;
  }
  article.product.mixtape .product-description #related-items .item-grid-contents .item {
    width: 33.33333333%;
  }
  article.product.mixtape .related-content .related-items .item-grid-contents .item {
    width: 28.5%;
  }
  article.product.video {
    padding: 0 10px;
  }
}
@media (min-width: 1025px) {
  article.product {
    width: 950px;
    max-width: none;
  }
  article.product .product-thumb-slider,
  article.product .product-controls {
    min-height: 311px;
  }
  article.product .product-thumb-slider .load-in-preview-overlay {
    display: none;
  }
  article.product .product-thumb-slider .play-btn .icon {
    opacity: 0;
  }
  article.product .product-thumb-slider:hover .play-btn .icon {
    opacity: 1;
  }
  article.product .msg-added-to-cart {
    display: flex;
    align-items: center;
    margin: 15px;
    padding: 10px;
    background-color: #272727;
    color: #ffffff;
    border-radius: 10px;
  }
  article.product .msg-added-to-cart:before,
  article.product .msg-added-to-cart:after {
    display: table;
  }
  article.product .msg-added-to-cart:after {
    content: '';
    clear: both;
  }
  article.product .msg-added-to-cart h3 {
    flex: 1;
    margin: 0;
    font-size: 18px;
    color: #ffffff;
  }
  article.product .msg-added-to-cart h3 span.icon-done {
    font-size: 2em;
    color: #2ECC71;
    vertical-align: middle;
  }
  article.product .msg-added-to-cart .btn {
    margin: 0 1em;
    background-color: #ce0000;
    color: #ffffff;
  }
  article.product .msg-added-to-cart .close-message {
    font-size: 2em;
    color: #ffffff;
  }
  article.product .mixtape-content {
    float: left;
    width: 70%;
  }
  article.product .product-description > h3 {
    text-align: center;
  }
  article.product .product-description > h3.track-list-heading {
    text-align: left;
  }
  article.product .product-description ul.tracks {
    margin: 0;
  }
  article.product .product-description .item-grid {
    margin: 0 -15px;
  }
  article.product .product-description .item-grid .item-grid-contents {
    width: auto;
    white-space: normal;
    overflow: visible;
  }
  article.product .product-description .item-grid .item-grid-contents .item {
    width: 33.33333333%;
  }
  article.product .product-description .related-content {
    display: none;
  }
  article.product .product-controls .price {
    text-align: left;
  }
  article.product .product-controls .tags {
    text-align: left;
  }
  article.product .product-controls .tags > li > a {
    padding: 3px;
    font-size: 12px;
  }
  article.product .product-controls .btn-dropdown-menu {
    width: auto;
  }
  article.product .related-content {
    display: block;
    float: left;
    width: 30%;
    padding: 0 15px 0 0;
  }
  article.product .related-content .related-content-inner {
    margin: 15px 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  article.product .related-content .related-content-inner > h3 {
    text-align: center;
  }
  article.product .related-content .related-content-inner .related-items {
    margin: 0 -15px;
    white-space: normal;
    overflow: visible;
  }
  article.product .related-content .related-content-inner .related-items .item-grid-contents .item {
    width: 50%;
  }
  article.product.show-added-to-cart .product-container {
    /*.msg-added-to-cart {
            display: block;
          }*/
  }
  article.product.show-added-to-cart .product-container .mixtape-content {
    /*.left-col,
          .right-col,*/
  }
  article.product.show-added-to-cart .product-container .mixtape-content .center-col .description-heading,
  article.product.show-added-to-cart .product-container .mixtape-content .center-col .description-container,
  article.product.show-added-to-cart .product-container .mixtape-content .center-col .track-list-heading,
  article.product.show-added-to-cart .product-container .mixtape-content .center-col .tracks {
    display: none;
  }
  article.product .new-thumbnail-structure .control-thumbnail-slider {
    padding: 30px 10px 16px;
  }
  article.product.without-related {
    width: 700px;
  }
  article.product.without-related .mixtape-content {
    width: 100%;
  }
  article.product.without-related .related-content {
    display: none;
  }
  article.product.mixtape {
    padding: 0;
    background-color: transparent;
  }
  article.product.mixtape #ad-banner-halloween {
    margin: 0 15px 0;
    padding-top: 15px;
  }
  article.product.mixtape .product-thumb-slider {
    margin: 15px 0;
    padding: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  article.product.mixtape .product-controls,
  article.product.mixtape .product-share,
  article.product.mixtape .mixtape-controls,
  article.product.mixtape .product-description,
  article.product.mixtape .related-content-inner {
    margin: 15px 0;
    padding: 10px 15px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  article.product.mixtape .product-controls h1 {
    font-size: 1.6em;
    margin: 0 0 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  article.product.mixtape .product-controls .tags {
    margin: 0;
    border-bottom: solid 1px #f4f4f4;
  }
  article.product.mixtape .product-share {
    display: block;
  }
  article.product.mixtape .product-description .item-grid {
    margin: 0 -15px;
  }
  article.product.mixtape .product-description .item-grid .item-grid-contents {
    width: auto;
    white-space: normal;
    overflow: visible;
  }
  article.product.mixtape .product-description .item-grid .item-grid-contents .item {
    width: 33.33333333%;
  }
  article.product.mixtape .product-description .item-grid .item-grid-contents .item h3 {
    text-align: center;
  }
  article.product.mixtape .related-content .related-content-inner > h3 {
    text-align: center;
  }
  article.product.mixtape .related-content .related-items {
    margin: 0 -15px;
    white-space: normal;
    overflow: visible;
  }
  article.product.mixtape .related-content .related-items .item-grid-contents .item {
    width: 50%;
  }
  article.product.video {
    width: 950px;
  }
}
@media (min-width: 1480px) {
  article.product {
    width: 1100px;
  }
  article.product .product-thumb-slider,
  article.product .product-controls {
    min-height: 370px;
  }
  article.product .new-thumbnail-structure .control-thumbnail-slider {
    padding: 17px 10px 16px;
    min-height: 115px;
  }
  article.product.without-related {
    width: 770px;
  }
  article.product.without-related .mixtape-content {
    width: 100%;
  }
  article.product.without-related .related-content {
    display: none;
  }
  article.product .product-description .item-grid .item-grid-contents .item .item-contents .content-top .mixtape-controls > .controls-group > button {
    padding: 10px;
    font-size: 30px;
  }
  article.product.video {
    width: 1310px;
  }
}
article.product .more-items {
  display: none;
}
@media (min-width: 1025px) {
  article.product.with-more-items {
    max-width: 990px;
  }
  article.product.with-more-items .product-container {
    max-width: 758px;
  }
  article.product.with-more-items .product-container section.product-description {
    /*min-height: 340px;*/
  }
  article.product.with-more-items .more-items {
    display: block;
    position: absolute;
    top: 0;
    right: 13px;
    z-index: 2;
  }
  article.product.with-more-items .more-items > .more-items-box {
    margin: 15px 0;
    width: 220px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  article.product.with-more-items .more-items > .more-items-box h3 {
    padding: 10px 0;
    color: #272727;
    text-align: center;
  }
  article.product.with-more-items .more-items > .more-items-box ul {
    margin: 0;
    padding: 0 5px;
    list-style: none;
  }
  article.product.with-more-items .more-items > .more-items-box ul:before,
  article.product.with-more-items .more-items > .more-items-box ul:after {
    display: table;
  }
  article.product.with-more-items .more-items > .more-items-box ul:after {
    content: '';
    clear: both;
  }
  article.product.with-more-items .more-items > .more-items-box ul > li {
    float: left;
    width: 50%;
    padding: 5px;
  }
  article.product.with-more-items .more-items > .more-items-box ul > li > a {
    display: block;
    width: 100%;
    height: 95px;
    padding: 5px;
    border: solid 1px #e7e7e7;
  }
  article.product.with-more-items .more-items > .more-items-box ul > li > a > img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100%;
  }
  article.product.with-more-items .more-items > .more-items-box ul > li > a:hover {
    border-color: #cecece;
  }
  article.product.with-more-items .more-items > .more-items-box a.category-link {
    display: block;
    padding: 10px 5px;
    text-align: center;
  }
}
.product-added-message {
  display: none;
  background-color: #2ECC71;
  margin: 15px auto;
  padding: 10px;
  padding-right: 30px;
  position: relative;
  text-align: center;
}
.product-added-message:before,
.product-added-message:after {
  display: table;
}
.product-added-message:after {
  content: '';
  clear: both;
}
.product-added-message h3 {
  margin: 0;
  padding: 0 10px;
  line-height: 50px;
  color: #fff;
}
.product-added-message h3 span.icon-done {
  font-size: 36px;
  color: #fff;
  vertical-align: -5px;
}
.product-added-message a.btn {
  background-color: #fff;
  color: #272727;
}
.product-added-message .secure-badge {
  padding-top: 10px;
}
.product-added-message a.close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2em;
  background-color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 100px;
  color: #aaa;
  margin: 25px 15px;
}
.product-added-message a.close:hover,
.product-added-message a.close:focus {
  background-color: #666;
}
@media (min-width: 768px) {
  .product-added-message {
    width: 100%;
    max-width: 758px;
    text-align: left;
    /*&.wide {
      max-width: 958px;
    }*/
  }
  .product-added-message h3 {
    float: left;
    width: 64%;
  }
  .product-added-message a.btn {
    float: left;
  }
  .product-added-message .secure-badge {
    float: left;
    padding-left: 15px;
  }
}
/* Related Products grid for Product popup */
.related-products-container {
  background-color: #f4f4f4;
}
.related-products-container .related-products-grid {
  margin: 0 auto;
}
.related-products-container .related-products-grid h3 {
  text-align: center;
}
.related-products-container .related-products-grid .related-products-grid-inner:before,
.related-products-container .related-products-grid .related-products-grid-inner:after {
  display: table;
}
.related-products-container .related-products-grid .related-products-grid-inner:after {
  content: '';
  clear: both;
}
.related-products-container .related-products-grid .related-products-grid-inner .product-box {
  width: 50%;
}
.related-products-container .related-products-grid .related-products-grid-inner .product-box > a {
  height: auto;
}
.related-products-container .related-products-grid .related-products-grid-inner .product-box > a .product-thumbnails {
  height: auto;
}
@media (min-width: 768px) {
  .related-products-container {
    background-color: #f4f4f4;
    width: 100%;
    max-width: 758px;
    margin: 0 auto;
  }
  .related-products-container .related-products-grid {
    padding-bottom: 15px;
  }
  .related-products-container .related-products-grid h3 {
    margin: 0;
    padding: 30px 15px;
    font-size: 1.7em;
    text-align: center;
  }
  .related-products-container .related-products-grid .related-products-grid-inner {
    margin: 0 auto;
    width: 690px;
  }
  .related-products-container .related-products-grid .related-products-grid-inner .product-box {
    width: 230px;
  }
  .related-products-container .related-products-grid .related-products-grid-inner .product-box > a {
    height: 335px;
  }
  .related-products-container .related-products-grid .related-products-grid-inner .product-box > a .product-thumbnails {
    height: 220px;
  }
  .related-products-container .related-products-grid .related-products-grid-inner .product-box > a .product-thumbnails .product-thumbnail {
    height: 210px;
  }
  .related-products-container .related-products-grid .related-products-grid-inner .product-box > a .product-thumbnails .product-thumbnail img {
    height: 210px;
  }
}
@media (min-width: 1025px) {
  .related-products-container.wide {
    max-width: 990px;
  }
  .related-products-container.wide .related-products-grid.four-columns .related-products-grid-inner {
    width: 920px;
  }
  .related-products-container.wide .related-products-grid.three-columns {
    max-width: 748px;
    margin: 0;
  }
  .related-products-container.wide .related-products-grid.three-columns.expand {
    max-width: none;
    margin: 0 auto;
  }
  .related-products-container.wide .related-products-grid.three-columns.expand .related-products-grid-inner {
    width: 920px;
  }
}
/*
.large-thumb-slider {
  min-height: 600px;
  
  .thumb-slider {
    .slide {
      background-color: @active;
      
      img {
        display: block;
        margin: 0 auto;
        width: auto;
        height: 100%;
        .transition();
      }
      
      &.slick-slide {
        img {
          opacity: 0.5;
        }
      }
      
      &.slick-active, &.slick-center {
        img {
          opacity: 1;
        }
      }
    }
  }
}
*/
.large-thumb-slider .thumb-slider {
  position: relative;
}
.large-thumb-slider .thumb-slider img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  background-color: #ffffff;
}
.large-thumb-slider .thumb-slider img.slick-slide {
  opacity: 0.5;
  cursor: pointer;
}
.large-thumb-slider .thumb-slider img.slick-active,
.large-thumb-slider .thumb-slider img.slick-center {
  opacity: 1;
  cursor: default;
}
.large-thumb-slider .thumb-slider .slider-prev,
.large-thumb-slider .thumb-slider .slider-next {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: block;
  margin: 0;
  margin-top: -25px;
  padding: 0;
  width: 30px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  color: #444444;
  border: none;
  outline: none;
  font-size: 1.2em;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.large-thumb-slider .thumb-slider .slider-prev:hover,
.large-thumb-slider .thumb-slider .slider-next:hover {
  color: #ce0000;
}
.large-thumb-slider .thumb-slider .slider-prev {
  left: -45px;
  border-radius: 5px 0 0 5px;
}
.large-thumb-slider .thumb-slider .slider-next {
  right: -45px;
  border-radius: 0 5px 5px 0;
}
@media (min-width: 768px) {
  .large-thumb-slider .thumb-slider img {
    width: auto;
    height: 100%;
    min-height: 550px;
  }
}
/* Email Popup */
#share_email_popup .email-share-box h4 {
  margin: 0;
  padding-bottom: 20px;
  color: #272727;
  border: none;
  font-size: 1.3em;
}
#share_email_popup .email-share-box .control-group {
  position: relative;
  margin: 10px 0;
}
#share_email_popup .email-share-box .control-group > label {
  display: block;
  padding: 10px 0;
}
#share_email_popup .email-share-box .control-group > input,
#share_email_popup .email-share-box .control-group > textarea {
  display: block;
  width: 100%;
  padding: 4px 6px;
  border: solid 1px #aaa;
  resize: vertical;
}
#share_email_popup .email-share-box .control-group .error {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 5px 10px;
  margin: 5px 0;
  background-color: #db7706;
  border-radius: 5px;
  font-family: 'montserrat-bold', 'Helvetica', 'Arial', sans-serif;
  color: #fff;
}
#share_email_popup .email-share-box .control-group .error:after {
  content: '';
  position: absolute;
  top: -16px;
  left: 10px;
  border: solid 10px transparent;
  border-bottom: solid 8px #db7706;
}
#share_email_popup .email-share-box .success {
  padding: 30px 10px;
  color: #2ECC71;
}
/* Sticky Banner */
.sticky-banner {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 10;
  width: 180px;
  height: 180px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
}
.sticky-banner .close {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 2;
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #000;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  font-family: 'montserrat-light', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.3em;
  text-align: center;
  vertical-align: middle;
}
.sticky-banner .close:hover {
  background: #ffffff;
}
.sticky-banner a {
  display: block;
}
.sticky-banner a img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sticky-banner-popup {
  margin: -15px;
}
.sticky-banner-popup img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .sticky-banner {
    bottom: 30px;
    right: 30px;
    z-index: 10;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .sticky-banner .close {
    display: none;
    height: 24px;
    width: 24px;
  }
  .sticky-banner .close:hover {
    background: #ffffff;
  }
  .sticky-banner a {
    display: block;
  }
  .sticky-banner a img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .sticky-banner:hover {
    width: 220px;
    height: 220px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*.close {
        display: block;
      }*/
  }
}
.team-members {
  margin: 10px 0;
  border-bottom: solid 1px #eee;
  padding-bottom: 10px;
}
.team-members h3 {
  float: left;
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  color: #444444;
  width: 120px;
}
.team-members ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.team-members ul li {
  display: inline-block;
}
.team-members ul li a {
  display: inline-block;
  padding: 2px 5px;
  font-size: 12px;
}
.team-members ul li:after {
  display: inline-block;
  content: ',';
}
.team-members ul li:last-child:after {
  content: '';
}
.team-members:before,
.team-members:after {
  display: table;
}
.team-members:after {
  content: '';
  clear: both;
}
article.product.new-layout .product-container .product-details {
  margin: 0;
  padding: 10px 15px;
  background: #ffffff;
}
article.product.new-layout .product-container .product-details .badge.badge-multi-disc {
  background-color: #0A1CCF;
  display: inline-block;
  padding: 4px 7px;
  border-radius: 4px;
  color: #fff;
  font-size: 0.8em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
article.product.new-layout .product-container .product-details .product-thumb-slider,
article.product.new-layout .product-container .product-details .new-thumbnail-structure {
  margin: -15px -15px 10px;
  min-height: 0;
  background: none;
  box-shadow: none;
}
article.product.new-layout .product-container .product-details .details h1 {
  margin: 0;
  padding: 5px 10px;
  font-size: 20px;
  text-align: center;
}
article.product.new-layout .product-container .product-details .details .tags {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  text-align: center;
}
article.product.new-layout .product-container .product-details .details .tags > li {
  display: inline-block;
}
article.product.new-layout .product-container .product-details .details .tags > li > a {
  display: block;
  padding: 5px 10px;
  font-weight: 600;
}
article.product.new-layout .product-container .product-details .details .product-member-controls {
  margin: 0;
  padding: 5px 0;
  min-height: 0;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top: solid 1px #f1f1f1;
  text-align: center;
}
article.product.new-layout .product-container .product-details .details .product-member-controls button {
  display: inline-block;
  padding: 5px;
  margin: 0;
  border: none;
  border-radius: 4px;
  outline: none;
  background: none;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
article.product.new-layout .product-container .product-details .details .product-member-controls button > .btn-icon {
  font-size: 20px;
  vertical-align: middle;
}
article.product.new-layout .product-container .product-details .details .product-member-controls button:hover,
article.product.new-layout .product-container .product-details .details .product-member-controls button:focus {
  color: #272727;
}
article.product.new-layout .product-container .product-details .details .product-member-controls button:focus {
  background-color: #f4f4f4;
}
article.product.new-layout .product-container .product-details .details .product-member-controls button:focus-visible {
  outline: solid 2px #272727;
  outline-offset: 3px;
}
article.product.new-layout .product-container .product-details .details .product-member-controls button.active {
  color: #ce0000;
}
article.product.new-layout .product-container .product-details .details .product-prices {
  margin: 0;
  padding: 10px 8px;
  border-top: solid 1px #f1f1f1;
  text-align: center;
}
article.product.new-layout .product-container .product-details .details .cart-controls {
  position: relative;
  margin-bottom: 20px;
  padding: 10px 0;
  border-top: solid 1px #f1f1f1;
}
article.product.new-layout .product-container .product-details .details .cart-controls h3 {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 28px;
  color: #444444;
}
article.product.new-layout .product-container .product-details .details .cart-controls p {
  margin: 20px 8px;
  text-align: center;
}
article.product.new-layout .product-container .product-details .details .cart-controls .message {
  display: none;
  padding: 4px 8px;
  background-color: #444444;
  color: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  line-height: normal;
  font-weight: 600;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  vertical-align: middle;
}
article.product.new-layout .product-container .product-details .details .cart-controls .message.error {
  background-color: #DB7706;
}
article.product.new-layout .product-container .product-details .details .cart-controls .message.show {
  display: inline-block;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
  font-size: 0;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li {
  display: inline-block;
  width: 20%;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  outline: none;
  border: solid 2px #f4f4f4;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a > img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a:hover,
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a:focus {
  border-color: #dbdbdb;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a:focus-visible {
  outline: solid 2px #272727;
  outline-offset: 3px;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a.active {
  border-color: #ce0000;
  color: #ce0000;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a.disabled {
  border-color: #f4f4f4;
  background-color: #e7e7e7;
  color: #777777;
  cursor: not-allowed;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a.disabled > img {
  opacity: 0.1;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .tbyb-text {
  display: block;
  margin: 0 10px 40px;
  white-space: nowrap;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container > .btn {
  display: block;
  width: 100%;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container > .btn-dropdown > .label {
  padding: 10px 15px;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .out-of-stock {
  padding: 12px;
  border: solid 1px #eee;
  border-radius: 3px;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .out-of-stock > h5 {
  margin: 0 0 5px;
  font-size: 14px;
  text-transform: uppercase;
  color: inherit;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .out-of-stock > h5 > .icon-warning {
  margin-right: 5px;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .out-of-stock > p {
  margin: 0;
  font-size: 12px;
}
article.product.new-layout .product-container .product-details .details .cart-controls > .subscription-feature {
  display: block;
  width: 100%;
  margin: 0 0 15px;
  padding: 12px 15px;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 14px;
  background: #f4f4f4;
  color: #ce0000;
  text-align: center;
}
article.product.new-layout .product-container .product-details .details .cart-controls .vc-insufficient-balance {
  margin: 15px 0;
  display: block;
  padding: 10px;
  font-size: 12px;
  border: solid 1px #ffa707;
  background-color: #fff8eb;
  border-radius: 3px;
}
article.product.new-layout .product-container .product-details .details .cart-controls .vc-insufficient-balance > .icon-warning {
  margin-right: 5px;
  color: #DB7706;
}
article.product.new-layout .product-container .product-details .details .cart-controls .popup-temp-oos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
article.product.new-layout .product-container .product-details .details .cart-controls .popup-temp-oos .popup-inner {
  display: block;
  margin: 0;
  padding: 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
article.product.new-layout .product-container .product-details .details .cart-controls .popup-temp-oos .popup-inner .popup-title {
  position: relative;
  padding-right: 40px;
  font-size: 18px;
  color: #E64A19;
  margin: 0 0 20px;
}
article.product.new-layout .product-container .product-details .details .cart-controls .popup-temp-oos .popup-inner .popup-title .icon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 32px;
}
article.product.new-layout .product-container .product-details .details .cart-controls .popup-temp-oos .popup-inner .popup-message > p {
  margin: 0 0 10px;
  font-size: 14px;
}
article.product.new-layout .product-container .product-details .details .cart-controls .popup-temp-oos .popup-inner .popup-message > p > strong {
  color: #000;
}
article.product.new-layout .product-container .product-details .details .cart-controls .popup-temp-oos.hide {
  display: none;
}
article.product.new-layout .product-container .product-details .details .cart-controls .warning-subscription-past-due {
  margin: 15px 0;
  padding: 15px;
  border: solid 1px #ffa707;
  border-radius: 3px;
  background-color: #fff8eb;
  text-align: center;
}
article.product.new-layout .product-container .product-details .details .cart-controls .warning-subscription-past-due h5 {
  margin: 0 0 5px;
  font-size: 16px;
}
article.product.new-layout .product-container .product-details .details .cart-controls .warning-subscription-past-due p {
  margin: 0;
  font-size: 13px;
  text-align: center;
}
article.product.new-layout .product-container .product-details .details .prices {
  margin: 0;
}
article.product.new-layout .product-container .product-details .details .prices > .price {
  text-decoration: line-through;
  color: #5e5e5e;
}
article.product.new-layout .product-container .product-details .details .prices > .price:last-child {
  color: #444444;
  text-decoration: none;
}
article.product.new-layout .product-container .product-details .details .prices > .price.highlight-price,
article.product.new-layout .product-container .product-details .details .prices > .price:last-child > strong {
  color: #ce0000;
  font-weight: 600;
}
article.product.new-layout .product-container .product-details .tab-links {
  display: block;
  margin: 5px 0;
  padding: 0;
  list-style: none;
  border-bottom: solid 1px #f4f4f4;
}
article.product.new-layout .product-container .product-details .tab-links > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
article.product.new-layout .product-container .product-details .tab-links > li > a {
  position: relative;
  display: block;
  padding: 4px 12px;
  border-radius: 3px 3px 0 0;
  background-color: #f4f4f4;
  color: #444444;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
article.product.new-layout .product-container .product-details .tab-links > li > a .tool-tip {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  display: none;
  padding: 4px 10px;
  font-size: 10px;
  vertical-align: middle;
  background-color: #ce0000;
  color: #ffffff;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
article.product.new-layout .product-container .product-details .tab-links > li > a .tool-tip:after {
  content: '';
  position: absolute;
  top: -11px;
  left: 4px;
  border: solid 6px transparent;
  border-bottom-color: #ce0000;
}
article.product.new-layout .product-container .product-details .tab-links > li > a:hover {
  color: #ce0000;
}
article.product.new-layout .product-container .product-details .tab-links > li > a:hover .tool-tip {
  display: inline-block;
}
article.product.new-layout .product-container .product-details .tab-links > li.active > a {
  color: #ce0000;
  background-color: #ffffff;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
}
article.product.new-layout .product-container .product-details .cross-selling {
  margin: 15px 0 0;
  padding: 15px 0;
}
article.product.new-layout .product-container .product-details .cross-selling h3 {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 28px;
  color: #666666;
  text-align: center;
}
article.product.new-layout .product-container .product-details .cross-selling .items {
  position: relative;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;
}
article.product.new-layout .product-container .product-details .cross-selling .items .item {
  width: 30%;
}
article.product.new-layout .product-container .product-details .cross-selling .items .item a {
  display: block;
  padding: 5px;
  margin: 5px 3px;
  text-align: center;
  color: #444444;
}
article.product.new-layout .product-container .product-details .cross-selling .items .item a img {
  display: block;
  width: 100%;
  height: auto;
}
article.product.new-layout .product-container .product-details .cross-selling .items .item a .title {
  display: block;
  color: #272727;
  font-weight: bold;
  font-size: 12px;
}
article.product.new-layout .product-container .product-details .cross-selling .items .slider-next,
article.product.new-layout .product-container .product-details .cross-selling .items .slider-prev {
  position: absolute;
  z-index: 1;
  top: 0;
  display: block;
  height: 100%;
  padding: 35px 3px;
  border: none;
  background: rgba(255, 255, 255, 0.7);
  color: #272727;
}
article.product.new-layout .product-container .product-details .cross-selling .items .slider-next {
  right: 0;
}
article.product.new-layout .product-container .product-details .cross-selling .items .slider-prev {
  left: 0;
}
article.product.new-layout .product-container .product-details .video-player-container {
  position: relative;
  padding-top: 56.25%;
  background-color: #000;
  margin: 0 0 10px;
}
article.product.new-layout .product-container .product-details .video-player-container .video-player {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
}
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-big-play-button {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.86);
  top: 50%;
  left: 50%;
  margin: -36px 0 0 -36px;
  border-radius: 72px;
  height: 72px;
  width: 72px;
  line-height: 70px;
}
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-volume-level,
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-play-progress {
  background: #ce0000;
}
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-play-progress:before,
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-volume-level:before {
  display: none;
  color: #ce0000;
}
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.4);
}
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-control-bar:hover .vjs-play-progress:before,
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-control-bar:hover .vjs-volume-level:before {
  display: block;
}
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-slider,
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-progress-holder .vjs-load-progress {
  background-color: #272727;
}
article.product.new-layout .product-container .product-details .video-player-container .video-player .vjs-load-progress div {
  background-color: #414141;
}
article.product.new-layout.video .product-container .product-details {
  padding: 0;
}
article.product.new-layout.video .product-container .product-details .details > .detail .product-member-controls {
  border: none;
}
article.product.new-layout.video .product-container .product-details .details > .description {
  border-top: solid 1px #eee;
}
article.product.new-layout.video .product-container .product-details .details > .description > .description-heading {
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0;
  font-size: 12px;
  color: #aaaaaa;
}
article.product.new-layout.video .product-container .product-details .details > .description > .description-body {
  padding-bottom: 15px;
}
article.product.new-layout.video .product-container .product-details .details > .detail,
article.product.new-layout.video .product-container .product-details .details > .description {
  padding: 0 15px;
}
article.product.new-layout.video .product-container .related-items > h3 {
  margin: 30px 15px 10px;
  font-size: 16px;
  color: #444444;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  article.product.new-layout .product-container .product-details {
    margin: 0 15px 0;
    padding: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  article.product.new-layout .product-container .product-details:before,
  article.product.new-layout .product-container .product-details:after {
    display: table;
  }
  article.product.new-layout .product-container .product-details:after {
    content: '';
    clear: both;
  }
  article.product.new-layout .product-container .product-details .product-thumb-slider,
  article.product.new-layout .product-container .product-details .new-thumbnail-structure {
    float: left;
    width: 53.44%;
    margin: 0;
    padding: 0;
  }
  article.product.new-layout .product-container .product-details .product-thumb-slider .slider-container,
  article.product.new-layout .product-container .product-details .new-thumbnail-structure .slider-container {
    border-right: solid 1px #f4f4f4;
  }
  article.product.new-layout .product-container .product-details .details {
    float: left;
    padding: 0 5px 0 10px;
    width: 46.56%;
  }
  article.product.new-layout .product-container .product-details .details h1 {
    text-align: left;
  }
  article.product.new-layout .product-container .product-details .details .tags {
    text-align: left;
  }
  article.product.new-layout .product-container .product-details .details .product-member-controls {
    text-align: left;
  }
  article.product.new-layout .product-container .product-details .details .product-member-controls button {
    padding: 5px 6px;
  }
  article.product.new-layout .product-container .product-details .details .product-prices {
    text-align: left;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls p {
    display: inline-block;
    margin: 10px 3px;
    text-align: left;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .prices {
    display: inline-block;
    margin: 0 10px;
    text-align: left;
    vertical-align: middle;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .prices > .price {
    display: block;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container {
    display: inline-block;
    vertical-align: middle;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container > .btn {
    display: inline-block;
    width: auto;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container > .btn-dropdown > .label {
    margin: 0;
    padding: 12px 15px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container > .btn-dropdown > .btn-dropdown-menu {
    width: 270px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .subscription-feature {
    display: inline-block;
    width: auto;
    margin: 0;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .subscription-feature + .btn-container > .btn-dropdown > .label {
    margin: 0;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls .popup-temp-oos .popup-inner {
    width: 380px;
    bottom: 15px;
    left: 15px;
  }
  article.product.new-layout .product-container .product-details .cross-selling .items .item {
    width: 22%;
  }
  article.product.new-layout.mixtape .product-container .product-details {
    margin-top: 15px;
  }
  article.product.new-layout.video .product-container .product-details {
    margin: 10px 0 0;
  }
  article.product.new-layout.video .product-container .product-details .video-player-container {
    margin: 0;
  }
  article.product.new-layout.video .product-container .product-details .details {
    width: 100%;
    padding: 10px 0 0;
  }
  article.product.new-layout.video .product-container .product-details .details > .detail {
    display: flex;
    justify-content: space-between;
  }
  article.product.new-layout.video .product-container .product-details .details > .detail > h1 {
    line-height: 30px;
    min-height: 60px;
  }
  article.product.new-layout.video .product-container .product-details .details > .detail .product-member-controls {
    flex-shrink: 0;
  }
  article.product.new-layout.video .product-container .related-items > h3 {
    margin: 30px 5px 10px;
  }
  article.product.new-layout.video .product-container .related-items .item-grid {
    margin: 0 -10px;
  }
  article.product.new-layout.merch {
    padding-top: 15px;
  }
  article.product.new-layout.merch .product-container .product-details .product-thumb-slider,
  article.product.new-layout.merch .product-container .product-details .new-thumbnail-structure {
    width: 46.5%;
  }
  article.product.new-layout.merch .product-container .product-details .details {
    width: 53.5%;
  }
}
@media (min-width: 1200px) {
  article.product.new-layout .product-container .product-details .details .cart-controls > .options > li {
    width: auto;
    min-width: 10%;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a {
    padding: 7px 10px;
    font-size: 12px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .options > li > a > img {
    width: 32px;
    height: 32px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .tbyb-text {
    margin: -15px 0 40px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .prices {
    margin: 0 5px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container > .btn-dropdown > .label:after {
    font-size: 12px;
  }
}
@media (min-width: 1480px) {
  article.product.new-layout .product-container .product-details .product-thumb-slider,
  article.product.new-layout .product-container .product-details .new-thumbnail-structure {
    width: 45.755%;
  }
  article.product.new-layout .product-container .product-details .details {
    width: 54.245%;
  }
  article.product.new-layout .product-container .product-details .details .product-member-controls button {
    padding: 5px 20px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .prices {
    margin: 0 10px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container > .btn-dropdown > .label {
    font-size: 14px;
  }
  article.product.new-layout .product-container .product-details .details .cart-controls > .btn-container > .btn-dropdown > .label:after {
    font-size: 14px;
  }
  article.product.new-layout.merch .product-container .product-details .product-thumb-slider,
  article.product.new-layout.merch .product-container .product-details .new-thumbnail-structure {
    width: 40%;
  }
  article.product.new-layout.merch .product-container .product-details .details {
    width: 60%;
  }
}
/* Blog Grid */
section.articles .blog-article-grid .blog-article-grid-inner {
  margin: 0 auto;
  padding: 0 5px;
  width: 100%;
}
section.articles .blog-article-grid .blog-article-grid-inner:before,
section.articles .blog-article-grid .blog-article-grid-inner:after {
  display: table;
}
section.articles .blog-article-grid .blog-article-grid-inner:after {
  content: '';
  clear: both;
}
section.articles .blog-article-grid .blog-article-grid-inner .img-loader {
  float: left;
  padding: 75px 55px;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  section.articles .blog-article-grid .blog-article-grid-inner .img-loader {
    width: auto;
  }
}
@media (min-width: 1025px) {
  section.articles .blog-article-grid {
    padding-top: 10px;
  }
  section.articles .blog-article-grid .blog-article-grid-inner {
    max-width: 1160px;
  }
}
@media (min-width: 1480px) {
  section.articles .blog-article-grid .blog-article-grid-inner {
    max-width: 1410px;
  }
}
.blog-article {
  float: left;
  width: 100%;
}
.blog-article a {
  display: block;
  margin: 5px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.blog-article a .article-thumb {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  padding-bottom: 56.8%;
  height: auto;
  border: none;
  background: #272727 center center no-repeat;
  background-size: 100%;
  /*opacity: 0.8;*/
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.blog-article a .description h2,
.blog-article a .description h3 {
  margin: 0 5px;
  padding: 10px 10px;
  height: 70px;
  font-size: 16px;
  text-transform: uppercase;
  color: #272727;
  border-bottom: solid 1px #f4f4f4;
}
.blog-article a .description p {
  margin: 0;
  padding: 10px 15px;
  color: #444444;
}
.blog-article a .description p.published {
  font-size: 10px;
  padding: 4px 15px;
}
.blog-article a:hover,
.blog-article a:focus {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.blog-article a:hover .article-thumb,
.blog-article a:focus .article-thumb {
  /*opacity: 1;*/
  background-size: 110%;
}
@media (min-width: 480px) {
  .blog-article {
    width: 50%;
  }
  .blog-article a .description {
    min-height: 200px;
  }
  .blog-article:nth-child( 2n + 1 ) {
    clear: both;
  }
}
@media (min-width: 768px) {
  .blog-article {
    width: 33.33333333%;
  }
  .blog-article a .description {
    min-height: 220px;
  }
  .blog-article a .description h2,
  .blog-article a .description h3 {
    font-size: 18px;
  }
  .blog-article:nth-child( 2n + 1 ) {
    clear: none;
  }
  .blog-article:nth-child( 3n + 1 ) {
    clear: both;
  }
}
@media (min-width: 1160px) {
  .blog-article {
    width: 25%;
  }
  .blog-article:nth-child( 2n + 1 ) {
    clear: none;
  }
  .blog-article:nth-child( 3n + 1 ) {
    clear: none;
  }
  .blog-article:nth-child( 4n + 1 ) {
    clear: both;
  }
}
/*@media (min-width: 1410px) {
  .blog-article {
    width: 20%;
    a {
      .description {
        min-height: 200px;
      }
    }
    
    &:nth-child( 2n + 1 ) {
      clear: none;
    }
    
    &:nth-child( 3n + 1 ) {
      clear: none;
    }
    
    
    &:nth-child( 4n + 1 ) {
      clear: none;
    }
    
    &:nth-child( 5n + 1 ) {
      clear: both;
    }
  }
}*/
.full-articles {
  padding: 20px 0;
}
.full-articles:before,
.full-articles:after {
  display: table;
}
.full-articles:after {
  content: '';
  clear: both;
}
.full-articles h2 {
  margin: 0;
  padding: 0 10px;
  padding-bottom: 10px;
  font-size: 1.5em;
  text-transform: uppercase;
  text-align: center;
}
.full-articles .sub-label {
  margin: 0;
  margin-bottom: 25px;
  padding: 0 10px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.2em;
  color: #444444;
  text-align: center;
}
.full-articles .img-loader {
  text-align: center;
}
.full-articles > article.blog-post {
  margin-bottom: 30px;
}
.full-articles > article.blog-post:after {
  content: '';
  border-top: solid 1px #D6D6D6;
  width: 80%;
  margin: 0 auto;
  margin-top: 30px;
}
.full-articles > article.blog-post > .close {
  display: none;
}
@media (min-width: 768px) {
  .full-articles {
    padding-top: 40px;
  }
  .full-articles h2 {
    font-size: 2.3em;
    text-align: center;
  }
  .full-articles .sub-label {
    padding: 0 30px;
    text-align: center;
  }
  .full-articles > article.blog-post {
    margin-bottom: 40px;
    /*&.with-more-items {
        max-width: 758px;

        .more-items {
          right: -220px;
        }
      }*/
  }
  .full-articles > article.blog-post:after {
    width: 250px;
    margin-top: 40px;
  }
}
@media (min-width: 1025px) {
  .full-articles > article.blog-post {
    max-width: 990px;
  }
  .full-articles > article.blog-post > .blog-post-container {
    max-width: 758px;
  }
}
/* PRODUCT PAGE */
article.blog-post {
  position: relative;
  /* Spacing and background of following sections */
}
article.blog-post:before,
article.blog-post:after {
  display: table;
}
article.blog-post:after {
  content: '';
  clear: both;
}
article.blog-post .post-content {
  margin: 15px 0;
  padding: 10px 15px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
article.blog-post .post-content:before,
article.blog-post .post-content:after {
  display: table;
}
article.blog-post .post-content:after {
  content: '';
  clear: both;
}
article.blog-post .post-content > h1 {
  margin: 0;
  font-size: 2em;
}
article.blog-post .post-content .post-meta {
  font-size: 12px;
  border-bottom: solid 1px #efefef;
}
article.blog-post .post-content .blog-section.blog-content-section p {
  margin: 30px 0;
  font-size: 16px;
}
article.blog-post .post-content .blog-section.blog-content-section p b,
article.blog-post .post-content .blog-section.blog-content-section p strong {
  color: #272727;
}
article.blog-post .post-content .blog-section.blog-graphics-section {
  margin: 30px 0;
  /*margin-left: -15px;
        margin-right: -15px;*/
}
article.blog-post .post-content .blog-section.blog-graphics-section img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
article.blog-post .post-content .blog-section.category.overview {
  background: #ffffff;
}
article.blog-post .post-content .blog-section.category.overview .product-grid {
  margin-left: -15px;
  margin-right: -15px;
}
article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-inner .product-box > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
article.blog-post .post-content .blog-section.category.overview h2 {
  font-size: 1.8em;
}
@media (min-width: 480px) {
  article.blog-post .product-share ul.share-links li {
    width: 9%;
  }
  article.blog-post .product-share ul.share-links li.url {
    width: 55%;
  }
}
@media (min-width: 768px) {
  article.blog-post {
    margin: 0 auto;
    width: 100%;
    max-width: 758px;
  }
  article.blog-post .blog-post-container {
    padding: 15px 0;
  }
  article.blog-post .post-content {
    margin: 0 15px;
  }
  article.blog-post .post-content > h1 {
    font-size: 2.5em;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid {
    margin: 0;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-inner .product-box {
    width: 230px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-inner .product-box > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 375px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-inner .product-box > a .product-thumbnails {
    height: 255px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-inner .product-box > a .product-thumbnails .product-thumbnail {
    height: 210px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-inner .product-box > a .product-thumbnails .product-thumbnail > img {
    height: 210px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-inner .product-box > a .slider-control {
    top: 213px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-2-cols {
    margin: 0 auto;
    width: 470px;
  }
  article.blog-post .left-col {
    float: left;
    width: 49.3%;
    padding-left: 15px;
    padding-right: 15px;
  }
  article.blog-post .right-col {
    float: right;
    width: 50.7%;
    padding-right: 15px;
  }
  article.blog-post .center-col {
    clear: both;
    padding: 0 15px;
  }
  article.blog-post .product-thumb-slider,
  article.blog-post .product-controls {
    min-height: 355px;
  }
  article.blog-post .product-controls .price span.mobile-price {
    display: none;
  }
  article.blog-post .product-controls .price span.desktop-price {
    display: inline-block;
  }
  article.blog-post .product-thumb-slider .product-thumb img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100%;
  }
  article.blog-post .product-thumb-slider .product-thumb img.closeup {
    display: block;
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    height: auto;
  }
  article.blog-post .product-thumb-slider .product-thumb img.closeup.show {
    opacity: 0;
  }
  article.blog-post .product-thumb-slider .product-thumb:hover img.closeup {
    opacity: 1;
  }
  article.blog-post .product-thumb-control {
    display: none;
  }
  article.blog-post .product-thumb-control-desktop {
    display: block;
    /* Ghost element to center align the modal's content */
  }
  article.blog-post .product-thumb-control-desktop:before {
    content: '';
    display: inline-block;
    height: 80px;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
  }
  article.blog-post .product-thumb-control-desktop li {
    position: relative;
    width: 22%;
    padding-bottom: 22%;
    vertical-align: middle;
  }
  article.blog-post .product-thumb-control-desktop li > a {
    position: absolute;
    margin: 0;
    padding: 2px;
    width: 100%;
    height: 100%;
  }
  article.blog-post .product-thumb-control-desktop li > a > img {
    margin: 0 auto;
    width: auto;
    height: 100%;
  }
  article.blog-post .product-thumb-control-desktop,
  article.blog-post .product-share {
    height: 100px;
  }
  article.blog-post .product-controls .product-variants {
    color: #444444;
  }
}
article.blog-post .more-items {
  display: none;
}
@media (min-width: 1025px) {
  article.blog-post {
    margin: 0 auto;
    width: 100%;
    max-width: 758px;
  }
  article.blog-post .blog-post-container {
    padding: 15px 0;
  }
  article.blog-post .post-content {
    margin: 0 15px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-inner {
    width: 700px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-2-cols {
    margin: 0 auto;
    width: 700px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-2-cols .product-box {
    width: 345px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-2-cols .product-box > a {
    height: 510px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-2-cols .product-box > a .product-thumbnails {
    height: 375px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-2-cols .product-box > a .product-thumbnails .product-thumbnail {
    height: 324px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-2-cols .product-box > a .product-thumbnails .product-thumbnail > img {
    height: 324px;
  }
  article.blog-post .post-content .blog-section.category.overview .product-grid .product-grid-2-cols .product-box > a .slider-control {
    top: 334px;
  }
  article.blog-post .post-content .blog-section.category.overview .page-link {
    width: 700px;
  }
  article.blog-post.with-more-items {
    max-width: 990px;
  }
  article.blog-post.with-more-items .blog-post-container {
    max-width: 758px;
  }
  article.blog-post.with-more-items .blog-post-container section.product-description {
    min-height: 340px;
  }
  article.blog-post.with-more-items .more-items {
    display: block;
    position: absolute;
    top: 0;
    right: 13px;
    z-index: 2;
  }
  article.blog-post.with-more-items .more-items > .more-items-box {
    margin: 15px 0;
    width: 220px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  article.blog-post.with-more-items .more-items > .more-items-box h3 {
    padding: 10px 0;
    color: #272727;
    text-align: center;
  }
  article.blog-post.with-more-items .more-items > .more-items-box ul {
    margin: 0;
    padding: 0 5px;
    list-style: none;
  }
  article.blog-post.with-more-items .more-items > .more-items-box ul:before,
  article.blog-post.with-more-items .more-items > .more-items-box ul:after {
    display: table;
  }
  article.blog-post.with-more-items .more-items > .more-items-box ul:after {
    content: '';
    clear: both;
  }
  article.blog-post.with-more-items .more-items > .more-items-box ul > li {
    float: left;
    width: 50%;
    padding: 5px;
  }
  article.blog-post.with-more-items .more-items > .more-items-box ul > li > a {
    display: block;
    width: 100%;
    height: 95px;
    padding: 5px;
    border: solid 1px #e7e7e7;
  }
  article.blog-post.with-more-items .more-items > .more-items-box ul > li > a > img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100%;
  }
  article.blog-post.with-more-items .more-items > .more-items-box ul > li > a:hover {
    border-color: #cecece;
  }
  article.blog-post.with-more-items .more-items > .more-items-box a.category-link {
    display: block;
    padding: 10px 5px;
    text-align: center;
  }
}
.product-added-message {
  display: none;
  background-color: #2ECC71;
  margin: 15px auto;
  padding: 10px;
  padding-right: 30px;
  position: relative;
  text-align: center;
}
.product-added-message:before,
.product-added-message:after {
  display: table;
}
.product-added-message:after {
  content: '';
  clear: both;
}
.product-added-message h3 {
  margin: 0;
  padding: 0 10px;
  line-height: 50px;
  color: #fff;
}
.product-added-message h3 span.icon-done {
  font-size: 36px;
  color: #fff;
  vertical-align: -5px;
}
.product-added-message a.btn {
  background-color: #fff;
  color: #272727;
}
.product-added-message .secure-badge {
  padding-top: 10px;
}
.product-added-message a.close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2em;
  background-color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 100px;
  color: #aaa;
  margin: 25px 15px;
}
.product-added-message a.close:hover,
.product-added-message a.close:focus {
  background-color: #666;
}
@media (min-width: 768px) {
  .product-added-message {
    width: 100%;
    max-width: 758px;
    text-align: left;
    /*&.wide {
      max-width: 958px;
    }*/
  }
  .product-added-message h3 {
    float: left;
    width: 64%;
  }
  .product-added-message a.btn {
    float: left;
  }
  .product-added-message .secure-badge {
    float: left;
    padding-left: 15px;
  }
}
/* Related Products grid for Product popup */
.related-products-container {
  background-color: #f4f4f4;
}
.related-products-container .related-products-grid {
  margin: 0 auto;
}
.related-products-container .related-products-grid h3 {
  text-align: center;
}
.related-products-container .related-products-grid .related-products-grid-inner:before,
.related-products-container .related-products-grid .related-products-grid-inner:after {
  display: table;
}
.related-products-container .related-products-grid .related-products-grid-inner:after {
  content: '';
  clear: both;
}
.related-products-container .related-products-grid .related-products-grid-inner .product-box {
  width: 50%;
}
.related-products-container .related-products-grid .related-products-grid-inner .product-box > a {
  height: auto;
}
.related-products-container .related-products-grid .related-products-grid-inner .product-box > a .product-thumbnails {
  height: auto;
}
@media (min-width: 768px) {
  .related-products-container {
    background-color: #f4f4f4;
    width: 100%;
    max-width: 758px;
    margin: 0 auto;
  }
  .related-products-container .related-products-grid {
    padding-bottom: 15px;
  }
  .related-products-container .related-products-grid h3 {
    margin: 0;
    padding: 30px 15px;
    font-size: 1.7em;
    text-align: center;
  }
  .related-products-container .related-products-grid .related-products-grid-inner {
    margin: 0 auto;
    width: 690px;
  }
  .related-products-container .related-products-grid .related-products-grid-inner .product-box {
    width: 230px;
  }
  .related-products-container .related-products-grid .related-products-grid-inner .product-box > a {
    height: 335px;
  }
  .related-products-container .related-products-grid .related-products-grid-inner .product-box > a .product-thumbnails {
    height: 220px;
  }
}
@media (min-width: 1025px) {
  .related-products-container.wide {
    max-width: 990px;
  }
  .related-products-container.wide .related-products-grid.four-columns .related-products-grid-inner {
    width: 920px;
  }
  .related-products-container.wide .related-products-grid.three-columns {
    max-width: 748px;
    margin: 0;
  }
  .related-products-container.wide .related-products-grid.three-columns.expand {
    max-width: none;
    margin: 0 auto;
  }
  .related-products-container.wide .related-products-grid.three-columns.expand .related-products-grid-inner {
    width: 920px;
  }
}
/*
.large-thumb-slider {
  min-height: 600px;
  
  .thumb-slider {
    .slide {
      background-color: @active;
      
      img {
        display: block;
        margin: 0 auto;
        width: auto;
        height: 100%;
        .transition();
      }
      
      &.slick-slide {
        img {
          opacity: 0.5;
        }
      }
      
      &.slick-active, &.slick-center {
        img {
          opacity: 1;
        }
      }
    }
  }
}
*/
.large-thumb-slider .thumb-slider {
  position: relative;
}
.large-thumb-slider .thumb-slider img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  background-color: #ffffff;
}
.large-thumb-slider .thumb-slider img.slick-slide {
  opacity: 0.5;
  cursor: pointer;
}
.large-thumb-slider .thumb-slider img.slick-active,
.large-thumb-slider .thumb-slider img.slick-center {
  opacity: 1;
  cursor: default;
}
.large-thumb-slider .thumb-slider .slider-prev,
.large-thumb-slider .thumb-slider .slider-next {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: block;
  margin: 0;
  margin-top: -25px;
  padding: 0;
  width: 30px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  color: #444444;
  border: none;
  outline: none;
  font-size: 1.2em;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.large-thumb-slider .thumb-slider .slider-prev:hover,
.large-thumb-slider .thumb-slider .slider-next:hover {
  color: #ce0000;
}
.large-thumb-slider .thumb-slider .slider-prev {
  left: -45px;
  border-radius: 5px 0 0 5px;
}
.large-thumb-slider .thumb-slider .slider-next {
  right: -45px;
  border-radius: 0 5px 5px 0;
}
@media (min-width: 768px) {
  .large-thumb-slider .thumb-slider img {
    width: auto;
    height: 100%;
    min-height: 550px;
  }
}
/* Email Popup */
#share_email_popup .email-share-box h4 {
  margin: 0;
  padding-bottom: 20px;
  color: #272727;
  border: none;
  font-size: 1.3em;
}
#share_email_popup .email-share-box .control-group {
  position: relative;
  margin: 10px 0;
}
#share_email_popup .email-share-box .control-group > label {
  display: block;
  padding: 10px 0;
}
#share_email_popup .email-share-box .control-group > input,
#share_email_popup .email-share-box .control-group > textarea {
  display: block;
  width: 100%;
  padding: 4px 6px;
  border: solid 1px #aaa;
  resize: vertical;
}
#share_email_popup .email-share-box .control-group .error {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 5px 10px;
  margin: 5px 0;
  background-color: #db7706;
  border-radius: 5px;
  font-family: 'montserrat-bold', 'Helvetica', 'Arial', sans-serif;
  color: #fff;
}
#share_email_popup .email-share-box .control-group .error:after {
  content: '';
  position: absolute;
  top: -16px;
  left: 10px;
  border: solid 10px transparent;
  border-bottom: solid 8px #db7706;
}
#share_email_popup .email-share-box .success {
  padding: 30px 10px;
  color: #2ECC71;
}
/* Product box large */
.product-box-large-container {
  text-align: center;
}
.product-box-large-container .product-box-large {
  display: inline-block;
  float: none;
  width: 290px;
}
.product-box-large-container .product-box-large > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  height: 370px;
}
.product-box-large-container .product-box-large > a .product-thumbnails {
  height: 245px;
}
.product-box-large-container .product-box-large > a .product-thumbnails .product-thumbnail {
  height: 215px;
}
.product-box-large-container .product-box-large > a .product-thumbnails .product-thumbnail > img {
  height: 215px;
}
.product-box-large-container .product-box-large > a h4 {
  font-size: 16px;
  line-height: 20px;
}
.product-box-large-container .product-box-large > a p {
  padding-top: 20px;
  font-size: 14px;
}
.product-box-large-container .product-box-large > a p > .price.retail {
  /*display: inline-block;*/
}
@media (min-width: 768px) {
  .product-box-large-container {
    text-align: center;
  }
  .product-box-large-container .product-box-large {
    display: inline-block;
    float: none;
    width: 428px;
  }
  .product-box-large-container .product-box-large > a {
    height: 500px;
  }
  .product-box-large-container .product-box-large > a .product-thumbnails {
    height: 350px;
  }
  .product-box-large-container .product-box-large > a .product-thumbnails .product-thumbnail {
    height: 324px;
  }
  .product-box-large-container .product-box-large > a .product-thumbnails .product-thumbnail > img {
    height: 324px;
  }
  .product-box-large-container .product-box-large > a h4 {
    font-size: 20px;
    line-height: 25px;
  }
  .product-box-large-container .product-box-large > a p {
    padding-top: 20px;
    font-size: 16px;
  }
  .product-box-large-container .product-box-large > a p > .price.retail {
    /*display: inline-block;*/
  }
}
@media (min-width: 1025px) {
  .product-box-large-container {
    text-align: center;
  }
  .product-box-large-container .product-box-large {
    display: inline-block;
    float: none;
    width: 695px;
  }
  .product-box-large-container .product-box-large > a {
    height: 700px;
  }
  .product-box-large-container .product-box-large > a .product-thumbnails {
    height: 565px;
  }
  .product-box-large-container .product-box-large > a .product-thumbnails .product-thumbnail {
    height: 538px;
  }
  .product-box-large-container .product-box-large > a .product-thumbnails .product-thumbnail > img {
    height: 538px;
  }
  .product-box-large-container .product-box-large > a h4 {
    font-size: 20px;
    line-height: 25px;
  }
  .product-box-large-container .product-box-large > a p {
    padding-top: 20px;
    font-size: 16px;
  }
  .product-box-large-container .product-box-large > a p > .price.retail {
    /*display: inline-block;*/
  }
}
/* CONTENT POPUP */
.content-popup-contents {
  position: relative;
  padding: 0;
  background: #f4f4f4;
}
.content-popup-contents h2 {
  margin: 0 0 10px;
  padding: 25px 10px 0;
  font-size: 1.5em;
  text-transform: uppercase;
  text-align: center;
}
.content-popup-contents .sub-categories {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  white-space: nowrap;
}
.content-popup-contents .sub-categories::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
.content-popup-contents .sub-categories:hover::-webkit-scrollbar {
  opacity: 1;
  width: auto;
}
.content-popup-contents .sub-categories ul.sub-categories-pills {
  display: table;
  list-style: none;
  margin: 10px auto;
  padding: 0;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li {
  display: table-cell;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li a {
  display: block;
  margin: 5px;
  padding: 5px 10px;
  border: solid 1px #444444;
  border-radius: 3px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  color: #444444;
  text-align: center;
  text-transform: capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li.active > a,
.content-popup-contents .sub-categories ul.sub-categories-pills li:hover > a,
.content-popup-contents .sub-categories ul.sub-categories-pills li:focus > a {
  background-color: #444444;
  color: #ffffff;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li.highlighted a {
  border-color: #ce0000;
  color: #ce0000;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li.highlighted.active a,
.content-popup-contents .sub-categories ul.sub-categories-pills li.highlighted:hover a,
.content-popup-contents .sub-categories ul.sub-categories-pills li.highlighted:focus a {
  background-color: #ce0000;
  color: #ffffff;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li.show-tooltip {
  position: relative;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li.sub-categories-dropdown > a {
  display: inline-block;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu {
  display: none;
  padding: 0;
  margin-left: -5px;
  vertical-align: bottom;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu > li > a {
  background-color: #ffffff;
  border-color: #dbdbdb;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu > li:hover a,
.content-popup-contents .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu > li:focus a {
  background: #ffffff;
  color: #444444;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu > li.active a {
  color: #ce0000;
}
.content-popup-contents .sub-categories ul.sub-categories-pills li > ul.sub-categories-dropdown-menu.show {
  display: inline-block;
}
.content-popup-contents .item-grid .item-grid-contents .item {
  width: 50%;
}
.content-popup-contents .item-grid .item-grid-contents .item.video {
  width: 100%;
}
.content-popup-contents .related-categories > ul.categories {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.content-popup-contents .related-categories > ul.categories::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
.content-popup-contents .related-categories > ul.categories:hover::-webkit-scrollbar {
  opacity: 1;
  width: auto;
}
.content-popup-contents .related-categories > ul.categories > li {
  display: inline-block;
}
.content-popup-contents .related-categories > ul.categories > li > a {
  display: block;
  padding: 5px 10px;
  color: #444444;
  font-weight: 600;
  border-radius: 3px;
  border: solid 1px #444444;
  margin: 0 5px;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.content-popup-contents .related-categories > ul.categories > li > a:hover {
  color: #444444;
  background-color: rgba(0, 0, 0, 0.1);
}
.content-popup-contents .related-categories > ul.categories > li > a.active {
  color: #ffffff;
  background-color: #444444;
}
@media (min-width: 480px) {
  .content-popup-contents .item-grid .item-grid-contents .item {
    width: 50%;
  }
  .content-popup-contents .item-grid .item-grid-contents .item.video {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .content-popup-contents {
    margin: 0 auto;
    padding: 0 15px;
    width: 700px;
  }
  .content-popup-contents .item-grid .item-grid-contents .item {
    width: 33.33333333%;
  }
  .content-popup-contents .item-grid .item-grid-contents .item.video {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .content-popup-contents {
    width: 950px;
  }
  .content-popup-contents h2 {
    margin: 0 0 20px;
    padding-top: 30px;
    font-size: 2.3em;
  }
  .content-popup-contents .sub-categories {
    display: block;
    overflow: visible;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills {
    margin-bottom: 5px;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills li a {
    padding: 5px 20px;
    font-size: 16px;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown {
    position: relative;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown > a {
    display: block;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown:focus > ul.sub-categories-dropdown-menu,
  .content-popup-contents .sub-categories ul.sub-categories-pills > li.sub-categories-dropdown:hover > ul.sub-categories-dropdown-menu {
    display: block;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    background: #ffffff;
    border: solid 1px #dbdbdb;
    border-radius: 4px;
    margin-top: -2px;
    margin-right: 5px;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li {
    display: block;
    border-bottom: solid 1px #dbdbdb;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:last-child {
    border-bottom: none;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li > a {
    margin: 0;
    padding: 4px 15px;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:hover a,
  .content-popup-contents .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li:focus a {
    background: #f4f4f4;
    color: #444444;
  }
  .content-popup-contents .sub-categories ul.sub-categories-pills > li > ul.sub-categories-dropdown-menu > li.active a {
    background: none;
    color: #ce0000;
  }
  .content-popup-contents .item-grid .item-grid-contents .item {
    width: 20%;
  }
  .content-popup-contents .item-grid .item-grid-contents .item.video {
    width: 33.33333333%;
  }
}
@media (min-width: 1480px) {
  .content-popup-contents {
    width: 1100px;
  }
  .content-popup-contents .item-grid .item-grid-contents .item {
    width: 20%;
  }
  .content-popup-contents .item-grid .item-grid-contents .item.video {
    width: 33.33333333%;
  }
}
#window-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
#window-backdrop.show {
  display: block;
}
#window-backdrop.bring-to-front {
  z-index: 13000;
}
#window-backdrop > .window-mixtape-controls {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 60px;
  background-color: #ce0000;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
#window-backdrop > .window-mixtape-controls.active {
  display: block;
}
#window-backdrop > .window-mixtape-controls.visible {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#window-backdrop > .window-mixtape-controls button {
  border: none;
  outline: none;
  background: none;
  padding: 0 15px;
  font-size: 24px;
  line-height: 30px;
  height: 60px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
#window-backdrop > .window-mixtape-controls button:hover {
  background: rgba(0, 0, 0, 0.1);
}
#window-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#window-container > .window {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  transition: transform 0.2s ease-in-out;
  transform: translate(-100%, 0) translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
#window-container > .window.active {
  display: block;
}
#window-container > .window.visible {
  transform: translate(0, 0) translateZ(0);
}
#window-container > .window > .window-title {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 60px;
  background: #272727;
  border-bottom: solid 3px #ce0000;
  text-align: center;
}
#window-container > .window > .window-title .branding {
  display: inline-block;
  height: 60px;
  padding: 10px;
}
#window-container > .window > .window-title .branding > img {
  display: block;
  width: auto;
  height: 100%;
}
#window-container > .window > .window-title .close-window {
  display: block;
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 3;
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #272727;
  border: 0;
  outline: 0;
  border-radius: 100px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
#window-container > .window > .window-title .close-window:hover,
#window-container > .window > .window-title .close-window:focus {
  background: #ddd;
}
#window-container > .window > .window-title .close-window:focus-visible {
  outline: solid 2px #ffffff;
  outline-offset: 3px;
}
#window-container > .window > .window-content {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
#window-container > .window > .window-content.visible {
  opacity: 1;
}
@media (min-width: 1200px) {
  #window-backdrop {
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    /* Ghost element to center align the modal's content */
  }
  #window-backdrop.bring-to-front {
    z-index: 9999;
  }
  #window-backdrop:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
  }
  #window-backdrop > .window-mixtape-controls {
    display: none !important;
  }
  #window-container {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 30px 0;
    width: auto;
    min-width: 950px;
    height: auto;
    white-space: normal;
    text-align: left;
  }
  #window-container > .window {
    display: none;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    transition: opacity 0.2s ease-in-out;
    transform: none;
    opacity: 0;
  }
  #window-container > .window.active {
    display: block;
  }
  #window-container > .window.visible {
    transform: none;
    opacity: 1;
  }
  #window-container > .window > .window-title {
    position: relative;
    height: 0;
    background: none;
    text-align: center;
    border: none;
  }
  #window-container > .window > .window-title .branding {
    display: none;
  }
  #window-container > .window > .window-title .close-window {
    top: -18px;
    right: -18px;
  }
  #window-container > .window > .window-content {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    width: auto;
    overflow: visible;
    min-height: 1000px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@media (min-width: 1480px) {
  #window-container {
    width: auto;
    min-width: 1100px;
  }
}
#split-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8999;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#split-popup.show {
  display: block;
}
#split-popup #split-popup-left-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 90%;
  background-color: #ffffff;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#split-popup #split-popup-left-nav.collapsed {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
#split-popup #split-popup-left-nav .left-nav-inner {
  min-height: 110%;
  padding-bottom: 50px;
}
#split-popup #split-popup-left-nav .left-nav-inner > .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 50px;
  padding: 14px;
  color: #444444;
  text-align: center;
  font-size: 10px;
  line-height: 24px;
}
#split-popup #split-popup-left-nav .left-nav-inner > .close:hover {
  color: #272727;
}
#split-popup #split-popup-left-nav .left-nav-inner h3 {
  margin: 0;
  padding: 15px;
  font-family: normal 700 28px 'Montserrat', sans-serif;
  font-size: 18px;
  text-align: center;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input {
  position: relative;
  margin: 10px 15px;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input.hide {
  display: none;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input {
  position: relative;
  margin-right: 50px;
  padding: 8px 8px 8px 32px;
  background: #f4f4f4;
  border: solid 1px #919191;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 8px 8px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input input {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  border: none;
  background: none;
  outline: none;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .icon-search {
  position: absolute;
  top: 2px;
  left: 0;
  padding: 8px;
  font-size: 12px;
  line-height: 24px;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .loading-search {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .loading-search.show {
  display: block;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .clear-results {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 40px;
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
  color: #444444;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .clear-results:hover {
  color: #272727;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .clear-results.show {
  display: block;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  border: solid 1px #919191;
  border-left: none;
  background: none;
  font-weight: bold;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ffffff;
  width: 100%;
  border: solid 1px #919191;
  border-top: none;
  box-shadow: 0 7px 17px rgba(0, 0, 0, 0.2);
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-dropdown.show {
  display: block;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-dropdown > li > a {
  display: block;
  padding: 10px 5px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  font-weight: 600;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-dropdown > li > a:hover {
  background-color: #f4f4f4;
}
#split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-dropdown > li > li:last-child > a {
  border-bottom: none;
}
#split-popup #split-popup-left-nav .left-nav-inner .popup-content .page-loader {
  padding: 50px 0;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list li a {
  display: block;
  padding: 10px 15px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  text-align: left;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list li a > span.icon-down {
  margin-left: 5px;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list li.collapsed > ul {
  display: block;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul {
  display: none;
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul > li > .new-loader {
  width: auto;
  display: inline-block;
  padding: 5px;
  height: 32px;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 15px 0 0;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal > li {
  display: inline-block;
}
#split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal > li > a {
  padding: 10px;
  color: #ce0000;
}
#split-popup #split-popup-left-nav .left-nav-inner .info-block {
  margin: 30px 0;
}
#split-popup #split-popup-left-nav .left-nav-inner .info-block .thumbnail {
  display: block;
  padding: 5px 0;
  text-align: center;
}
#split-popup #split-popup-left-nav .left-nav-inner .info-block .thumbnail img {
  display: none;
  width: 100%;
  height: auto;
  border: solid 1px #f4f4f4;
}
#split-popup #split-popup-left-nav .left-nav-inner .info-block .thumbnail h4 {
  margin: 5px 0;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
}
#split-popup #split-popup-left-nav .left-nav-inner .info-block ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#split-popup #split-popup-left-nav .left-nav-inner .info-block ul.list > li {
  margin: 0;
  padding: 0;
}
#split-popup #split-popup-left-nav .left-nav-inner .info-block ul.list > li > a {
  display: block;
  padding: 5px 10px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  text-align: center;
}
#split-popup #split-popup-left-nav .left-nav-inner .info-block ul.list > li > a:hover {
  color: #272727;
}
#split-popup #split-popup-left-nav .left-nav-inner .bottom-list {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: solid 1px #f4f4f4;
  border-bottom: solid 1px #f4f4f4;
  background-color: #ffffff;
}
#split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li {
  display: block;
  margin: 0;
  padding: 0;
}
#split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li > a {
  display: block;
  padding: 10px 15px;
  color: #232323;
  font-weight: 600;
}
#split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
#split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid > li {
  display: inline-block;
}
#split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid > li > a {
  display: block;
  padding: 10px 5px;
  color: #232323;
}
#split-popup #split-popup-results {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
#split-popup #split-popup-results.show {
  display: block;
}
#split-popup #split-popup-results .results-inner {
  position: relative;
  margin: 0 auto;
  padding: 15px 15px 120px;
  width: 100%;
  min-height: 100%;
  background-color: #f4f4f4;
}
#split-popup #split-popup-results .results-inner > .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  padding: 13px;
  color: #444444;
  text-align: center;
  font-size: 10px;
  line-height: 24px;
}
#split-popup #split-popup-results .results-inner > .close:hover {
  color: #272727;
}
#split-popup #split-popup-results .results-inner .title {
  text-align: center;
  padding: 40px;
}
#split-popup #split-popup-results .results-inner .title h2 {
  margin: 0;
}
#split-popup #split-popup-results .results-inner .title h4 {
  margin: 12px 0 0;
  font: normal 300 20px 'Montserrat', sans-serif;
  color: #444444;
  font-size: 16px;
}
#split-popup #split-popup-results .results-inner .title h4 > .search-keyword,
#split-popup #split-popup-results .results-inner .title h4 > .result-count {
  font-weight: 600;
}
#split-popup #split-popup-results .results-inner > .row:before,
#split-popup #split-popup-results .results-inner > .row:after {
  display: table;
}
#split-popup #split-popup-results .results-inner > .row:after {
  content: '';
  clear: both;
}
#split-popup #split-popup-results .results-inner > .row .filters > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
#split-popup #split-popup-results .results-inner > .row .filters > ul::-webkit-scrollbar {
  opacity: 0;
  width: 0px;
}
#split-popup #split-popup-results .results-inner > .row .filters > ul:hover::-webkit-scrollbar {
  opacity: 1;
  width: auto;
}
#split-popup #split-popup-results .results-inner > .row .filters > ul > li {
  display: inline-block;
}
#split-popup #split-popup-results .results-inner > .row .filters > ul > li > a {
  display: block;
  padding: 5px 10px;
  color: #444444;
  font-weight: 600;
  border-radius: 3px;
  border: solid 1px #444444;
  margin: 0 5px;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
#split-popup #split-popup-results .results-inner > .row .filters > ul > li > a:hover {
  color: #444444;
  background-color: rgba(0, 0, 0, 0.1);
}
#split-popup #split-popup-results .results-inner > .row .filters > ul > li > a.active {
  color: #ffffff;
  background-color: #444444;
}
#split-popup #split-popup-results .results-inner > .row .results {
  overflow: hidden;
}
#split-popup #split-popup-results .results-inner .item-grid {
  margin: 0 auto;
  width: 100%;
  max-width: 450px;
}
#split-popup #split-popup-results .results-inner .item-grid .item-grid-contents .item {
  width: 50%;
}
.mini-split-container {
  min-width: 375px !important;
  max-height: 400px;
}
.mini-split-container h3 {
  margin: 0;
  padding: 15px;
  font-family: normal 700 28px 'Montserrat', sans-serif;
  font-size: 18px;
  text-align: center;
}
.mini-split-container #split-popup-input {
  position: relative;
  margin: 10px 15px;
}
.mini-split-container #split-popup-input.hide {
  display: none;
}
.mini-split-container #split-popup-input .search-input {
  position: relative;
  margin-right: 50px;
  padding: 8px 8px 8px 32px;
  background: #f4f4f4;
  border: solid 1px #919191;
}
.mini-split-container #split-popup-input .search-input label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 8px 8px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
}
.mini-split-container #split-popup-input .search-input input {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  border: none;
  background: none;
  outline: none;
}
.mini-split-container #split-popup-input .search-input .icon-search {
  position: absolute;
  top: 2px;
  left: 0;
  padding: 8px;
  font-size: 12px;
  line-height: 24px;
}
.mini-split-container #split-popup-input .search-input .loading-search {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
.mini-split-container #split-popup-input .search-input .loading-search.show {
  display: block;
}
.mini-split-container #split-popup-input .search-input .clear-results {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 40px;
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
  color: #444444;
}
.mini-split-container #split-popup-input .search-input .clear-results:hover {
  color: #272727;
}
.mini-split-container #split-popup-input .search-input .clear-results.show {
  display: block;
}
.mini-split-container #split-popup-input .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  border: solid 1px #919191;
  border-left: none;
  background: none;
  font-weight: bold;
}
.mini-split-container #split-popup-input .search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ffffff;
  width: 100%;
  border: solid 1px #919191;
  border-top: none;
  box-shadow: 0 7px 17px rgba(0, 0, 0, 0.2);
}
.mini-split-container #split-popup-input .search-dropdown.show {
  display: block;
}
.mini-split-container #split-popup-input .search-dropdown > li > a {
  display: block;
  padding: 10px 5px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  font-weight: 600;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.mini-split-container #split-popup-input .search-dropdown > li > a:hover {
  background-color: #f4f4f4;
}
.mini-split-container #split-popup-input .search-dropdown > li > li:last-child > a {
  border-bottom: none;
}
.mini-split-container .popup-content .page-loader {
  padding: 20px 0;
}
.mini-split-container .collapsible-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mini-split-container .collapsible-list li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.mini-split-container .collapsible-list li a {
  display: block;
  padding: 10px 15px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  text-align: left;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.mini-split-container .collapsible-list li a:hover {
  background-color: #f4f4f4;
}
.mini-split-container .collapsible-list li.collapsed > ul {
  display: block;
}
.mini-split-container .collapsible-list > li > a {
  color: #272727;
  font-weight: 600;
}
.mini-split-container .collapsible-list > li ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mini-split-container .collapsible-list > li ul > li > a {
  padding-left: 30px;
}
.mini-split-container .collapsible-list > li ul > li > .new-loader {
  width: auto;
  display: inline-block;
  padding: 5px;
  height: 32px;
}
.mini-split-container .collapsible-list > li ul.horizontal {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 15px 0 0;
}
.mini-split-container .collapsible-list > li ul.horizontal > li {
  display: inline-block;
}
.mini-split-container .collapsible-list > li ul.horizontal > li > a {
  padding: 10px;
  color: #ce0000;
}
@media (min-width: 1200px) {
  #split-popup {
    display: none;
    position: fixed;
    top: 148px;
    bottom: 50px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
  }
  #split-popup:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 17px;
    background-color: #f4f4f4;
  }
  #split-popup.show {
    display: block;
  }
  #split-popup.with-overview {
    top: 200px;
  }
  #split-popup.fixed-to-top {
    top: 35px;
  }
  #split-popup #split-popup-left-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 350px;
    background-color: #ffffff;
    /*&.collapsed {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
      }*/
  }
  #split-popup #split-popup-left-nav .left-nav-inner > .close {
    position: absolute;
    top: 10px;
    right: 0;
    width: 50px;
    padding: 14px;
    color: #444444;
    text-align: center;
    font-size: 10px;
    line-height: 24px;
  }
  #split-popup #split-popup-left-nav .left-nav-inner > .close:hover {
    color: #272727;
  }
  #split-popup #split-popup-left-nav .left-nav-inner h3 {
    font-size: 18px;
    margin: 0;
    padding: 15px;
  }
  #split-popup #split-popup-left-nav .left-nav-inner > h3:first-of-type {
    margin-top: 10px;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input {
    position: relative;
    margin: 10px 15px;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input {
    position: relative;
    margin: 0;
    padding: 8px 8px 8px 32px;
    background: #f4f4f4;
    border: solid 1px #919191;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 8px 8px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input input {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 40px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    border: none;
    background: none;
    outline: none;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .icon-search {
    position: absolute;
    top: 2px;
    left: 0;
    padding: 8px;
    font-size: 12px;
    line-height: 24px;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .loading-search {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .loading-search.show {
    display: block;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .clear-results {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 40px;
    font-size: 18px;
    line-height: 24px;
    padding: 8px;
    color: #444444;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .clear-results:hover {
    color: #272727;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .search-input .clear-results.show {
    display: block;
  }
  #split-popup #split-popup-left-nav .left-nav-inner #split-popup-input .btn-search {
    display: none;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .collapsible-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .collapsible-list li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .collapsible-list li.collapsed > ul {
    display: block;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul {
    display: none;
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul > li > .new-loader {
    width: auto;
    display: inline-block;
    padding: 5px;
    height: 32px;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 15px 0 0;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal > li {
    display: inline-block;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .collapsible-list > li ul.horizontal > li > a {
    padding: 10px;
    color: #ce0000;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .info-block {
    margin: 30px 0;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .info-block .grid {
    margin: 0 -10px;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .info-block .grid:before,
  #split-popup #split-popup-left-nav .left-nav-inner .info-block .grid:after {
    display: table;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .info-block .grid:after {
    content: '';
    clear: both;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .info-block .grid .col {
    float: left;
    padding: 10px;
    width: 50%;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .info-block .thumbnail {
    padding: 0;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .info-block .thumbnail img {
    display: block;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .info-block ul.list > li > a {
    text-align: left;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .bottom-list {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: solid 1px #f4f4f4;
    border-bottom: solid 1px #f4f4f4;
    background-color: #ffffff;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li {
    display: block;
    margin: 0;
    padding: 0;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li > a {
    display: block;
    padding: 10px 15px;
    color: #232323;
    font-weight: 600;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid > li {
    display: inline-block;
  }
  #split-popup #split-popup-left-nav .left-nav-inner .bottom-list > li .menu-grid > li > a {
    display: block;
    padding: 10px 5px;
    color: #232323;
  }
  #split-popup #split-popup-results {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 350px;
    right: 0;
    padding: 15px;
    overflow: hidden;
    overflow-y: scroll;
  }
  #split-popup #split-popup-results.show {
    display: block;
  }
  #split-popup #split-popup-results .results-inner {
    position: relative;
    margin: 0 auto;
    padding: 15px;
    width: 90%;
    background-color: #f4f4f4;
  }
  #split-popup #split-popup-results .results-inner > .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    padding: 13px;
    color: #444444;
    text-align: center;
    font-size: 10px;
    line-height: 24px;
  }
  #split-popup #split-popup-results .results-inner > .close:hover {
    color: #272727;
  }
  #split-popup #split-popup-results .results-inner .title {
    text-align: center;
    padding: 40px;
  }
  #split-popup #split-popup-results .results-inner .title h2 {
    margin: 0;
  }
  #split-popup #split-popup-results .results-inner .title h4 {
    margin: 12px 0 0;
    font: normal 300 20px 'Montserrat', sans-serif;
    color: #444444;
    font-size: 16px;
  }
  #split-popup #split-popup-results .results-inner .title h4 > .search-keyword,
  #split-popup #split-popup-results .results-inner .title h4 > .result-count {
    font-weight: 600;
  }
  #split-popup #split-popup-results .results-inner > .row:before,
  #split-popup #split-popup-results .results-inner > .row:after {
    display: table;
  }
  #split-popup #split-popup-results .results-inner > .row:after {
    content: '';
    clear: both;
  }
  #split-popup #split-popup-results .results-inner > .row .filters {
    float: left;
    width: 250px;
    text-align: left;
  }
  #split-popup #split-popup-results .results-inner > .row .filters > ul {
    margin: 0 15px 0 0;
    border-right: solid 1px #cecece;
    overflow: visible;
    white-space: normal;
  }
  #split-popup #split-popup-results .results-inner > .row .filters > ul > li {
    display: block;
  }
  #split-popup #split-popup-results .results-inner > .row .filters > ul > li > a {
    padding: 10px 5px;
    margin: 0;
    border-radius: 0;
    border: none;
  }
  #split-popup #split-popup-results .results-inner > .row .filters > ul > li > a.active {
    background-color: #272727;
  }
  #split-popup #split-popup-results .results-inner > .row .results {
    overflow: hidden;
  }
  #split-popup #split-popup-results .results-inner .item-grid {
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
  }
  #split-popup #split-popup-results .results-inner .item-grid .item-grid-contents .item {
    width: 50%;
  }
  .mini-split-container #split-popup-input {
    position: relative;
    margin: 10px 15px;
  }
  .mini-split-container #split-popup-input .search-input {
    position: relative;
    margin: 0;
    padding: 8px 8px 8px 32px;
    background: #f4f4f4;
    border: solid 1px #919191;
  }
  .mini-split-container #split-popup-input .search-input label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 8px 8px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
  }
  .mini-split-container #split-popup-input .search-input input {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 40px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    border: none;
    background: none;
    outline: none;
  }
  .mini-split-container #split-popup-input .search-input .icon-search {
    position: absolute;
    top: 2px;
    left: 0;
    padding: 8px;
    font-size: 12px;
    line-height: 24px;
  }
  .mini-split-container #split-popup-input .search-input .loading-search {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
  }
  .mini-split-container #split-popup-input .search-input .loading-search.show {
    display: block;
  }
  .mini-split-container #split-popup-input .search-input .clear-results {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 40px;
    font-size: 18px;
    line-height: 24px;
    padding: 8px;
    color: #444444;
  }
  .mini-split-container #split-popup-input .search-input .clear-results:hover {
    color: #272727;
  }
  .mini-split-container #split-popup-input .search-input .clear-results.show {
    display: block;
  }
  .mini-split-container #split-popup-input .btn-search {
    display: none;
  }
  .mini-split-container .info-block {
    display: none;
  }
  .mini-split-container .collapsible-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .mini-split-container .collapsible-list li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
  }
  .mini-split-container .collapsible-list li.collapsed > ul {
    display: block;
  }
  .mini-split-container .collapsible-list > li ul {
    display: none;
  }
  .mini-split-container .collapsible-list > li ul > li > .new-loader {
    width: auto;
    display: inline-block;
    padding: 5px;
    height: 32px;
  }
  .mini-split-container .collapsible-list > li ul.horizontal {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 15px 0 0;
  }
  .mini-split-container .collapsible-list > li ul.horizontal > li {
    display: inline-block;
  }
  .mini-split-container .collapsible-list > li ul.horizontal > li > a {
    padding: 10px;
    color: #ce0000;
  }
}
@media (min-width: 1400px) {
  #split-popup #split-popup-results .results-inner > .row .filters {
    width: 220px;
  }
  #split-popup #split-popup-results .results-inner .item-grid {
    max-width: 700px;
  }
  #split-popup #split-popup-results .results-inner .item-grid .item-grid-contents .item {
    width: 33.33333333%;
  }
}
@media (min-width: 1580px) {
  #split-popup #split-popup-results .results-inner > .row .filters {
    width: 300px;
  }
  #split-popup #split-popup-results .results-inner .item-grid {
    max-width: 800px;
  }
}
@media (min-width: 1800px) {
  #split-popup #split-popup-results .results-inner .item-grid {
    max-width: 1200px;
  }
  #split-popup #split-popup-results .results-inner .item-grid .item-grid-contents .item {
    width: 25%;
  }
}
#popup-share {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15000;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  text-align: center;
  /* Ghost element to center align the modal's content */
}
#popup-share.show {
  display: block;
}
#popup-share:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
#popup-share .popup-inner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 30px 0;
  padding: 15px;
  width: 240px;
  white-space: normal;
  text-align: left;
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 30px -5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 6px 30px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 30px -5px rgba(0, 0, 0, 0.4);
}
#popup-share .popup-inner > .close {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
  height: 32px;
  width: 32px;
  background: #fff;
  color: #000;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
#popup-share .popup-inner > .close:hover {
  background: #ddd;
}
#popup-share .popup-inner h3 {
  margin: 0 0 15px;
  font-size: 14px;
  color: #444444;
}
#popup-share .popup-inner ul.social-grid {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  font-size: 0;
}
#popup-share .popup-inner ul.social-grid > li {
  display: inline-block;
  width: 25%;
  text-align: center;
}
#popup-share .popup-inner ul.social-grid > li > a {
  display: inline-block;
  width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  background-color: #222;
  color: #fff;
  border-radius: 5px;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#popup-share .popup-inner ul.social-grid > li > a.fb {
  background-color: #3b5998;
}
#popup-share .popup-inner ul.social-grid > li > a.fb:hover {
  background-color: #30306f;
}
#popup-share .popup-inner ul.social-grid > li > a.tw {
  background-color: #1da1f2;
}
#popup-share .popup-inner ul.social-grid > li > a.tw:hover {
  background-color: #1d6fbf;
}
#popup-share .popup-inner ul.social-grid > li > a.gp {
  background-color: #dd4b39;
}
#popup-share .popup-inner ul.social-grid > li > a.gp:hover {
  background-color: #bd4a37;
}
#popup-share .popup-inner ul.social-grid > li > a.ig {
  background-color: #833ab4;
}
#popup-share .popup-inner ul.social-grid > li > a.ig:hover {
  background-color: #5e3186;
}
#popup-share .popup-inner ul.social-grid > li > a.tum {
  background-color: #35465c;
}
#popup-share .popup-inner ul.social-grid > li > a.tum:hover {
  background-color: #25364b;
}
#popup-share .popup-inner .share-url input,
#popup-share .popup-inner .share-via-email .control input {
  display: block;
  padding: 6px 12px;
  font-size: 16px;
  width: 100%;
  border: solid 1px #ddd;
  background-color: #f4f4f4;
}
#popup-share .popup-inner .share-url {
  margin: 0 0 10px;
}
#popup-share .popup-inner .share-via-email {
  text-align: center;
}
#popup-share .popup-inner .share-via-email .control input {
  margin-bottom: 5px;
}
#popup-share .popup-inner .share-via-email .message {
  display: none;
  font-size: 14px;
  padding: 5px 15px;
  background-color: #444444;
  color: #ffffff;
  border-radius: 5px;
}
#popup-share .popup-inner .share-via-email .message.show {
  display: inline-block;
}
#popup-share .popup-inner .share-via-email .message.success {
  color: #ffffff;
  background-color: #2ECC71;
}
#popup-share .popup-inner .share-via-email .message.error {
  color: #ffffff;
  background-color: #DB7706;
}
#popup-share .popup-inner .share-via-email .btn {
  margin-top: 5px;
}
@media (min-width: 1200px) {
  #popup-share {
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    background: none;
  }
  #popup-share .popup-inner {
    margin: 0;
  }
  #popup-share .popup-inner > .close {
    display: none;
  }
}
#product-large-thumbnails .item-loader {
  display: none;
  margin: 80px auto;
}
#product-large-thumbnails .error {
  display: none;
  padding: 30px;
}
#product-large-thumbnails .primary-slider #product-large-slider {
  -ms-touch-action: unset;
  touch-action: unset;
}
#product-large-thumbnails .primary-slider #product-large-slider .slide {
  padding: 5px;
  background-color: #ffffff;
  text-align: center;
  outline: none;
}
#product-large-thumbnails .primary-slider #product-large-slider .slide img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
#product-large-thumbnails .primary-slider #product-large-slider .slide .label {
  display: inline-block;
  padding: 5px 10px;
  background-color: #272727;
  color: #ffffff;
  border-radius: 5px;
}
#product-large-thumbnails .primary-slider #product-large-slider .slider-prev,
#product-large-thumbnails .primary-slider #product-large-slider .slider-next {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: block;
  margin: 0;
  margin-top: -25px;
  padding: 0;
  width: 30px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  color: #444444;
  border: none;
  outline: none;
  opacity: 1;
  font-size: 1.2em;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#product-large-thumbnails .primary-slider #product-large-slider .slider-prev:hover,
#product-large-thumbnails .primary-slider #product-large-slider .slider-next:hover {
  color: #ce0000;
}
#product-large-thumbnails .primary-slider #product-large-slider .slider-prev {
  left: 0;
  border-radius: 0 5px 5px 0;
}
#product-large-thumbnails .primary-slider #product-large-slider .slider-next {
  right: 0;
  border-radius: 5px 0 0 5px;
}
#product-large-thumbnails .product-all-thumbnails {
  display: none;
}
#product-large-thumbnails.loading .item-loader {
  display: block;
}
#product-large-thumbnails.loading .primary-slider {
  display: none;
}
#product-large-thumbnails.loading > .modal-inner {
  width: 210px;
}
#product-large-thumbnails.error-loading .error {
  display: block;
}
#product-large-thumbnails.error-loading .primary-slider {
  display: none;
}
@media (min-width: 1200px) {
  #product-large-thumbnails .item-loader {
    margin: 120px auto;
  }
  #product-large-thumbnails > .modal-inner {
    max-width: 1100px;
  }
  #product-large-thumbnails > .modal-inner:before,
  #product-large-thumbnails > .modal-inner:after {
    display: table;
  }
  #product-large-thumbnails > .modal-inner:after {
    content: '';
    clear: both;
  }
  #product-large-thumbnails .primary-slider {
    overflow: hidden;
  }
  #product-large-thumbnails .primary-slider #product-large-slider .slide {
    padding: 10px;
  }
  #product-large-thumbnails .product-all-thumbnails {
    display: block;
    float: right;
    width: 300px;
  }
  #product-large-thumbnails .product-all-thumbnails ul.thumbnails {
    display: block;
    margin: 10px;
    padding: 0;
  }
  #product-large-thumbnails .product-all-thumbnails ul.thumbnails > li {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0;
  }
  #product-large-thumbnails .product-all-thumbnails ul.thumbnails > li > a {
    display: block;
    width: 80px;
    height: 80px;
    padding: 5px;
    background-color: #ffffff;
    border: solid 2px #f4f4f4;
    border-radius: 4px;
    outline: none;
    opacity: 0.7;
    -webkit-transition: border 0.2s ease-in-out, opacity 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, opacity 0.2s ease-in-out;
  }
  #product-large-thumbnails .product-all-thumbnails ul.thumbnails > li > a > img {
    display: block;
    width: 100%;
    height: auto;
  }
  #product-large-thumbnails .product-all-thumbnails ul.thumbnails > li > a:hover {
    border-color: #cecece;
  }
  #product-large-thumbnails .product-all-thumbnails ul.thumbnails > li > a.active {
    border-color: #ce0000;
  }
  #product-large-thumbnails .product-all-thumbnails ul.thumbnails > li > a:hover,
  #product-large-thumbnails .product-all-thumbnails ul.thumbnails > li > a.active {
    opacity: 1;
  }
  #product-large-thumbnails.loading .item-loader {
    display: block;
  }
  #product-large-thumbnails.loading .primary-slider,
  #product-large-thumbnails.loading .product-all-thumbnails {
    display: none;
  }
  #product-large-thumbnails.loading > .modal-inner {
    width: 290px;
  }
  #product-large-thumbnails.error-loading .error {
    display: block;
  }
  #product-large-thumbnails.error-loading .primary-slider,
  #product-large-thumbnails.error-loading .product-all-thumbnails {
    display: none;
  }
  #product-large-thumbnails.error-loading > .modal-inner {
    width: 300px;
  }
}
.preview-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12000;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  text-align: center;
  /* Ghost element to center align the modal's content */
}
.preview-overlay.show {
  display: block;
}
.preview-overlay.bring-to-front {
  z-index: 13000;
}
.preview-overlay > .close {
  display: block;
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 10;
  height: 32px;
  width: 32px;
  background: #fff;
  color: #000;
  border: none;
  outline: none;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}
.preview-overlay > .close:hover {
  background: #ddd;
}
.preview-overlay .overlay-top-controls,
.preview-overlay .overlay-bottom-controls {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
}
.preview-overlay .overlay-top-controls {
  top: 0;
}
.preview-overlay .overlay-top-controls .badge {
  display: inline-block;
  padding: 6px 12px;
  margin-top: 18px;
  background-color: #2ECC71;
  color: #ffffff;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
}
.preview-overlay .overlay-top-controls .do-play-mixtape {
  display: block;
  margin-top: 30px;
  color: #ffffff;
  font-size: 18px;
}
.preview-overlay .overlay-top-controls .open-mixtape {
  display: block;
  padding: 5px;
  color: #ffffff;
}
.preview-overlay .overlay-top-controls .open-mixtape > img {
  display: block;
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 5px;
}
.preview-overlay .overlay-top-controls .open-mixtape > span {
  display: block;
  line-height: 48px;
  white-space: nowrap;
  overflow: hidden;
}
.preview-overlay .overlay-bottom-controls {
  bottom: 0;
  text-align: center;
}
.preview-overlay .overlay-bottom-controls .open-mixtape {
  display: block;
  padding: 5px;
  color: #ffffff;
}
.preview-overlay .overlay-bottom-controls .open-mixtape > img {
  display: block;
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 5px;
}
.preview-overlay .overlay-bottom-controls .open-mixtape > span {
  display: block;
  line-height: 48px;
  white-space: nowrap;
  overflow: hidden;
}
.preview-overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */
}
.preview-overlay .overlay-contents {
  position: relative;
  top: 35px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 100%;
  white-space: normal;
  text-align: left;
  color: #444444;
}
.preview-overlay .overlay-contents .track-slider {
  display: block;
}
.preview-overlay .overlay-contents .track-slider .track-slide {
  position: relative;
  display: block;
  margin: 5px;
  padding: 30px 10px;
  height: 350px;
  background-color: #ffffff;
  border-radius: 15px;
  outline: none;
}
.preview-overlay .overlay-contents .track-slider .track-slide .loading-preview {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding-top: 155px;
  border-radius: 15px;
  text-align: center;
}
.preview-overlay .overlay-contents .track-slider .track-slide .loading-preview > .item-loader {
  display: inline-block;
}
.preview-overlay .overlay-contents .track-slider .track-slide .preview-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  margin-top: -27px;
  background: none;
  border: none;
  -webkit-appearance: none;
  font-size: 36px;
  padding: 6px 24px;
  outline: none;
}
.preview-overlay .overlay-contents .track-slider .track-slide .preview-arrow.preview-arrow--prev {
  left: 0;
  border-radius: 0 30px 30px 0;
}
.preview-overlay .overlay-contents .track-slider .track-slide .preview-arrow.preview-arrow--next {
  right: 0;
  border-radius: 30px 0 0 30px;
}
.preview-overlay .overlay-contents .track-slider .track-slide .preview-arrow.preview-arrow--disabled {
  display: none !important;
}
.preview-overlay .overlay-contents .track-slider .track-slide .preview-play-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-top: -35px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  text-align: center;
  color: #444444;
}
.preview-overlay .overlay-contents .track-slider .track-slide .preview-play-pause > .icon {
  font-size: 60px;
}
.preview-overlay .overlay-contents .track-slider .track-slide .preview-play-pause:hover {
  color: #272727;
}
.preview-overlay .overlay-contents .track-slider .track-slide.loading .loading-preview {
  display: block;
}
.preview-overlay .overlay-contents .track-slider .track-slide.loading .preview-play-pause {
  display: none;
}
.preview-overlay .overlay-contents .track-slider .track-slide h3.track-title {
  position: relative;
  display: block;
  margin: 0;
  padding-left: 25px;
  width: 100%;
  height: auto;
  max-height: 105px;
  font-size: 30px;
  line-height: 35px;
  text-align: left;
  overflow: hidden;
}
.preview-overlay .overlay-contents .track-slider .track-slide h3.track-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 60px;
  height: 35px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.preview-overlay .overlay-contents .track-slider .track-slide h3.track-title > .track-no {
  position: absolute;
  left: 0;
  top: 16px;
  width: 20px;
  margin-right: 5px;
  text-align: right;
  font-size: 10px;
  line-height: normal;
  vertical-align: baseline;
  color: #444444;
}
.preview-overlay .overlay-contents .track-slider .track-slide h4 {
  position: relative;
  margin: 10px 0;
  padding-left: 25px;
  color: #444444;
  width: 100%;
  height: auto;
  max-height: 40px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-align: left;
  overflow: hidden;
}
.preview-overlay .overlay-contents .track-slider .track-slide h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  width: 60px;
  height: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.preview-overlay .overlay-contents .track-slider .track-slide ul.track-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  margin: 0 0 30px;
  width: 100%;
  padding: 0;
  list-style: none;
  font-size: 0;
  text-align: center;
}
.preview-overlay .overlay-contents .track-slider .track-slide ul.track-controls li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 64px;
}
.preview-overlay .overlay-contents .track-slider .track-slide ul.track-controls li a {
  display: block;
  padding: 5px;
  font-size: 14px;
  color: #444444;
}
.preview-overlay .overlay-contents .track-slider .track-slide ul.track-controls li a.active {
  color: #ce0000;
}
.preview-overlay .overlay-contents .track-slider .track-slide ul.track-controls li a .icon {
  display: block;
  margin-bottom: 5px;
  text-align: center;
  font-size: 30px;
}
.preview-overlay .overlay-contents .track-slider .track-slide ul.track-controls li a .label {
  display: block;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  text-align: center;
}
#mixtape-preview-overlay {
  display: none;
}
@media (min-width: 1200px) {
  #mixtape-preview-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: none;
    padding: 6px;
    margin-top: -100px;
    width: 100%;
    height: 50px;
    text-align: center;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
  #mixtape-preview-overlay .new-loader {
    display: none;
    padding: 25px 0;
    height: 83px;
    background-color: #ffffff;
  }
  #mixtape-preview-overlay .preview-controls {
    position: absolute;
    top: 0;
    left: 6px;
    right: 6px;
    bottom: 6px;
    z-index: 0;
    background-color: #ffffff;
    text-align: center;
    font-size: 14px;
  }
  #mixtape-preview-overlay .preview-controls .anim-song-preview {
    display: none;
    margin-bottom: 10px;
  }
  #mixtape-preview-overlay .preview-controls .preview-toggle-switch .label {
    display: block;
    text-transform: uppercase;
    font: normal 600 14px 'Montserrat', sans-serif;
    font-size: 8px;
    margin-top: 5px;
    text-align: center;
  }
  #mixtape-preview-overlay .preview-controls .preview-mode-next,
  #mixtape-preview-overlay .preview-controls .preview-mode-prev {
    position: absolute;
    top: 0;
    z-index: 2;
    display: none;
    padding: 10px;
    background: none;
    border: none;
    outline: none;
    color: #ce0000;
    font-size: 16px;
    transition: color 0.2s ease-in-out;
  }
  #mixtape-preview-overlay .preview-controls .preview-mode-next:hover,
  #mixtape-preview-overlay .preview-controls .preview-mode-prev:hover {
    color: #9b0000;
  }
  #mixtape-preview-overlay .preview-controls .preview-mode-next {
    right: 0;
  }
  #mixtape-preview-overlay .preview-controls .preview-mode-prev {
    left: 0;
  }
  #mixtape-preview-overlay .preview-controls .preview-track-title {
    position: absolute;
    top: 12px;
    left: 30px;
    right: 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    font-size: 14px;
    cursor: pointer;
  }
  #mixtape-preview-overlay .preview-controls .preview-track-title > .title {
    display: inline;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: auto;
    text-indent: 0;
  }
  #mixtape-preview-overlay .preview-controls .preview-track-title > .title a {
    display: inline-block;
    text-indent: 0;
  }
  #mixtape-preview-overlay .preview-controls .preview-track-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
  }
  #mixtape-preview-overlay .preview-controls .preview-track-title:hover {
    color: #ce0000;
  }
  #mixtape-preview-overlay.show {
    display: block;
  }
  #mixtape-preview-overlay.active {
    height: 100px;
  }
  #mixtape-preview-overlay.active .preview-controls {
    top: 6px;
    padding-top: 10px;
  }
  #mixtape-preview-overlay.active .preview-controls .anim-song-preview {
    display: inline-block;
  }
  #mixtape-preview-overlay.active .preview-controls .preview-mode-next,
  #mixtape-preview-overlay.active .preview-controls .preview-mode-prev,
  #mixtape-preview-overlay.active .preview-controls .preview-track-title {
    display: block;
  }
  #mixtape-preview-overlay.show-title .preview-controls .anim-song-preview {
    opacity: 0;
  }
  #mixtape-preview-overlay.show-title .preview-controls .preview-track-title {
    opacity: 1;
  }
  #mixtape-preview-overlay.loading .new-loader {
    display: block;
  }
  #mixtape-preview-overlay.loading .preview-controls {
    display: none;
  }
}
/* Footer */
footer.page .footer-info {
  display: none;
  padding: 60px 0;
  text-align: center;
  background-color: #272727;
}
footer.page .footer-info > .container > img {
  max-width: 100%;
  width: 196px;
  height: auto;
}
footer.page .footer-info ul {
  margin: 20px 0;
  list-style: none;
  padding: 0;
}
footer.page .footer-info ul.payment {
  margin-top: 60px;
}
footer.page .footer-info ul.payment > li {
  padding: 5px;
  display: inline-block;
}
footer.page .footer-copy {
  padding: 25px 0;
  text-align: center;
  background-color: #000000;
}
footer.page .footer-copy p {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 1025px) {
  footer.page .footer-info {
    display: block;
  }
}
section.help-center h1 {
  text-align: center;
}
section.help-center .help-content:before,
section.help-center .help-content:after {
  display: table;
}
section.help-center .help-content:after {
  content: '';
  clear: both;
}
section.help-center .help-content .help-overview {
  display: none;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
section.help-center .help-content .help-overview ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
section.help-center .help-content .help-overview ul li {
  display: block;
}
section.help-center .help-content .help-overview ul li a {
  display: block;
  padding: 10px 15px;
  padding-left: 12px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #cccccc;
  background-color: #272727;
  border-left: solid 3px #272727;
  border-bottom: solid 1px #343434;
}
section.help-center .help-content .help-overview ul li a:hover {
  background-color: #343434;
}
section.help-center .help-content .help-overview ul li:last-child a {
  border: none;
}
section.help-center .help-content .help-overview ul li.active a {
  background-color: #343434;
  color: #ffffff;
  border-left-color: #ce0000;
}
section.help-center .help-content .help-overview.stick-on-page {
  position: fixed;
}
section.help-center .help-content .help-block-group .help-block {
  margin: 0;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
section.help-center .help-content .help-block-group .help-block:last-child {
  margin-bottom: 0;
}
section.help-center .help-content .help-block-group .help-block h2 {
  margin: 0;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #e7e7e7;
}
section.help-center .help-content .help-block-group .help-block p {
  margin: 20px 0;
}
section.help-center .help-content .help-block-group .help-block p:first-child {
  margin-top: 0;
}
section.help-center .help-content .help-block-group .help-block p:last-child {
  margin-bottom: 0;
}
section.help-center .help-content .help-block-group .help-block p.lead {
  margin-top: 0;
  font-size: 16px;
}
@media (min-width: 768px) {
  section.help-center {
    margin: 0 auto;
    padding: 40px 0;
    width: 700px;
  }
  section.help-center .help-content {
    position: relative;
    /*.help-overview {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 180px;

				ul {
					li {
						a {
							font-size: 12px;
						}
					}
				}
			}

			.help-block-group {
				width: 500px;
				float: right;
			}*/
  }
}
@media (min-width: 990px) {
  section.help-center {
    margin: 0 auto;
    padding: 40px 0;
    width: 930px;
  }
  section.help-center .help-content {
    position: relative;
    /*.help-overview {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 260px;

				ul {
					li {
						a {
							font-size: 12px;
						}
					}
				}
			}

			.help-block-group {
				width: 650px;
				float: right;
			}*/
  }
}
.faq-group {
  /* FAQ */
  /* FAQ */
}
.faq-group .faq {
  margin: 15px 0;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.faq-group .faq h3 {
  margin: 0;
  padding: 15px;
  font-size: 16px;
}
.faq-group .faq .toggle-answer {
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}
.faq-group .faq .toggle-answer:before {
  position: absolute;
  top: 30%;
  right: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "mu2icons";
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  content: '\e811';
}
.faq-group .faq .answer {
  display: none;
  width: 100%;
  padding: 15px;
}
.faq-group .faq:hover,
.faq-group .faq.active {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.07);
}
.faq-group .faq.active .toggle-answer:before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
section.privacy-policy {
  padding: 15px;
  background-color: #fff;
}
@media (min-width: 1200px) {
  section.privacy-policy {
    margin: 4em auto;
    border-radius: 10px;
  }
}
section.privacy-policy h1 {
  text-transform: uppercase;
}
section.privacy-policy h2 {
  font: normal 700 28px 'Montserrat', sans-serif;
  font-size: 18px;
}
section.privacy-policy h3 {
  font: normal 600 12px 'Open Sans', sans-serif;
  font-size: 16px;
}
section.privacy-policy strong {
  color: #272727;
}
article.member-profile {
  position: relative;
  margin: 15px auto;
  background-color: #f4f4f4;
}
article.member-profile .profile-container {
  margin: 0 -8px 0;
}
article.member-profile .profile-container:before,
article.member-profile .profile-container:after {
  display: table;
}
article.member-profile .profile-container:after {
  content: '';
  clear: both;
}
article.member-profile .profile-container .close {
  display: none;
}
article.member-profile .profile-container .profile-banner {
  position: relative;
  margin: 8px 8px 0;
  height: 180px;
  background: #272727 top center;
  background-size: cover;
  overflow: hidden;
}
article.member-profile .profile-container .profile-banner > .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(26, 35, 35, 0.2);
}
article.member-profile .profile-container .col-inner {
  padding: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
article.member-profile .profile-container .col-inner:before,
article.member-profile .profile-container .col-inner:after {
  display: table;
}
article.member-profile .profile-container .col-inner:after {
  content: '';
  clear: both;
}
article.member-profile .profile-container .col-info {
  margin-bottom: 15px;
}
article.member-profile .profile-container .col-info .head,
article.member-profile .profile-container .profile-banner .head {
  position: relative;
  height: 80px;
}
article.member-profile .profile-container .col-info .head .thumbnail,
article.member-profile .profile-container .profile-banner .head .thumbnail {
  float: left;
  width: 80px;
  margin: -5px 15px 0 2px;
  background-color: #dbdbdb;
}
article.member-profile .profile-container .col-info .head .thumbnail img,
article.member-profile .profile-container .profile-banner .head .thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}
article.member-profile .profile-container .col-info .head .profile-title > h1,
article.member-profile .profile-container .profile-banner .head .profile-title > h1 {
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
}
article.member-profile .profile-container .col-info .head .profile-title > .sub-heading,
article.member-profile .profile-container .profile-banner .head .profile-title > .sub-heading {
  margin: 0;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #444444;
}
article.member-profile .profile-container .col-info .head .profile-controls,
article.member-profile .profile-container .profile-banner .head .profile-controls {
  margin-top: 10px;
}
article.member-profile .profile-container .col-info .head .profile-controls button,
article.member-profile .profile-container .profile-banner .head .profile-controls button {
  margin: 0 1px;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 18px;
  color: #444444;
  background-color: transparent;
  border: solid 1px #444444;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
article.member-profile .profile-container .col-info .head .profile-controls button span,
article.member-profile .profile-container .profile-banner .head .profile-controls button span {
  position: relative;
  top: 2px;
  font-size: 14px;
}
article.member-profile .profile-container .col-info .head .profile-controls button:hover,
article.member-profile .profile-container .profile-banner .head .profile-controls button:hover,
article.member-profile .profile-container .col-info .head .profile-controls button:focus,
article.member-profile .profile-container .profile-banner .head .profile-controls button:focus {
  background: #e7e7e7;
}
article.member-profile .profile-container .profile-banner .head {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  margin: 10px;
}
article.member-profile .profile-container .profile-banner .head .thumbnail {
  margin: 0 15px 0 0;
}
article.member-profile .profile-container .profile-banner .head .profile-title > h1 {
  color: #ffffff;
}
article.member-profile .profile-container .profile-banner .head .profile-title > .sub-heading {
  color: #ffffff;
}
article.member-profile .profile-container .profile-banner .head .profile-controls button {
  padding: 5px 10px;
  line-height: 18px;
  color: #444444;
  background-color: #ffffff;
  border: none;
}
article.member-profile .profile-container .profile-banner .head .profile-controls button:hover {
  background-color: #ce0000;
}
article.member-profile .profile-container .col-info .details h2 {
  display: none;
  margin: 0 0 10px;
  font-size: 16px;
  text-transform: uppercase;
}
article.member-profile .profile-container .col-info .details .short-bio {
  display: none;
}
article.member-profile .profile-container .col-info .details .short-bio p {
  margin: 0 0 5px;
}
article.member-profile .profile-container .col-info .details ul.social-links {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
article.member-profile .profile-container .col-info .details ul.social-links > li {
  display: inline-block;
  margin: 0 3px;
}
article.member-profile .profile-container .col-info .details ul.social-links > li > a {
  display: block;
  border: none;
  outline: none;
  line-height: 20px;
}
article.member-profile .profile-container .col-info .details ul.social-links > li > a > span {
  display: inline-block;
  padding: 3px;
  color: #fff;
  background: #444444;
  border-radius: 3px;
}
article.member-profile .profile-container .col-info .details ul.social-links > li > a > span.color-social-fb {
  background-color: #3b5998;
}
article.member-profile .profile-container .col-info .details ul.social-links > li > a > span.color-social-tw {
  background-color: #1da1f2;
}
article.member-profile .profile-container .col-info .details ul.social-links > li > a > span.color-social-gp {
  background-color: #dd4b39;
}
article.member-profile .profile-container .col-info .details ul.social-links > li > a > span.color-social-tum {
  background-color: #5851db;
}
article.member-profile .profile-container .col-info .details .member-info {
  display: none;
  margin: 20px 0;
}
article.member-profile .profile-container .col-info .details .member-info h3 {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
}
article.member-profile .profile-container .col-info .details .member-info p {
  margin: 0;
}
article.member-profile .profile-container .col-info .connections {
  display: none;
}
article.member-profile .profile-container .col-info .connections .contact-list {
  margin: 0 -5px 0;
  padding: 0;
  list-style: none;
}
article.member-profile .profile-container .col-info .connections .contact-list:before,
article.member-profile .profile-container .col-info .connections .contact-list:after {
  display: table;
}
article.member-profile .profile-container .col-info .connections .contact-list:after {
  content: '';
  clear: both;
}
article.member-profile .profile-container .col-info .connections .contact-list > li {
  display: block;
  float: left;
  width: 50%;
  padding: 5px;
}
article.member-profile .profile-container .col-info .connections .contact-list > li > a {
  display: block;
}
article.member-profile .profile-container .col-info .connections .contact-list > li > a > img {
  display: block;
  width: 100%;
  height: auto;
}
article.member-profile .profile-container .col-related-content {
  margin-top: 15px;
}
article.member-profile .profile-container .col-related-content .more-content-box h3 {
  margin: 0 5px 10px;
  font-size: 12px;
  text-transform: uppercase;
}
article.member-profile .profile-container .col-related-content .more-content-box .member-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
article.member-profile .profile-container .col-related-content .more-content-box .member-list:before,
article.member-profile .profile-container .col-related-content .more-content-box .member-list:after {
  display: table;
}
article.member-profile .profile-container .col-related-content .more-content-box .member-list:after {
  content: '';
  clear: both;
}
article.member-profile .profile-container .col-related-content .more-content-box .member-list > li {
  display: block;
  float: left;
  width: 50%;
  padding: 5px;
  word-break: break-word;
}
article.member-profile .profile-container .col-related-content .more-content-box .member-list > li:nth-child(2n+1) {
  clear: both;
}
article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a {
  display: block;
  text-align: center;
  color: #444444;
  font-size: 12px;
}
article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a > img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  border: none;
  outline: none;
}
article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a:hover,
article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a:focus {
  color: #ce0000;
}
article.member-profile .member-controls {
  margin: 10px 0;
  padding: 5px 0;
  text-align: center;
  border: solid 1px #f4f4f4;
  border-left: none;
  border-right: none;
}
article.member-profile .mixtape {
  position: relative;
  padding: 15px 0;
  border-top: solid 1px #e7e7e7;
  cursor: pointer;
}
article.member-profile .mixtape:before,
article.member-profile .mixtape:after {
  display: table;
}
article.member-profile .mixtape:after {
  content: '';
  clear: both;
}
article.member-profile .mixtape .cover {
  position: relative;
  height: 0px;
  padding-top: 60%;
  background: #272727;
  overflow: hidden;
}
article.member-profile .mixtape .cover > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
}
article.member-profile .mixtape .details {
  position: relative;
  padding: 10px 20px 10px 10px;
}
article.member-profile .mixtape .details h3 {
  margin: 0 0 10px;
  font-size: 16px;
  text-transform: uppercase;
}
article.member-profile .mixtape .details .info {
  margin: 0 0  10px;
}
article.member-profile .mixtape .details ul.meta {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
article.member-profile .mixtape .details ul.meta li {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
article.member-profile .mixtape .options {
  position: absolute;
  top: 0;
  right: 0;
}
article.member-profile .mixtape .options.dropdown > a {
  display: block;
  padding: 6px 0 6px 6px;
  font-size: 18px;
}
article.member-profile .mixtape .options.dropdown > ul {
  top: auto;
  bottom: 0;
}
article.member-profile .mixtape:hover,
article.member-profile .mixtape:focus {
  background-color: #f4f4f4;
}
article.member-profile .track {
  position: relative;
  margin: 0;
  padding: 10px 0px;
  border-top: solid 1px #eee;
  cursor: pointer;
}
article.member-profile .track:before,
article.member-profile .track:after {
  display: table;
}
article.member-profile .track:after {
  content: '';
  clear: both;
}
article.member-profile .track:hover {
  background-color: #f4f4f4;
}
article.member-profile .track .play-track {
  border: none;
  background: none;
  position: absolute;
  top: 14px;
  left: 0;
  font-size: 26px;
  color: #5e5e5e;
  outline: none;
}
article.member-profile .track .play-track:hover {
  color: #ce0000;
}
article.member-profile .track:hover .play-track {
  color: #444444;
}
article.member-profile .track:hover .play-track:hover {
  color: #ce0000;
}
article.member-profile .track.playing .play-track {
  color: #ce0000;
}
article.member-profile .track .track-name {
  overflow: hidden;
  display: block;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  color: #2b2b2b;
}
article.member-profile .track .track-name > a {
  display: block;
  color: #2b2b2b;
}
article.member-profile .track .track-name > a:hover {
  color: #ce0000;
}
article.member-profile .track .track-name > a img {
  float: left;
  display: block;
  margin-right: 15px;
  width: 50px;
  height: 50px;
}
article.member-profile .track .track-name > .track-details {
  display: block;
  padding-top: 3px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  color: #444444;
  font-size: 14px;
}
article.member-profile .track button.more-options {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 16px;
  outline: none;
}
article.member-profile .track ul.track-dropdown {
  position: absolute;
  background: #fff;
  z-index: 5;
  width: 167px;
  list-style: none;
  padding: 0;
  margin: 0;
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
  display: none;
}
article.member-profile .track ul.track-dropdown > li {
  padding: 0;
  border: none;
}
article.member-profile .track ul.track-dropdown > li:last-child {
  border: none;
}
article.member-profile .track ul.track-dropdown > li > a {
  display: block;
  padding: 8px 10px;
  color: #444444;
  font-size: 12px;
}
article.member-profile .track ul.track-dropdown > li > a:hover {
  background-color: #f4f4f4;
}
article.member-profile .track .track-time {
  float: right;
  margin-right: 35px;
  color: #5e5e5e;
  font-size: 12px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
}
article.member-profile .track .track-no {
  float: left;
  display: inline-block;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  width: 20px;
  text-align: right;
  margin-left: 45px;
  margin-right: 20px;
  color: #2b2b2b;
  font-size: 12px;
  line-height: 20px;
}
article.member-profile .track:last-child {
  border-bottom: solid 1px #eee;
}
@media (min-width: 768px) {
  article.member-profile {
    margin: 30px auto;
    padding: 15px;
    width: 700px;
  }
  article.member-profile .profile-container {
    margin: 0 -8px 0;
  }
  article.member-profile .profile-container:before,
  article.member-profile .profile-container:after {
    display: table;
  }
  article.member-profile .profile-container:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .close {
    display: block;
  }
  article.member-profile .profile-container .profile-banner {
    position: relative;
    margin: 8px 8px 15px;
    height: 300px;
    background: #272727 top center;
    background-size: cover;
    overflow: hidden;
  }
  article.member-profile .profile-container .profile-banner > .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(26, 35, 35, 0.2);
  }
  article.member-profile .profile-container .col-info,
  article.member-profile .profile-container .col-content,
  article.member-profile .profile-container .col-related-content {
    padding: 0 8px 0;
  }
  article.member-profile .profile-container .col-content,
  article.member-profile .profile-container .col-related-content {
    float: left;
  }
  article.member-profile .profile-container .col-inner {
    padding: 12px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  article.member-profile .profile-container .col-inner:before,
  article.member-profile .profile-container .col-inner:after {
    display: table;
  }
  article.member-profile .profile-container .col-inner:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-info {
    margin-bottom: 15px;
  }
  article.member-profile .profile-container .col-info .head,
  article.member-profile .profile-container .profile-banner .head {
    position: relative;
  }
  article.member-profile .profile-container .col-info .head .thumbnail,
  article.member-profile .profile-container .profile-banner .head .thumbnail {
    float: left;
    width: 120px;
    margin: -4px 15px 0 -4px;
    background-color: #dbdbdb;
  }
  article.member-profile .profile-container .col-info .head .thumbnail img,
  article.member-profile .profile-container .profile-banner .head .thumbnail img {
    display: block;
    width: 100%;
    height: auto;
  }
  article.member-profile .profile-container .col-info .head .profile-title > h1,
  article.member-profile .profile-container .profile-banner .head .profile-title > h1 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
  }
  article.member-profile .profile-container .col-info .head .profile-title > .sub-heading,
  article.member-profile .profile-container .profile-banner .head .profile-title > .sub-heading {
    margin: 0;
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    color: #444444;
  }
  article.member-profile .profile-container .col-info .head .profile-controls,
  article.member-profile .profile-container .profile-banner .head .profile-controls {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
  }
  article.member-profile .profile-container .profile-banner .head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 300px;
    margin: 10px 30px 0;
  }
  article.member-profile .profile-container .profile-banner .head .thumbnail {
    float: none;
    margin: 0;
    background: none;
  }
  article.member-profile .profile-container .profile-banner .head .thumbnail img {
    width: 180px;
    height: 180px;
    border-radius: 180px;
  }
  article.member-profile .profile-container .profile-banner .head .profile-title {
    padding: 10px 0;
  }
  article.member-profile .profile-container .profile-banner .head .profile-title > h1 {
    color: #ffffff;
  }
  article.member-profile .profile-container .profile-banner .head .profile-title > .sub-heading {
    color: #ffffff;
  }
  article.member-profile .profile-container .profile-banner .head .profile-controls {
    position: relative;
  }
  article.member-profile .profile-container .profile-banner .head .profile-controls button {
    padding: 5px 10px;
    line-height: 18px;
    color: #ffffff;
    background: none;
  }
  article.member-profile .profile-container .profile-banner .head .profile-controls button:hover {
    background-color: #ce0000;
  }
  article.member-profile .profile-container .col-info .details h2 {
    display: none;
    margin: 0 0 10px;
    font-size: 16px;
    text-transform: uppercase;
  }
  article.member-profile .profile-container .col-info .details .short-bio {
    display: none;
  }
  article.member-profile .profile-container .col-info .details .short-bio p {
    margin: 0 0 5px;
  }
  article.member-profile .profile-container .col-info .details .member-info {
    display: none;
    margin: 20px 0;
  }
  article.member-profile .profile-container .col-info .details .member-info h3 {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
  }
  article.member-profile .profile-container .col-info .details .member-info p {
    margin: 0;
  }
  article.member-profile .profile-container .col-info .connections {
    display: none;
  }
  article.member-profile .profile-container .col-info .connections .contact-list {
    margin: 0 -5px 0;
    padding: 0;
    list-style: none;
  }
  article.member-profile .profile-container .col-info .connections .contact-list:before,
  article.member-profile .profile-container .col-info .connections .contact-list:after {
    display: table;
  }
  article.member-profile .profile-container .col-info .connections .contact-list:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-info .connections .contact-list > li {
    display: block;
    float: left;
    width: 50%;
    padding: 5px;
  }
  article.member-profile .profile-container .col-info .connections .contact-list > li > a {
    display: block;
  }
  article.member-profile .profile-container .col-info .connections .contact-list > li > a > img {
    display: block;
    width: 100%;
    height: auto;
  }
  article.member-profile .profile-container .col-content {
    width: 70%;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px #f4f4f4;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls:before,
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls:after {
    display: table;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li {
    display: block;
    float: left;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li > a {
    display: block;
    padding: 8px 25px;
    color: #444444;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li > a:hover,
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li > a:focus {
    color: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li.active a {
    color: #272727;
    background: #f4f4f4;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters {
    position: relative;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters:before,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters:after {
    display: table;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type {
    margin: 0;
    padding: 0;
    width: 60%;
    float: left;
    list-style: none;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type:before,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type:after {
    display: table;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li {
    padding: 8px 2px;
    display: inline-block;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li > a {
    display: block;
    padding: 5px 15px;
    color: #444444;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 5px;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li > a:hover,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li > a:focus {
    color: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li.active a {
    color: #ffffff;
    background: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box {
    float: left;
    width: 15%;
    position: relative;
    padding: 7px;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box .toggle-search-bar {
    float: right;
    border: none;
    background: none;
    outline: none;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box .toggle-search-bar > span {
    position: relative;
    top: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box .toggle-search-bar:hover > span,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box .toggle-search-bar:focus > span {
    color: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter {
    position: relative;
    float: left;
    width: 25%;
    margin-top: 5px;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > a {
    display: block;
    padding: 5px 10px;
    border: solid 1px #e7e7e7;
    color: #444444;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > a:after {
    content: '';
    margin: 7px 0;
    height: 1px;
    width: 1px;
    float: right;
    border: 4px solid transparent;
    border-top: solid 4px #444444;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > a:hover,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > a:focus {
    border-color: #cecece;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > ul {
    top: 100%;
    right: 1px;
    padding: 0;
    min-width: 140px;
  }
  article.member-profile .profile-container .col-content .tabbed-content .search-bar {
    display: none;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: solid 1px #848484;
  }
  article.member-profile .profile-container .col-content .tabbed-content .search-bar:before,
  article.member-profile .profile-container .col-content .tabbed-content .search-bar:after {
    display: table;
  }
  article.member-profile .profile-container .col-content .tabbed-content .search-bar:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-content .tabbed-content .search-bar > input {
    display: block;
    padding: 10px;
    width: 100%;
    border: none;
    outline: none;
    background: none;
    font-size: 14px;
    color: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content {
    min-height: 500px;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .eof {
    padding: 20px 0;
    font-size: 10px;
    color: #5e5e5e;
    text-transform: uppercase;
    text-align: center;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found {
    padding: 60px 10px;
    text-align: center;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found img {
    display: inline-block;
    width: 200px;
    height: auto;
    margin-bottom: 20px;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found h3 {
    color: #444444;
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found h3:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    margin: 10px auto;
    border-top: solid 1px #f4f4f4;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found p {
    margin: 0;
  }
  article.member-profile .profile-container .col-related-content {
    margin-top: 0;
    width: 30%;
  }
  article.member-profile .profile-container .col-related-content .more-content-box {
    margin-bottom: 40px;
  }
  article.member-profile .profile-container .col-related-content .more-content-box h3 {
    margin: 0 0 10px;
    text-transform: uppercase;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list {
    margin: 0 -10px 0;
    padding: 0;
    list-style: none;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list:before,
  article.member-profile .profile-container .col-related-content .more-content-box .member-list:after {
    display: table;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li {
    display: block;
    float: left;
    width: 50%;
    padding: 5px;
    word-break: break-word;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a {
    display: block;
    text-align: center;
    color: #444444;
    font-size: 12px;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a > img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    border: none;
    outline: none;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a:hover,
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a:focus {
    color: #ce0000;
  }
  article.member-profile .member-controls {
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
    border: solid 1px #f4f4f4;
    border-left: none;
    border-right: none;
  }
  article.member-profile .mixtape {
    position: relative;
    margin: 0 auto;
    padding: 10px;
    width: 420px;
    border-top: solid 1px #e7e7e7;
    cursor: pointer;
  }
  article.member-profile .mixtape:before,
  article.member-profile .mixtape:after {
    display: table;
  }
  article.member-profile .mixtape:after {
    content: '';
    clear: both;
  }
  article.member-profile .mixtape .cover {
    width: 400px;
    height: 400px;
    margin-right: 15px;
    background: #272727;
  }
  article.member-profile .mixtape .cover > img {
    display: block;
    width: 100%;
    height: auto;
  }
  article.member-profile .mixtape .details h3 {
    margin: 10px 0 10px;
    font-size: 16px;
    text-transform: uppercase;
  }
  article.member-profile .mixtape .details .info {
    margin: 0 0  10px;
  }
  article.member-profile .mixtape .details ul.meta {
    margin: 10px 0;
    padding: 0;
    list-style: none;
  }
  article.member-profile .mixtape .details ul.meta li {
    margin: 0;
    padding: 0;
    font-size: 12px;
  }
  article.member-profile .mixtape .options.dropdown > a {
    display: block;
    padding: 6px 0 6px 6px;
    font-size: 18px;
  }
  article.member-profile .mixtape:hover,
  article.member-profile .mixtape:focus {
    background-color: #f4f4f4;
  }
  article.member-profile .track {
    position: relative;
    margin: 0;
    padding: 10px 0px;
    border-top: solid 1px #eee;
    cursor: pointer;
  }
  article.member-profile .track:before,
  article.member-profile .track:after {
    display: table;
  }
  article.member-profile .track:after {
    content: '';
    clear: both;
  }
  article.member-profile .track:hover {
    background-color: #f4f4f4;
  }
  article.member-profile .track .play-track {
    border: none;
    background: none;
    position: absolute;
    top: 14px;
    left: 0;
    font-size: 26px;
    color: #5e5e5e;
    outline: none;
  }
  article.member-profile .track .play-track:hover {
    color: #ce0000;
  }
  article.member-profile .track:hover .play-track {
    color: #444444;
  }
  article.member-profile .track:hover .play-track:hover {
    color: #ce0000;
  }
  article.member-profile .track.playing .play-track {
    color: #ce0000;
  }
  article.member-profile .track .track-name {
    overflow: hidden;
    display: block;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    font-size: 16px;
    color: #2b2b2b;
  }
  article.member-profile .track .track-name > a {
    display: block;
    color: #2b2b2b;
  }
  article.member-profile .track .track-name > a:hover {
    color: #ce0000;
  }
  article.member-profile .track .track-name > a img {
    float: left;
    display: block;
    margin-right: 15px;
    width: 50px;
    height: 50px;
  }
  article.member-profile .track .track-name > .track-details {
    display: block;
    padding-top: 3px;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    color: #444444;
    font-size: 14px;
  }
  article.member-profile .track button.more-options {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 16px;
    outline: none;
  }
  article.member-profile .track ul.track-dropdown {
    position: absolute;
    background: #fff;
    z-index: 5;
    width: 167px;
    list-style: none;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
    display: none;
  }
  article.member-profile .track ul.track-dropdown > li {
    padding: 0;
    border: none;
  }
  article.member-profile .track ul.track-dropdown > li:last-child {
    border: none;
  }
  article.member-profile .track ul.track-dropdown > li > a {
    display: block;
    padding: 8px 10px;
    color: #444444;
    font-size: 12px;
  }
  article.member-profile .track ul.track-dropdown > li > a:hover {
    background-color: #f4f4f4;
  }
  article.member-profile .track .track-time {
    float: right;
    margin-right: 35px;
    color: #5e5e5e;
    font-size: 12px;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  }
  article.member-profile .track .track-no {
    float: left;
    display: inline-block;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    width: 20px;
    text-align: right;
    margin-left: 45px;
    margin-right: 20px;
    color: #2b2b2b;
    font-size: 12px;
    line-height: 20px;
  }
  article.member-profile .track:last-child {
    border-bottom: solid 1px #eee;
  }
}
@media (min-width: 1025px) {
  article.member-profile {
    position: relative;
    margin: 30px auto;
    padding: 15px;
    width: 1000px;
    background-color: #f4f4f4;
  }
  article.member-profile .profile-container {
    margin: 0 -8px 0;
  }
  article.member-profile .profile-container:before,
  article.member-profile .profile-container:after {
    display: table;
  }
  article.member-profile .profile-container:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .profile-banner {
    position: relative;
    margin: 8px 8px 15px;
    height: 300px;
    background: #272727 top center;
    background-size: cover;
    overflow: hidden;
  }
  article.member-profile .profile-container .profile-banner > .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(26, 35, 35, 0.2);
  }
  article.member-profile .profile-container .col-info,
  article.member-profile .profile-container .col-content,
  article.member-profile .profile-container .col-related-content {
    float: left;
    padding: 0 8px 0;
  }
  article.member-profile .profile-container .col-inner {
    padding: 12px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  article.member-profile .profile-container .col-inner:before,
  article.member-profile .profile-container .col-inner:after {
    display: table;
  }
  article.member-profile .profile-container .col-inner:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-info {
    width: 24%;
  }
  article.member-profile .profile-container .col-info .head,
  article.member-profile .profile-container .profile-banner .head {
    height: auto;
    margin-bottom: 20px;
  }
  article.member-profile .profile-container .col-info .head .thumbnail,
  article.member-profile .profile-container .profile-banner .head .thumbnail {
    float: none;
    width: auto;
    margin: -4px -4px 0;
    background-color: #dbdbdb;
  }
  article.member-profile .profile-container .col-info .head .thumbnail img,
  article.member-profile .profile-container .profile-banner .head .thumbnail img {
    display: block;
    width: 100%;
    height: auto;
  }
  article.member-profile .profile-container .col-info .head .profile-title,
  article.member-profile .profile-container .profile-banner .head .profile-title {
    padding: 10px 0;
  }
  article.member-profile .profile-container .col-info .head .profile-title > h1,
  article.member-profile .profile-container .profile-banner .head .profile-title > h1 {
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
  }
  article.member-profile .profile-container .col-info .head .profile-title > .sub-heading,
  article.member-profile .profile-container .profile-banner .head .profile-title > .sub-heading {
    margin: 0;
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    font-size: 16px;
    color: #444444;
  }
  article.member-profile .profile-container .col-info .head .profile-controls,
  article.member-profile .profile-container .profile-banner .head .profile-controls {
    position: relative;
    margin-top: 15px;
  }
  article.member-profile .profile-container .col-info .head .profile-controls button,
  article.member-profile .profile-container .profile-banner .head .profile-controls button {
    margin: 0 1px;
    padding: 3px 10px;
    font-size: 10px;
    line-height: 25px;
    color: #444444;
    background-color: transparent;
    border: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  article.member-profile .profile-container .col-info .head .profile-controls button span,
  article.member-profile .profile-container .profile-banner .head .profile-controls button span {
    position: relative;
    top: 2px;
    font-size: 18px;
  }
  article.member-profile .profile-container .col-info .head .profile-controls button:hover,
  article.member-profile .profile-container .profile-banner .head .profile-controls button:hover,
  article.member-profile .profile-container .col-info .head .profile-controls button:focus,
  article.member-profile .profile-container .profile-banner .head .profile-controls button:focus {
    background: #e7e7e7;
  }
  article.member-profile .profile-container .profile-banner .head {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 300px;
    margin: 10px 30px 0;
  }
  article.member-profile .profile-container .profile-banner .head .thumbnail {
    margin: 0;
    background: none;
  }
  article.member-profile .profile-container .profile-banner .head .thumbnail img {
    width: 180px;
    height: 180px;
    border-radius: 180px;
  }
  article.member-profile .profile-container .profile-banner .head .profile-title > h1 {
    color: #ffffff;
  }
  article.member-profile .profile-container .profile-banner .head .profile-title > .sub-heading {
    color: #ffffff;
  }
  article.member-profile .profile-container .profile-banner .head .profile-controls button {
    padding: 5px 10px;
    line-height: 18px;
    color: #ffffff;
    background: none;
  }
  article.member-profile .profile-container .profile-banner .head .profile-controls button:hover {
    background-color: #ce0000;
  }
  article.member-profile .profile-container .col-info .details h2 {
    margin: 0 0 10px;
    font-size: 16px;
    text-transform: uppercase;
  }
  article.member-profile .profile-container .col-info .details .short-bio p {
    margin: 0 0 5px;
  }
  article.member-profile .profile-container .col-info .details .member-info {
    margin: 20px 0;
  }
  article.member-profile .profile-container .col-info .details .member-info h3 {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
  }
  article.member-profile .profile-container .col-info .details .member-info p {
    margin: 0;
  }
  article.member-profile .profile-container .col-info .connections .contact-list {
    margin: 0 -5px 0;
    padding: 0;
    list-style: none;
  }
  article.member-profile .profile-container .col-info .connections .contact-list:before,
  article.member-profile .profile-container .col-info .connections .contact-list:after {
    display: table;
  }
  article.member-profile .profile-container .col-info .connections .contact-list:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-info .connections .contact-list > li {
    display: block;
    float: left;
    width: 50%;
    padding: 5px;
  }
  article.member-profile .profile-container .col-info .connections .contact-list > li > a {
    display: block;
  }
  article.member-profile .profile-container .col-info .connections .contact-list > li > a > img {
    display: block;
    width: 100%;
    height: auto;
  }
  article.member-profile .profile-container .col-content {
    width: 51%;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px #f4f4f4;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls:before,
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls:after {
    display: table;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li {
    display: block;
    float: left;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li > a {
    display: block;
    padding: 8px 25px;
    color: #444444;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li > a:hover,
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li > a:focus {
    color: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-controls > li.active a {
    color: #272727;
    background: #f4f4f4;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters {
    position: relative;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters:before,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters:after {
    display: table;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type {
    margin: 0;
    padding: 0;
    width: 60%;
    float: left;
    list-style: none;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type:before,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type:after {
    display: table;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li {
    padding: 8px 2px;
    display: inline-block;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li > a {
    display: block;
    padding: 5px 15px;
    color: #444444;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 5px;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li > a:hover,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li > a:focus {
    color: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .content-type > li.active a {
    color: #ffffff;
    background: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box {
    float: left;
    width: 20%;
    position: relative;
    padding: 7px;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box .toggle-search-bar {
    float: right;
    border: none;
    background: none;
    outline: none;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box .toggle-search-bar > span {
    position: relative;
    top: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box .toggle-search-bar:hover > span,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .internal-search-box .toggle-search-bar:focus > span {
    color: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter {
    position: relative;
    float: left;
    width: 20%;
    margin-top: 5px;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > a {
    display: block;
    padding: 5px 10px;
    border: solid 1px #e7e7e7;
    color: #444444;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > a:after {
    content: '';
    margin: 7px 0;
    height: 1px;
    width: 1px;
    float: right;
    border: 4px solid transparent;
    border-top: solid 4px #444444;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > a:hover,
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > a:focus {
    border-color: #cecece;
  }
  article.member-profile .profile-container .col-content .tabbed-content .tab-filters .sort-filter > ul {
    top: 100%;
    right: 1px;
    padding: 0;
    min-width: 140px;
  }
  article.member-profile .profile-container .col-content .tabbed-content .search-bar {
    display: none;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: solid 1px #848484;
  }
  article.member-profile .profile-container .col-content .tabbed-content .search-bar:before,
  article.member-profile .profile-container .col-content .tabbed-content .search-bar:after {
    display: table;
  }
  article.member-profile .profile-container .col-content .tabbed-content .search-bar:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-content .tabbed-content .search-bar > input {
    display: block;
    padding: 10px;
    width: 100%;
    border: none;
    outline: none;
    background: none;
    font-size: 14px;
    color: #272727;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content {
    min-height: 500px;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .eof {
    padding: 20px 0;
    font-size: 10px;
    color: #5e5e5e;
    text-transform: uppercase;
    text-align: center;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found {
    padding: 60px 10px;
    text-align: center;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found img {
    display: inline-block;
    width: 200px;
    height: auto;
    margin-bottom: 20px;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found h3 {
    color: #444444;
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found h3:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    margin: 10px auto;
    border-top: solid 1px #f4f4f4;
  }
  article.member-profile .profile-container .col-content .tabbed-content #member-profile-content .not-found p {
    margin: 0;
  }
  article.member-profile .profile-container .col-related-content {
    width: 25%;
  }
  article.member-profile .profile-container .col-related-content .more-content-box {
    margin-bottom: 40px;
  }
  article.member-profile .profile-container .col-related-content .more-content-box h3 {
    margin: 0 0 10px;
    font-size: 16px;
    text-transform: uppercase;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list {
    margin: 0 -10px 0;
    padding: 0;
    list-style: none;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list:before,
  article.member-profile .profile-container .col-related-content .more-content-box .member-list:after {
    display: table;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list:after {
    content: '';
    clear: both;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li {
    display: block;
    float: left;
    width: 50%;
    padding: 10px;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a {
    display: block;
    text-align: center;
    color: #444444;
    font-size: 12px;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a > img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    border: none;
    outline: none;
  }
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a:hover,
  article.member-profile .profile-container .col-related-content .more-content-box .member-list > li > a:focus {
    color: #ce0000;
  }
  article.member-profile .member-controls {
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
    border: solid 1px #f4f4f4;
    border-left: none;
    border-right: none;
  }
  article.member-profile .mixtape {
    position: relative;
    padding: 10px;
    width: auto;
    border-top: solid 1px #e7e7e7;
    cursor: pointer;
  }
  article.member-profile .mixtape:before,
  article.member-profile .mixtape:after {
    display: table;
  }
  article.member-profile .mixtape:after {
    content: '';
    clear: both;
  }
  article.member-profile .mixtape .cover {
    float: left;
    padding: 0;
    width: 200px;
    height: 200px;
    margin-right: 15px;
    background: #272727;
    overflow: visible;
  }
  article.member-profile .mixtape .cover > img {
    position: static;
    display: block;
    width: 100%;
    height: auto;
  }
  article.member-profile .mixtape .details {
    padding: 0 20px 0 0;
    overflow: visible;
  }
  article.member-profile .mixtape .details h3 {
    margin: 0 0 10px;
    font-size: 16px;
    text-transform: uppercase;
  }
  article.member-profile .mixtape .details .info {
    margin: 0 0  10px;
  }
  article.member-profile .mixtape .details .info > a {
    color: #444444;
  }
  article.member-profile .mixtape .details ul.meta {
    margin: 10px 0;
    padding: 0;
    list-style: none;
  }
  article.member-profile .mixtape .details ul.meta li {
    margin: 0;
    padding: 0;
    font-size: 12px;
  }
  article.member-profile .mixtape .options {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  article.member-profile .mixtape .options.dropdown > a {
    display: block;
    padding: 6px 0 6px 6px;
    font-size: 18px;
  }
  article.member-profile .mixtape .options.dropdown > ul {
    top: 0;
    bottom: auto;
  }
  article.member-profile .mixtape:hover,
  article.member-profile .mixtape:focus {
    background-color: #f4f4f4;
  }
  article.member-profile .mixtape:hover .info > a,
  article.member-profile .mixtape:focus .info > a {
    color: #ce0000;
  }
  article.member-profile .mixtape:hover .info > a:hover,
  article.member-profile .mixtape:focus .info > a:hover,
  article.member-profile .mixtape:hover .info > a:focus,
  article.member-profile .mixtape:focus .info > a:focus {
    color: #9b0000;
  }
  article.member-profile .mixtape:hover .options,
  article.member-profile .mixtape:focus .options {
    display: block;
  }
  article.member-profile .track {
    position: relative;
    margin: 0;
    padding: 10px 0px;
    border-top: solid 1px #eee;
    cursor: pointer;
  }
  article.member-profile .track:before,
  article.member-profile .track:after {
    display: table;
  }
  article.member-profile .track:after {
    content: '';
    clear: both;
  }
  article.member-profile .track:hover {
    background-color: #f4f4f4;
  }
  article.member-profile .track .play-track {
    border: none;
    background: none;
    position: absolute;
    top: 14px;
    left: 0;
    font-size: 26px;
    color: #5e5e5e;
    outline: none;
  }
  article.member-profile .track .play-track:hover {
    color: #ce0000;
  }
  article.member-profile .track:hover .play-track {
    color: #444444;
  }
  article.member-profile .track:hover .play-track:hover {
    color: #ce0000;
  }
  article.member-profile .track.playing .play-track {
    color: #ce0000;
  }
  article.member-profile .track .track-name {
    overflow: hidden;
    display: block;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    font-size: 16px;
    color: #2b2b2b;
  }
  article.member-profile .track .track-name > a {
    display: block;
    color: #2b2b2b;
  }
  article.member-profile .track .track-name > a:hover {
    color: #ce0000;
  }
  article.member-profile .track .track-name > a img {
    float: left;
    display: block;
    margin-right: 15px;
    width: 50px;
    height: 50px;
  }
  article.member-profile .track .track-name > .track-details {
    display: block;
    padding-top: 3px;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    color: #444444;
    font-size: 14px;
  }
  article.member-profile .track button.more-options {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 16px;
    outline: none;
  }
  article.member-profile .track ul.track-dropdown {
    position: absolute;
    background: #fff;
    z-index: 5;
    width: 167px;
    list-style: none;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
    display: none;
  }
  article.member-profile .track ul.track-dropdown > li {
    padding: 0;
    border: none;
  }
  article.member-profile .track ul.track-dropdown > li:last-child {
    border: none;
  }
  article.member-profile .track ul.track-dropdown > li > a {
    display: block;
    padding: 8px 10px;
    color: #444444;
    font-size: 12px;
  }
  article.member-profile .track ul.track-dropdown > li > a:hover {
    background-color: #f4f4f4;
  }
  article.member-profile .track .track-time {
    float: right;
    margin-right: 35px;
    color: #5e5e5e;
    font-size: 12px;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  }
  article.member-profile .track .track-no {
    float: left;
    display: inline-block;
    font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
    width: 20px;
    text-align: right;
    margin-left: 45px;
    margin-right: 20px;
    color: #2b2b2b;
    font-size: 12px;
    line-height: 20px;
  }
  article.member-profile .track:last-child {
    border-bottom: solid 1px #eee;
  }
}
@media (min-width: 1280px) {
  article.member-profile {
    width: 1200px;
  }
  article.member-profile .profile-container .col-info {
    width: 20%;
  }
  article.member-profile .profile-container .col-content {
    width: 55%;
  }
  article.member-profile .profile-container .col-related-content {
    width: 25%;
  }
}
article.member-profile .profile-container.with-banner .col-info .details ul.social-links {
  margin-top: 0;
}
@media (min-width: 768px) {
  .popup-box-inner article.member-profile .profile-container.with-banner {
    padding-top: 300px;
  }
  .popup-box-inner article.member-profile .profile-container.with-banner .profile-banner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    width: 100%;
  }
}
#profile-editor-window {
  min-height: 500px;
}
#profile-editor-window h3 {
  margin: 0 0 15px;
  color: #272727;
  font-size: 18px;
  text-transform: uppercase;
}
#profile-editor-window .control-group {
  position: relative;
  margin: 10px 0;
}
#profile-editor-window .control-group > label {
  display: block;
  padding: 5px 0;
  font-size: 12px;
}
#profile-editor-window .control-group > input,
#profile-editor-window .control-group > textarea,
#profile-editor-window .control-group > select {
  display: block;
  width: 100%;
  max-width: 350px;
  padding: 8px 10px;
  border: solid 1px #cecece;
  resize: vertical;
  outline: none;
  color: #2b2b2b;
}
#profile-editor-window .control-group > input:focus,
#profile-editor-window .control-group > textarea:focus,
#profile-editor-window .control-group > select:focus {
  border-color: #444444;
}
#profile-editor-window .control-group > select {
  display: inline-block;
  width: auto;
}
#profile-editor-window .control-group .errors {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 5px 10px;
  margin: 5px 0;
  background-color: #db7706;
  border-radius: 5px;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #fff;
}
#profile-editor-window .control-group .errors:after {
  content: '';
  position: absolute;
  top: -16px;
  left: 10px;
  border: solid 10px transparent;
  border-bottom: solid 8px #db7706;
}
#profile-editor-window .control-group .errors.show {
  display: block;
}
#profile-editor-window .buttons .message {
  display: inline-block;
  padding: 0 10px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
}
#profile-editor-window .buttons .message:before {
  display: inline-block;
  margin-right: 4px;
  font-family: "mu2icons";
  font-style: normal;
  font-weight: normal;
}
#profile-editor-window .buttons .message.success {
  color: #2ECC71;
}
#profile-editor-window .buttons .message.success:before {
  content: '\e81a';
}
#profile-editor-window .buttons .message.error {
  color: #DB7706;
}
#profile-editor-window .buttons .message.error:before {
  content: '\e836';
}
#profile-editor-window .buttons .new-loader {
  display: none;
  padding: 0;
  width: auto;
  height: 25px;
  vertical-align: middle;
}
#profile-editor-window .buttons .new-loader.show {
  display: inline-block;
}
#profile-editor-window .profile-thumbnail {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 0 10px;
  padding: 5px;
  border: solid 1px #dbdbdb;
  border-radius: 3px;
}
#profile-editor-window .profile-thumbnail > img {
  display: block;
  width: 100%;
  height: auto;
}
#imageUploader,
#responseImageUploader {
  display: none;
}
section.member-page {
  width: 960px;
  margin: 60px auto;
}
section.member-page > h1,
section.member-page > h2 {
  text-align: center;
}
section.member-page .tabbed-content .tab-controls {
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
}
section.member-page .tabbed-content .tab-controls > li {
  display: inline-block;
  vertical-align: middle;
}
section.member-page .tabbed-content .tab-controls > li > a {
  display: block;
  margin: 5px;
  padding: 5px 10px;
  border: solid 1px #444444;
  border-radius: 3px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  color: #444444;
  text-align: center;
  text-transform: capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
section.member-page .tabbed-content .tab-controls > li > a:hover {
  background-color: #444444;
  color: #ffffff;
}
section.member-page .tabbed-content .tab-controls > li.active > a {
  background-color: #444444;
  color: #ffffff;
}
section.member-page .tabbed-content .tabs .tab {
  display: none;
}
section.member-page .tabbed-content .tabs .tab.active {
  display: block;
}
section.member-page form {
  display: block;
  margin: 0 auto;
  padding: 30px;
  width: 600px;
  background: #ffffff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.1);
}
section.member-page form hr {
  margin: 30px 0;
  height: 1px;
  border: none;
  background: #dbdbdb;
}
section.member-page .control-group {
  position: relative;
  margin: 10px 0;
}
section.member-page .control-group > label {
  display: block;
  padding: 5px 0;
  font-size: 12px;
}
section.member-page .control-group > input,
section.member-page .control-group > textarea,
section.member-page .control-group > select {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: solid 1px #cecece;
  resize: vertical;
  outline: none;
  color: #2b2b2b;
}
section.member-page .control-group > input:focus,
section.member-page .control-group > textarea:focus,
section.member-page .control-group > select:focus {
  border-color: #444444;
}
section.member-page .control-group > select {
  display: inline-block;
  width: auto;
}
section.member-page .control-group .errors {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 5px 10px;
  margin: 5px 0;
  background-color: #db7706;
  border-radius: 5px;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #fff;
}
section.member-page .control-group .errors:after {
  content: '';
  position: absolute;
  top: -16px;
  left: 10px;
  border: solid 10px transparent;
  border-bottom: solid 8px #db7706;
}
section.member-page .control-group .errors.show {
  display: block;
}
section.member-page .buttons {
  margin: 30px 0;
}
section.member-page .buttons .message {
  display: inline-block;
  padding: 0 10px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
}
section.member-page .buttons .message:before {
  display: inline-block;
  margin-right: 4px;
  font-family: "mu2icons";
  font-style: normal;
  font-weight: normal;
}
section.member-page .buttons .message.success {
  color: #2ECC71;
}
section.member-page .buttons .message.success:before {
  content: '\e81a';
}
section.member-page .buttons .message.error {
  color: #DB7706;
}
section.member-page .buttons .message.error:before {
  content: '\e836';
}
section.member-page .profile-thumbnail {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto 10px;
  padding: 5px;
  border: solid 1px #dbdbdb;
  border-radius: 3px;
}
section.member-page .profile-thumbnail > img {
  display: block;
  width: 100%;
  height: auto;
}
section.member-page .loading {
  display: none;
  vertical-align: middle;
}
section.member-page .loading > img {
  width: 32px;
  height: 32px;
}
section.member-page .loading.show {
  display: inline-block;
}
.subscription-plans {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  max-width: 800px;
}
.subscription-plans > .plan {
  position: relative;
  top: 0;
  margin: 5px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  -moz-transition: -moz-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
.subscription-plans > .plan > .discount {
  position: absolute;
  top: 17px;
  right: -5px;
  width: 64px;
  padding: 3px 7px;
  background: #ce0000;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  transform: rotate(45deg);
}
.subscription-plans > .plan > .discount:before {
  content: '';
  position: absolute;
  top: 0;
  left: -22px;
  border: solid 11px #ce0000;
  border-top-color: transparent;
  border-left-color: transparent;
}
.subscription-plans > .plan > .discount:after {
  content: '';
  position: absolute;
  top: 0;
  right: -22px;
  border: solid 11px #ce0000;
  border-top-color: transparent;
  border-right-color: transparent;
}
.subscription-plans > .plan > .plan-title {
  display: flex;
  justify-content: center;
}
.subscription-plans > .plan > .plan-title > h3 {
  display: flex;
  align-items: center;
  margin: 0;
  color: #444444;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
}
.subscription-plans > .plan > .plan-title > h3 > span {
  margin-left: 10px;
}
.subscription-plans > .plan > .plan-title > h3 > strong {
  display: block;
  font-size: 4em;
  color: #272727;
}
.subscription-plans > .plan > .plan-title > .short-description {
  padding: 10px 5px 0;
}
.subscription-plans > .plan > .plan-features {
  margin: 0;
  padding: 5px 0;
  list-style: none;
  text-align: center;
  border-top: solid 1px #eee;
}
.subscription-plans > .plan > .plan-features > li {
  padding: 3px 5px;
  font-style: italic;
}
.subscription-plans > .plan > .plan-features > li.highlighted {
  font-weight: 600;
  color: #272727;
}
.subscription-plans > .plan > .plan-controls {
  padding: 20px 0;
  text-align: center;
  border-top: solid 1px #eee;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.subscription-plans > .plan > .plan-controls > .plan-price {
  margin: 1em;
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 16px;
  color: #444444;
}
.subscription-plans > .plan > .plan-controls > .plan-price > span {
  text-decoration: line-through;
  font-size: 0.8em;
}
.subscription-plans > .plan > .plan-controls > .plan-price > span.highlighted {
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  color: #ce0000;
}
.subscription-plans > .plan.plan__small {
  margin: 20px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.subscription-plans > .plan.plan__small > .plan-title > h3 {
  font-size: 10px;
}
.subscription-plans > .plan.plan__small > .plan-controls > .plan-price {
  font-size: 12px;
}
@media (min-width: 768px) {
  .subscription-plans {
    flex-direction: row;
    align-items: center;
  }
  .subscription-plans > .plan {
    display: flex;
    flex-direction: column;
    padding: 40px;
  }
  .subscription-plans > .plan > .plan-title > h3 {
    font-size: 16px;
  }
  .subscription-plans > .plan > .plan-title > .short-description {
    min-height: 48px;
  }
  .subscription-plans > .plan > .plan-features {
    padding-top: 15px;
    margin-top: 15px;
  }
  .subscription-plans > .plan > .plan-controls {
    padding: 20px 0 0;
    flex-direction: column;
    border: none;
  }
  .subscription-plans > .plan > .plan-controls > .plan-price {
    margin: 0 0 15px;
    font-size: 20px;
  }
  .subscription-plans > .plan.plan__small {
    margin: 20px;
    padding: 20px;
  }
  .subscription-plans > .plan.plan__small > .plan-title > h3 {
    font-size: 12px;
  }
  .subscription-plans > .plan.plan__small > .plan-controls > .plan-price {
    font-size: 14px;
  }
}
#subscription-plans-popup > .modal-inner .loading-screen {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
}
#subscription-plans-popup > .modal-inner .loading-screen.show {
  display: flex;
}
#subscription-plans-popup > .modal-inner .loading-screen > .page-loader {
  padding: 0;
  width: 62px;
  height: 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#subscription-plans-popup > .modal-inner .loading-screen > .page-loader > div {
  height: 62px;
  width: 10px;
  background-color: #fff;
}
#subscription-plans-popup > .modal-inner h2 {
  color: #272727;
}
#subscription-plans-popup > .modal-inner .banner {
  margin: -55px -15px 0;
  width: auto;
  background-image: url('../img/subscription-banner-bg-211025.jpg');
}
#subscription-plans-popup > .modal-inner .banner h2 {
  color: #ffffff;
  font-size: 18px;
}
#subscription-plans-popup > .modal-inner .banner h2 > span {
  display: inline-block;
}
#subscription-plans-popup > .modal-inner .banner h2 > span:nth-child(1) {
  font-size: 1em;
}
#subscription-plans-popup > .modal-inner .banner h2 > span:nth-child(2) {
  font-size: 1em;
  font-weight: 100;
}
#subscription-plans-popup > .modal-inner .banner h2 > span:nth-child(3) {
  font-size: 1em;
}
#subscription-plans-popup > .modal-inner .banner h2 > span:nth-child(4) {
  font-size: 1em;
}
#subscription-plans-popup > .modal-inner .banner h3 {
  font-size: 14px;
  color: #ffffff;
}
#subscription-plans-popup > .modal-inner .banner .container {
  height: 50px;
}
#subscription-plans-popup > .modal-inner .subscription-features {
  margin: 10px -15px -55px;
  padding: 30px;
  background-color: #ffffff;
}
#subscription-plans-popup > .modal-inner .subscription-features h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
}
#subscription-plans-popup > .modal-inner .switch-billing-cycle {
  padding: 15px 0;
  text-align: center;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step {
  display: none;
  margin: 40px 0;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step.step-show {
  display: block;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step > section {
  padding: 30px 0;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step > h2,
#subscription-plans-popup > .modal-inner .subscribe-form > .step > section > h2 {
  margin: 0;
  padding: 0 10px 10px;
  font-size: 1.4em;
  text-transform: uppercase;
  text-align: center;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step > h4 {
  margin: 0 0 25px;
  padding: 0 10px;
  font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #444444;
  text-align: center;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step .payment-form,
#subscription-plans-popup > .modal-inner .subscribe-form > .step .auth-form {
  position: relative;
  margin: 30px auto;
  border: solid 1px #e7e7e7;
  background: #fff;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step .auth-form {
  width: 100%;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step .auth-form h3 {
  color: #272727;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step .payment-form > .dropin-container {
  margin: 15px;
  min-height: 150px;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step .payment-form > .payment-form-footer {
  display: flex;
  align-items: center;
  border-top: solid 1px #eee;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step .payment-form > .payment-form-footer > .plan-price {
  flex-grow: 1;
  margin: 16px;
  font-size: 16px;
  font-weight: bold;
}
#subscription-plans-popup > .modal-inner .subscribe-form > .step .payment-form > .payment-form-footer > .btn {
  margin: 15px;
}
@media (min-width: 768px) {
  #subscription-plans-popup > .modal-inner .banner {
    margin: -55px -15px 0;
    width: auto;
  }
  #subscription-plans-popup > .modal-inner .banner h2 {
    color: #ffffff;
    font-size: 24px;
  }
  #subscription-plans-popup > .modal-inner .banner h2 > span {
    display: block;
  }
  #subscription-plans-popup > .modal-inner .banner h2 > span:nth-child(1) {
    font-size: 2em;
  }
  #subscription-plans-popup > .modal-inner .banner h2 > span:nth-child(2) {
    font-size: 1.2em;
    font-weight: 100;
  }
  #subscription-plans-popup > .modal-inner .banner h2 > span:nth-child(3) {
    font-size: 0.6em;
    font-weight: 600;
  }
  #subscription-plans-popup > .modal-inner .banner h2 > span:nth-child(4) {
    font-size: 1.2em;
  }
  #subscription-plans-popup > .modal-inner .banner h3 {
    font-size: 20px;
    color: #ffffff;
  }
  #subscription-plans-popup > .modal-inner .banner .container {
    height: 150px;
  }
  #subscription-plans-popup > .modal-inner .subscribe-form > .step > section {
    padding: 60px 0;
  }
  #subscription-plans-popup > .modal-inner .subscribe-form > .step > h2,
  #subscription-plans-popup > .modal-inner .subscribe-form > .step > section > h2 {
    font-size: 1.8em;
  }
  #subscription-plans-popup > .modal-inner .subscribe-form > .step > h4 {
    font-size: 1.2em;
  }
  #subscription-plans-popup > .modal-inner .subscribe-form > .step .auth-form {
    width: 392px;
  }
  #subscription-plans-popup > .modal-inner .subscribe-form > .step .payment-form > .payment-form-footer > .plan-price {
    font-size: 20px;
  }
}
#subscription-manager .subscription-manager__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -15px -15px 0;
  padding: 18px 25px;
  border-bottom: solid 1px #dbdbdb;
}
@media (max-width: 667px) {
  #subscription-manager .subscription-manager__header {
    flex-direction: column;
  }
}
#subscription-manager .subscription-manager__header > h3 {
  margin: 0;
  color: #272727;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 667px) {
  #subscription-manager .subscription-manager__header > h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
#subscription-manager .subscription-manager__credit-count {
  display: flex;
  align-items: center;
}
#subscription-manager .subscription-manager__credit-count > .label {
  font: normal 600 14px 'Montserrat', sans-serif;
  font-size: 12px;
  margin-right: 10px;
}
#subscription-manager .subscription-manager__credit-count > .badge {
  display: inline-block;
  padding: 4px 13px;
  border-radius: 20px;
  min-width: 40px;
  text-align: center;
  font: normal 600 14px 'Montserrat', sans-serif;
  background-color: #272727;
  color: #ffffff;
  white-space: nowrap;
}
#subscription-manager .subscription-manager__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 15px 0 0;
  min-height: 150px;
}
#subscription-manager .subscription-card {
  background: #fff;
  margin: 0 0 15px;
  border-radius: 3px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.07);
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
#subscription-manager .subscription-card:last-child {
  margin: 0;
}
#subscription-manager .subscription-card > .subscription-card__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  cursor: pointer;
}
#subscription-manager .subscription-card > .subscription-card__title > h4 {
  margin: 0;
  color: #272727;
  font-size: 18px;
}
@media (max-width: 667px) {
  #subscription-manager .subscription-card > .subscription-card__title > h4 {
    font-size: 12px;
  }
}
#subscription-manager .subscription-card > .subscription-card__body {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}
@media (max-width: 667px) {
  #subscription-manager .subscription-card > .subscription-card__body {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
#subscription-manager .subscription-card > .subscription-card__body > .subscription-card__body__description {
  flex: 2 1 0;
}
#subscription-manager .subscription-card > .subscription-card__body > .subscription-card__body__description > .subscription-card__body__description__warning {
  padding: 6px 8px;
  border: solid 1px #ffb23b;
  background-color: #ffe2ae;
  border-radius: 3px;
}
#subscription-manager .subscription-card > .subscription-card__body > .subscription-card__body__next-billing {
  flex: 1 1 0;
  text-align: right;
  font-style: italic;
}
#subscription-manager .subscription-card > .subscription-card__body > .subscription-card__body__next-billing > strong {
  color: #272727;
}
@media (max-width: 667px) {
  #subscription-manager .subscription-card > .subscription-card__body > .subscription-card__body__next-billing {
    text-align: left;
  }
}
#subscription-manager .subscription-card > .subscription-card__body > .subscription-card__body__billing-dates {
  flex: 1 1 100%;
  font-style: italic;
}
#subscription-manager .subscription-card > .subscription-card__body > .subscription-card__body__billing-dates > strong {
  color: #272727;
}
#subscription-manager .subscription-card > .subscription-card__actions {
  display: flex;
  align-items: center;
}
#subscription-manager .subscription-card > .subscription-card__actions > .btn {
  margin: 15px 0 15px 15px;
  background-color: transparent;
  color: #ce0000;
}
#subscription-manager .subscription-card > .subscription-card__actions > .btn:hover,
#subscription-manager .subscription-card > .subscription-card__actions > .btn:focus {
  background-color: #f4f4f4;
}
#subscription-manager .subscription-card > .subscription-card__actions > .btn.btn-primary {
  background-color: #ce0000;
  color: #ffffff;
}
#subscription-manager .subscription-card > .subscription-card__actions > .btn.btn-primary:hover,
#subscription-manager .subscription-card > .subscription-card__actions > .btn.btn-primary:focus {
  background-color: #9b0000;
  color: #ffffff;
}
@media (max-width: 667px) {
  #subscription-manager .subscription-card > .subscription-card__actions > .btn {
    flex: 1;
    margin: 10px;
    text-align: center;
  }
}
#subscription-manager .subscription-card .subscription-card__badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 30px;
  min-width: 40px;
  text-align: center;
  font: normal 600 14px 'Montserrat', sans-serif;
  background-color: #272727;
  color: #ffffff;
  font-size: 10px;
  text-transform: uppercase;
  white-space: nowrap;
}
#subscription-manager .subscription-card.subscription-card-status-active .subscription-card__badge {
  background-color: #2ECC71;
}
#subscription-manager .subscription-card.subscription-card-status-canceled > .subscription-card__title > h4 {
  color: #5e5e5e;
  font-style: italic;
}
#subscription-manager .subscription-card.subscription-card-status-canceled .subscription-card__badge {
  background-color: #444444;
}
#subscription-manager .subscription-card.subscription-card-status-past-due > .subscription-card__title > h4 > .icon {
  color: #DB7706;
}
#subscription-manager .subscription-card.subscription-card-status-past-due .subscription-card__badge {
  background-color: #DB7706;
}
#subscription-manager .subscription-card.subscription-card-closed {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px rgba(0, 0, 0, 0.1);
}
#subscription-manager .subscription-card.subscription-card-closed:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.07);
}
#subscription-manager .subscription-card.subscription-card-closed > .subscription-card__body {
  display: none;
}
#subscription-manager .subscription-card.subscription-card-closed > .subscription-card__actions {
  display: none;
}
.subscription-confirm-cancel {
  margin: 30px 10px;
  padding: 15px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.subscription-confirm-cancel > h2 {
  margin: 0 0 10px;
  font-size: 20px;
  text-align: center;
}
.subscription-confirm-cancel > p {
  margin: 0 0 15px;
}
.subscription-confirm-cancel > p.unused-credits-warn {
  font-size: 120%;
  background: #ffd6d6;
  color: #272727;
  padding: 10px;
  border-radius: 5px;
}
.subscription-confirm-cancel > .subscription-confirm-cancel__actions {
  display: flex;
}
.subscription-confirm-cancel > .subscription-confirm-cancel__actions > .btn {
  margin: 5px;
  flex: 1 1 0;
}
@media (min-width: 768px) {
  .subscription-confirm-cancel {
    margin: 30px auto;
    width: 500px;
  }
}
#subscription-retry-payment {
  position: relative;
  margin: 30px 10px;
  padding: 15px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#subscription-retry-payment > .loading-screen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 35, 35, 0.2);
  display: none;
  align-items: center;
  justify-content: center;
}
#subscription-retry-payment > .loading-screen.visible {
  display: flex;
}
#subscription-retry-payment > h2 {
  margin: 0 0 10px;
  font-size: 20px;
  text-align: center;
}
#subscription-retry-payment > p {
  margin: 0 0 15px;
}
#subscription-retry-payment > p.unused-credits-warn {
  font-size: 120%;
  background: #ffd6d6;
  color: #272727;
  padding: 10px;
  border-radius: 5px;
}
#subscription-retry-payment .success-message {
  padding: 5px;
  background: #2ECC71;
  color: #ffffff;
  border-radius: 5px;
  margin-bottom: 15px;
}
#subscription-retry-payment > #subscription-retry-payment__actions {
  display: flex;
}
#subscription-retry-payment > #subscription-retry-payment__actions > .btn {
  margin: 5px;
  flex: 1 1 0;
}
@media (min-width: 768px) {
  #subscription-retry-payment {
    margin: 30px auto;
    width: 700px;
  }
}
#vc-confirm-purchase-content > h3 {
  margin: 1em 0;
  color: #272727;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
#vc-confirm-purchase-content > p {
  font-size: 14px;
  margin: 2em 0;
}
#kb--container {
  position: relative;
  padding: 1px;
}
#kb--container .kb--header .kb--header--title {
  margin: 20px 0;
  padding: 0;
  font: normal 700 28px 'Montserrat', sans-serif;
  color: #272727;
  text-transform: uppercase;
  text-align: center;
}
#kb--container .kb--header .kb--header--search {
  display: none;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar {
  position: relative;
  margin: 30px 15px 10px;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input {
  position: relative;
  margin-right: 50px;
  padding: 0 0 0 32px;
  background: #ffffff;
  border: solid 1px #919191;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 0 0 0 32px;
  font-size: 16px;
  line-height: 40px;
  color: #555555;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input input {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 40px;
  color: #444444;
  border: none;
  background: none;
  outline: none;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input .icon-search {
  position: absolute;
  top: 12px;
  left: 10px;
  padding: 0;
  font-size: 12px;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input .loading-search {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input .loading-search.show {
  display: block;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input .clear-results {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 40px;
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
  color: #444444;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input .clear-results:hover {
  color: #272727;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-input .clear-results.show {
  display: block;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  border: solid 1px #919191;
  border-left: none;
  background: #ffffff;
  font-weight: bold;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ffffff;
  width: 100%;
  border: solid 1px #919191;
  border-top: none;
  box-shadow: 0 7px 17px rgba(0, 0, 0, 0.2);
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-dropdown.show {
  display: block;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-dropdown > li > a {
  display: block;
  padding: 10px 5px;
  border-bottom: solid 1px #f4f4f4;
  color: #444444;
  font-weight: 600;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-dropdown > li > a:hover {
  background-color: #f4f4f4;
}
#kb--container .kb--header .kb--header--search .kb--header--search--bar .search-dropdown > li > li:last-child > a {
  border-bottom: none;
}
#kb--container .kb--header .kb--header--search .kb--header--search--results {
  margin: 15px 5px;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 3px 4px 2px rgba(0, 0, 0, 0.1);
}
#kb--container .kb--header .kb--header--search .kb--header--search--results.hide {
  display: none;
}
#kb--container .kb--header .kb--header--search .kb--header--search--results .kb--header--search--results--title {
  margin: 0 0 15px;
  font: normal 600 12px 'Open Sans', sans-serif;
  font-size: 20px;
}
#kb--container .kb--header .kb--header--search .kb--header--search--results .kb--header--search--results--items {
  margin: 0;
  padding: 0;
  list-style: none;
}
#kb--container .kb--header .kb--header--search .kb--header--search--results .kb--header--search--results--items > li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #f4f4f4;
}
#kb--container .kb--header .kb--header--search .kb--header--search--results .kb--header--search--results--items > li:last-child {
  border-bottom: none;
}
#kb--container .kb--header .kb--header--search .kb--header--search--results .kb--header--search--results--items > li > a {
  display: block;
  padding: 7px 5px;
  font-size: 16px;
}
#kb--container .kb--header .kb--header--search .kb--header--search--results .kb--header--search--results--nothing-found {
  padding: 30px;
  color: #5e5e5e;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
#kb--container .kb--header .kb--header--breadcrumbs {
  display: flex;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
#kb--container .kb--header .kb--header--breadcrumbs > li {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  line-height: 30px;
  font-size: 12px;
}
#kb--container .kb--header .kb--header--breadcrumbs > li:after {
  padding: 0 10px;
  content: ' > ';
}
#kb--container .kb--header .kb--header--breadcrumbs > li:last-child:after {
  content: '';
}
#kb--container .kb--header .kb--header--breadcrumbs > li > a {
  display: inline-block;
}
@media (min-width: 1200px) {
  #kb--container {
    margin: 0 auto;
    max-width: 700px;
  }
}
.kb--article {
  margin: 15px 5px;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.kb--article h1,
.kb--article h2 {
  margin: 0 0 15px;
  font: normal 600 12px 'Open Sans', sans-serif;
  font-size: 20px;
}
.kb--article p {
  margin: 0 0 10px;
}
.kb--article p:last-child {
  margin-bottom: 0;
}
.kb--category {
  margin: 15px 5px;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.kb--category .kb--category--name {
  margin: 0 0 15px;
  font: normal 600 12px 'Open Sans', sans-serif;
  font-size: 20px;
}
.kb--category .kb--category--articles {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kb--category .kb--category--articles > li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #f4f4f4;
}
.kb--category .kb--category--articles > li:last-child {
  border-bottom: none;
}
.kb--category .kb--category--articles > li > a {
  display: block;
  padding: 7px 5px;
  font-size: 16px;
}
.landing-page > .landing-page--section > .landing-page--section--contents {
  margin: 0 auto;
  padding: 8vh 5px;
  text-align: center;
}
@media (min-width: 667px) and (orientation: landscape) {
  .landing-page > .landing-page--section > .landing-page--section--contents {
    padding: 10vh 5px;
  }
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  .landing-page > .landing-page--section > .landing-page--section--contents {
    padding: 10vh 0;
    width: 700px;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .landing-page > .landing-page--section > .landing-page--section--contents {
    padding: 15vh 0;
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .landing-page > .landing-page--section > .landing-page--section--contents {
    padding: 15vh 0;
    width: 1100px;
  }
}
@media (min-width: 1580px) {
  .landing-page > .landing-page--section > .landing-page--section--contents {
    padding: 20vh 0;
    width: 1300px;
  }
}
.landing-page > .landing-page--section > .landing-page--section--contents > .landing-page--section--title {
  margin: 15px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  .landing-page > .landing-page--section > .landing-page--section--contents > .landing-page--section--title {
    margin: 15px 0 20px;
    font-size: 28px;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .landing-page > .landing-page--section > .landing-page--section--contents > .landing-page--section--title {
    margin: 15px 0 20px;
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .landing-page > .landing-page--section > .landing-page--section--contents > .landing-page--section--title {
    margin: 15px 0 30px;
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .landing-page > .landing-page--section > .landing-page--section--contents.landing-page--section--contents--intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 700px;
    padding: 20vh 0;
  }
}
@media (min-width: 1200px) {
  .landing-page > .landing-page--section > .landing-page--section--contents.landing-page--section--contents--intro > .landing-page--section--title {
    margin: 0;
    text-align: right;
    padding-right: 40px;
    flex-basis: 0;
    flex-grow: 1;
  }
}
@media (min-width: 1200px) {
  .landing-page > .landing-page--section > .landing-page--section--contents.landing-page--section--contents--intro > .landing-page--section--sub-title {
    margin: 0;
    text-align: left;
    flex-basis: 0;
    flex-grow: 1;
    font-size: 16px;
  }
}
.landing-page > .landing-page--section.section--highlighted {
  background-color: #ffffff;
}
.landing-page > .landing-page--section.section--c2a {
  background: #85FFC7 url('../img/subscription-landing/bg-c2a.png') repeat-x bottom center;
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  .landing-page > .landing-page--section.section--narrow > .landing-page--section--contents {
    width: 650px;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  .landing-page > .landing-page--section.section--narrow > .landing-page--section--contents {
    width: 800px;
  }
}
@media (min-width: 1200px) {
  .landing-page > .landing-page--section.section--narrow > .landing-page--section--contents {
    width: 900px;
  }
}
@media (min-width: 1580px) {
  .landing-page > .landing-page--section.section--narrow > .landing-page--section--contents {
    width: 1000px;
  }
}
#new-landing-subscription .banner {
  padding: 0;
  background-image: url('../img/subscription-banner-bg-211025.jpg');
}
#new-landing-subscription .banner .container {
  height: 35vh;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  padding: 0;
  margin: 0;
}
@media (min-width: 667px) and (orientation: landscape) {
  #new-landing-subscription .banner .container {
    height: 40vh;
    min-height: 400px;
  }
}
@media (min-width: 768px) and (min-height: 900px) and (orientation: portrait) {
  #new-landing-subscription .banner .container {
    height: 40vh;
  }
}
@media (min-width: 1024px) and (min-height: 640px) and (orientation: landscape) {
  #new-landing-subscription .banner .container {
    height: 50vh;
  }
}
@media (min-width: 1200px) {
  #new-landing-subscription .banner .container {
    height: 50vh;
  }
}
#new-landing-subscription .banner .container .centered {
  display: block;
  white-space: normal;
}
#new-landing-subscription .banner .container .centered:before {
  display: none;
}
#new-landing-subscription .banner .container .centered > .banner-title > h2 {
  font-size: 36px;
}
#new-landing-subscription .banner .container .centered > .banner-title > h2 > span {
  display: block;
}
#new-landing-subscription .banner .container .centered > .banner-title > h2 > span:nth-child(1) {
  font-size: 2em;
}
#new-landing-subscription .banner .container .centered > .banner-title > h2 > span:nth-child(2) {
  font-size: 1.2em;
  font-weight: 100;
}
#new-landing-subscription .banner .container .centered > .banner-title > h2 > span:nth-child(3) {
  font-size: 0.6em;
  font-weight: 600;
}
#new-landing-subscription .banner .container .centered > .banner-title > h2 > span:nth-child(4) {
  font-size: 1.2em;
}
@media (max-width: 667px) {
  #new-landing-subscription .banner .container .centered > .banner-title > h2 {
    font-size: 24px;
  }
  #new-landing-subscription .banner .container .centered > .banner-title > h2 > span {
    display: inline-block;
  }
  #new-landing-subscription .banner .container .centered > .banner-title > h2 > span:nth-child(1) {
    font-size: 1em;
  }
  #new-landing-subscription .banner .container .centered > .banner-title > h2 > span:nth-child(2) {
    font-size: 1em;
  }
  #new-landing-subscription .banner .container .centered > .banner-title > h2 > span:nth-child(3) {
    font-size: 1em;
  }
  #new-landing-subscription .banner .container .centered > .banner-title > h2 > span:nth-child(4) {
    font-size: 1em;
  }
}
#new-landing-subscription .switch-billing-cycle {
  padding: 15px 0;
}
#new-landing-subscription .faq-group {
  text-align: initial;
  max-width: 800px;
  margin: 0 auto;
}
/* Clear floating elements */
.clearfix:before,
.clearfix:after {
  display: table;
}
.clearfix:after {
  content: '';
  clear: both;
}